.mr-setting-panel-mob{position:relative;height:100%;background-color:#1e1f32}.mr-setting-panel-mob .mr-setting-panel{background-color:transparent}.mr-setting-panel-mob .mr-setting-panel__bg-contain{padding-top:16px}.mr-setting-panel-mob_bg{display:flex;flex-direction:column;padding-top:16px}.mr-setting-panel-mob_bg .mr-setting-panel__mob{flex:1;min-height:0}.mr-setting-panel-mob__tag{margin-top:24px;margin-left:16px;line-height:16px;padding-left:10px;position:relative}.mr-setting-panel-mob__tag:not(.mr-setting-panel-mob__ppt){padding-left:12px;color:hsla(0,0%,100%,.87)}.mr-setting-panel-mob__tag:not(.mr-setting-panel-mob__ppt):before{content:"";position:absolute;top:0;left:0;height:100%;width:4px;border-radius:2px;background-color:#477dea}.mr-setting-panel-mob__tag.mr-setting-panel-mob__ppt{padding-bottom:10px}.mr-setting-panel-mob__tag.mr-setting-panel-mob__ppt>div{border-bottom:2px solid transparent;padding-bottom:3px;color:hsla(0,0%,100%,.6)}.mr-setting-panel-mob__tag.mr-setting-panel-mob__ppt>div.mr-setting-panel-mob__tag-active{border-bottom-color:#477dea;color:hsla(0,0%,100%,.87)}.mr-setting-panel-mob__tag>div{display:inline-block;margin-right:24px}.mr-setting-panel-mob__ppt-container{flex:1;min-height:0;overflow:auto;padding:14px 16px 0 0}.mr-setting-panel-mob__ppt-container>div{margin-right:0;width:50%;padding-left:16px}.mr-setting-panel-mob_preview{padding:0 16px}.mr-setting-panel-mob_preview>div:first-child{border-radius:8px;overflow:hidden}.mr-setting-panel-mob_preview>div:nth-child(2){margin-top:16px;display:flex}.mr-setting-panel-mob_preview>div:nth-child(2)>button{flex:1}.mr-setting-panel-mob_preview>div:nth-child(2)>button.is-disabled{background-color:hsla(0,0%,100%,.2);border-color:transparent}.mr-setting-panel-mob_preview>div:nth-child(2)>span{padding:0 20px;line-height:40px}.mr-setting-panel-mob__ppt-index{position:absolute;bottom:0;right:0;min-width:28px;line-height:24px;background:rgba(0,0,0,.4);border-radius:9px 0 4px 0;color:#fff;padding:0 4px;font-size:12px}.mr-setting-panel-mob_bg-ppt-ctrl>.el-button--primary:hover{background-color:#477dea;border-color:#477dea}.mr-setting-panel-mob_bg-warn{color:hsla(0,0%,100%,.6);font-size:32px;line-height:32px;margin-bottom:16px}.mr-setting-panel__light:not(.mr-setting-panel__mob){height:auto!important}.mr-setting-panel__light:not(.mr-setting-panel__mob)>.mr-setting-panel__contain{padding-bottom:6px}.mr-setting-panel__contain-light{margin-right:6px;margin-bottom:4px;padding:8px;display:inline-block;background-color:#3e3e4e}.mr-setting-panel__mob.mr-setting-panel__light{padding:0}.mr-setting-panel__mob.mr-setting-panel__light .mr-setting-panel__contain{padding-right:16px}.mr-setting-panel__mob.mr-setting-panel__light .mr-setting-panel__material{margin:0;width:50%;padding-left:16px}.mr-nav__mob{top:56px}.mr-nav__mob .el-drawer{background-color:transparent}.mr-nav__container{height:100%;background-color:rgba(22,28,55,.6);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);padding:32px 17px}.mr-nav__container>div{line-height:32px;padding:8px 0 8px 15px;opacity:.6;border-radius:8px;font-size:14px;display:flex;margin-bottom:16px}.mr-nav__container>div.mr-nav__active{background-color:#477dea;opacity:1}.mr-nav__container>div>.svg-icon{width:32px;height:32px;margin-right:6px;background-position:0}.mr-nav__container>div>span:last-child{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mr-warpper{position:relative;padding-top:56px;height:100%;background-color:#3e3e4e;color:#fff}.mr-warpper .mr-setting-panel{background-color:#1e1f32}.mr-warpper>header{position:fixed;top:0;left:0;width:100%;padding:8px 16px;background-color:#262942;line-height:40px;z-index:2;display:flex;font-size:16px;font-weight:500;color:hsla(0,0%,100%,.87)}.mr-warpper>header .mr-nav-btn{margin-right:16px;display:inline-block;font-size:0;width:40px;height:40px;vertical-align:middle;opacity:.6}.mr-warpper>header .mr-head_switch{position:absolute;right:16px;top:50%;margin-top:-10px}.mr-warpper>header .mr-head_switch:not(.is-checked)>span:after{background-color:#7f8289}.mr-warpper>header .mr-head_switch>span{height:16px;background-color:#535353;border-color:#535353}.mr-warpper>header .mr-head_switch>span:after{width:20px;height:20px;top:-3px;left:-2px}.mr-container{position:relative;height:100%;overflow:auto}.mr-container>.mr-setting{height:100%}.mr-container .mr-setting-panel__mob{overflow:auto}.mr-preview-mob{position:fixed;left:0;bottom:0;right:0;top:0;background:rgba(0,0,0,.8);z-index:1001}.mr-preview-mob>div{position:absolute;left:0;right:0;bottom:0;padding:10px 16px 38px;background:rgba(53,60,94,.8);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.mr-preview-mob img{border-radius:8px}.mr-preview-mob h2{margin-bottom:20px;font-size:14px;font-weight:400;line-height:38px;display:flex;align-items:baseline}.mr-preview-mob h2>span{margin-right:8px;display:inline-block;width:40px;line-height:20px;color:#fff;background:hsla(0,0%,100%,.2);border-radius:4px;text-align:center;font-size:12px}.mr-preview-mob h2>div:nth-child(2){flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mr-preview-mob .mr-preview-close{width:38px;height:38px;font-size:25px;text-align:center;line-height:38px}.mr-preview-mob .mr-preview-mob__foot{margin-top:24px;display:flex;justify-content:space-between}.mr-preview-mob .mr-preview-mob__foot>button{flex:1;font-size:14px;padding-top:12px;padding-bottom:12px}.mr-preview-mob .mr-preview-mob__foot>button:first-child{background-color:hsla(0,0%,100%,.2);color:#fff;border-color:transparent}.mr-preview-mob .mr-preview-mob__foot>button:last-child{margin-left:12px}