.maskList ul[data-v-d9fbd4ac]{padding:14px 0;overflow-x:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px auto;background:#252628;border-radius:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 30px}.maskList ul li[data-v-d9fbd4ac]{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;cursor:pointer;height:100px;background-color:#101010;background-size:contain;background-repeat:no-repeat;background-position:50%;border-radius:10px}.maskList[data-v-d9fbd4ac] ::-webkit-scrollbar{width:10px;height:10px}.maskList[data-v-d9fbd4ac] ::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);border-radius:2px}.maskList[data-v-d9fbd4ac] ::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.3);-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}@media screen and (max-width:768px){.maskList ul li[data-v-d9fbd4ac]{margin-right:10px;-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;height:80px}.maskList ul li[data-v-d9fbd4ac]:last-child{margin-right:0}}.maskTab[data-v-f3a23cd2]{display:block;margin-top:20px;border-radius:10px;background:#252628}.maskTab ul[data-v-f3a23cd2]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 30px}.maskTab ul li[data-v-f3a23cd2]{font-size:16px;color:#777b84;padding:12px 0;margin-right:40px;cursor:pointer}.maskTab ul li.on[data-v-f3a23cd2]{color:#10ab88;font-weight:700;cursor:default;border-bottom:3px solid #10ab88}.container[data-v-4724a8b4]{min-height:100%;overflow-y:auto;background:-webkit-gradient(linear,left bottom,left top,from(#222),to(#101010));background:linear-gradient(0deg,#222 0,#101010);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .linkBox[data-v-4724a8b4]{font-size:12px;color:#42b983;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.container .content[data-v-4724a8b4]{width:960px;margin:0 auto}.container .mode[data-v-4724a8b4]{margin-top:10px}.container .dragBox[data-v-4724a8b4]{color:#000;position:absolute;top:0;left:0}.container .dragBox .closeBox[data-v-4724a8b4]{width:26px;height:26px;background:#000;border-radius:100%;font-size:26px;display:none;position:absolute;top:-13px;cursor:pointer;right:-13px}.container .dragBox .closeBox .icon[data-v-4724a8b4]{color:#10ab88}.container .topBox[data-v-4724a8b4]{margin-top:20px;background:#252628;height:420px;position:relative;overflow:hidden;border-radius:30px;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.container .topBox .leftBox[data-v-4724a8b4]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .topBox .leftBox .title[data-v-4724a8b4]{color:#10ab88;font-weight:700;font-size:55px}.container .topBox .leftBox .desc[data-v-4724a8b4]{color:#777b84;font-size:14px;line-height:22px;margin:10px 0 80px 0}.container .topBox .rightBox[data-v-4724a8b4]{position:relative;margin-left:10%;border-radius:30px;background:rgba(0,0,0,.9);overflow:hidden}.container .topBox .rightBox .rightBoxSize[data-v-4724a8b4]{width:360px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;min-width:0;padding-bottom:100%;inset:0;position:relative}.container .topBox .rightBox .imgTips[data-v-4724a8b4]{font-size:16px;color:hsla(0,0%,100%,.7);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .topBox .rightBox .board[data-v-4724a8b4]{position:relative;width:100%;height:100%;position:absolute;top:0;left:0}.container .topBox .rightBox .imgBox[data-v-4724a8b4]{width:100%;height:100%}.container .topBox .rightBox .imgBox[data-v-4724a8b4] .active .closeBox{display:block}.container .topBox .rightBox .imgBox .maskBox img[data-v-4724a8b4]{width:100%;height:100%}.container .btnBox[data-v-4724a8b4]{display:inline-block}.container .btnBox button[data-v-4724a8b4]{color:#252628;font-size:16px;border-radius:10px;background:#fff;border:none;outline:none;padding:14px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.container .btnBox button[data-v-4724a8b4]:hover{background:#10ab88;color:#fff}.container .btnBox button .icon[data-v-4724a8b4]{font-size:20px;margin-right:10px}.container .new-avatar[data-v-4724a8b4]{position:absolute;left:0;width:100%;top:0}.container .opBox[data-v-4724a8b4]{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 2px;background:#000;border-radius:10px;overflow:hidden;position:absolute;bottom:20px;right:20px}.container .opBox .iconBtn[data-v-4724a8b4]{background:hsla(0,0%,100%,.9);display:inline-block;padding:5px 10px;color:#111;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.container .opBox .iconBtn .icon[data-v-4724a8b4]{font-size:20px}.container .opBox .iconBtn .label[data-v-4724a8b4]{display:none}.container .opBox .iconBtn[data-v-4724a8b4]:hover{background:#fff}.container .copyright[data-v-4724a8b4]{text-align:center;opacity:.8}.container .copyright[data-v-4724a8b4] .el-link{font-size:12px}@media screen and (max-width:768px){.container .content[data-v-4724a8b4]{width:90%}.container .btnBox[data-v-4724a8b4]{margin-bottom:10px}.container .btnBox button[data-v-4724a8b4]{padding:6px 16px;font-size:14px}.container .topBox[data-v-4724a8b4]{margin-top:10px;height:auto;padding:10px 30px;display:block}.container .topBox .leftBox .title[data-v-4724a8b4]{font-size:20px}.container .topBox .leftBox .desc[data-v-4724a8b4]{font-size:12px;margin:4px 0}.container .topBox .rightBox[data-v-4724a8b4]{width:100%;margin-left:0}}