.root[data-v-0c352640]{display:flex;place-content:center;margin-top:3rem;height:100%}.root .container-shell[data-v-0c352640]{flex:6;overflow:auto;backdrop-filter:blur(5px);background:hsla(0,0%,50%,.5);padding:10px 4px 10px 4px;width:auto;position:relative}.root .container-shell #container[data-v-0c352640]{margin:auto;margin-top:10vh;background:#1d1e24;width:720px;height:488px;position:relative}.root .container-shell #container .bottom[data-v-0c352640]{height:38px;background:#898b91;position:absolute;width:100%;bottom:0;z-index:9999}.root .container-shell #container .bottom .express[data-v-0c352640]{width:77%;float:left;margin-left:3%}.root .container-shell #container .bottom .iconfont[data-v-0c352640]{float:left;color:#fff;font-size:25px;line-height:38px;margin-right:5px;cursor:pointer}.root .container-shell #container .bottom .volume[data-v-0c352640]{height:130px;background:#898b91;position:absolute;bottom:30px;right:62px;display:none;opacity:0;transition:all .9s linear 0s}.root .container-shell #container .bottom .volume[data-v-0c352640]:hover,.root .container-shell #container .bottom .volumeBtn:hover+.volume[data-v-0c352640]{display:block;opacity:1}.root .container-shell #container .bottom .fullExpress[data-v-0c352640]{margin-left:2%;width:90%}.root .container-shell #container .bottom .fullVolume[data-v-0c352640]{right:31px}.root .root2[data-v-0c352640]{overflow-y:auto;width:30%;height:100%;background:#0c0c0c;flex:1.5}.root .root2 .title[data-v-0c352640]{color:#353637;line-height:50px;cursor:pointer}.root .root2 .el-select[data-v-0c352640]{width:100%}.root .root2 .onClick[data-v-0c352640]{color:green;border-bottom:2px solid green;line-height:50px;cursor:pointer}.root .root2 .menuBtn[data-v-0c352640]{margin:auto;width:69%;height:0;padding-bottom:69%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:20px 35px}.root .root2 .menuBtn .btn[data-v-0c352640]{background:#353637;width:100%;padding-bottom:calc(50% - 15px);padding-top:calc(50% - 15px);box-sizing:border-box;color:#f0f8ff;font-size:30px;cursor:pointer}.root .root2 .menuBtn .btn[data-v-0c352640]:hover{color:#f9cc9d}.root .root2 .selectBtn[data-v-0c352640]{cursor:pointer;overflow:hidden}.root .root2 .selectBtn div[data-v-0c352640]{display:inline-block;width:31%;text-align:center;background:#fff;border:1px solid #0076ff;color:#0076ff;line-height:25px}.root .root2 .selectBtn div[data-v-0c352640]:first-child{border-radius:5px 0 0 5px}.root .root2 .selectBtn div[data-v-0c352640]:last-child{border-radius:0 5px 5px 0}.root .root2 .selectBtn2[data-v-0c352640]{overflow:hidden;margin:25px 0;cursor:pointer}.root .root2 .selectBtn2 div[data-v-0c352640]{display:inline-block;width:46.5%;text-align:center;background:#fff;border:1px solid #0076ff;color:#0076ff;border-radius:1px;line-height:25px}.root .root2 .selectBtn2 div[data-v-0c352640]:first-child{border-radius:5px 0 0 5px}.root .root2 .selectBtn2 div[data-v-0c352640]:last-child{border-radius:0 5px 5px 0}.root .root2 .menuExpress[data-v-0c352640]{overflow:hidden;color:#fff;font-size:16px;line-height:39px}.root .root2 .selectClick[data-v-0c352640]{background:#0076ff!important;color:#fff!important}.root .root2 .toolVolume[data-v-0c352640]{overflow:hidden;color:#fff;font-size:15px}.root .root2 .toolVolume .iconfont[data-v-0c352640]{font-size:38px;margin-left:2%}@media (max-width:720px){#container[data-v-0c352640]{width:90vw;height:52.7vw}}