.arco-drawer-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001}.arco-drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-mask-bg)}.arco-drawer{position:absolute;display:flex;flex-direction:column;width:100%;height:100%;overflow:auto;line-height:1.5715;background-color:var(--color-bg-3)}.arco-drawer-header{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;width:100%;height:48px;padding:0 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-drawer-header .arco-drawer-title{margin-right:auto;color:var(--color-text-1);font-weight:500;font-size:16px;text-align:left}.arco-drawer-header .arco-drawer-close-btn{margin-left:8px;color:var(--color-text-1);font-size:12px;cursor:pointer}.arco-drawer-footer{flex-shrink:0;box-sizing:border-box;padding:16px;text-align:right;border-top:1px solid var(--color-neutral-3)}.arco-drawer-footer>.arco-btn{margin-left:12px}.arco-drawer-body{position:relative;flex:1;box-sizing:border-box;height:100%;padding:12px 16px;overflow:auto;color:var(--color-text-1)}.fade-drawer-enter-from,.fade-drawer-appear-from{opacity:0}.fade-drawer-enter-to,.fade-drawer-appear-to{opacity:1}.fade-drawer-enter-active,.fade-drawer-appear-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.fade-drawer-leave-from{opacity:1}.fade-drawer-leave-to{opacity:0}.fade-drawer-leave-active{transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.slide-left-drawer-enter-from,.slide-left-drawer-appear-from{transform:translate(-100%)}.slide-left-drawer-enter-to,.slide-left-drawer-appear-to{transform:translate(0)}.slide-left-drawer-enter-active,.slide-left-drawer-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-left-drawer-leave-from{transform:translate(0)}.slide-left-drawer-leave-to{transform:translate(-100%)}.slide-left-drawer-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-right-drawer-enter-from,.slide-right-drawer-appear-from{transform:translate(100%)}.slide-right-drawer-enter-to,.slide-right-drawer-appear-to{transform:translate(0)}.slide-right-drawer-enter-active,.slide-right-drawer-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-right-drawer-leave-from{transform:translate(0)}.slide-right-drawer-leave-to{transform:translate(100%)}.slide-right-drawer-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-top-drawer-enter,.slide-top-drawer-appear,.slide-top-drawer-enter-from,.slide-top-drawer-appear-from{transform:translateY(-100%)}.slide-top-drawer-enter-to,.slide-top-drawer-appear-to{transform:translateY(0)}.slide-top-drawer-enter-active,.slide-top-drawer-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-top-drawer-leave-from{transform:translateY(0)}.slide-top-drawer-leave-to{transform:translateY(-100%)}.slide-top-drawer-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-bottom-drawer-enter-from,.slide-bottom-drawer-appear-from{transform:translateY(100%)}.slide-bottom-drawer-enter-to,.slide-bottom-drawer-appear-to{transform:translateY(0)}.slide-bottom-drawer-enter-active,.slide-bottom-drawer-appear-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slide-bottom-drawer-leave-from{transform:translateY(0)}.slide-bottom-drawer-leave-to{transform:translateY(100%)}.slide-bottom-drawer-leave-active{transition:transform .3s cubic-bezier(.34,.69,.1,1)}.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.inside_{position:relative;background-color:transparent;width:100%;height:100%}.vue-puzzle-vcode.inside_ .vue-auth-box_{position:relative;top:0;left:0;transform:translate(0);padding:0;background:transparent;box-shadow:none}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;-webkit-user-select:none;user-select:none;border-radius:3px;box-shadow:0 1px 3px #0000004d}.vue-auth-box_ .auth-body_{position:relative;overflow:hidden;border-radius:3px}.vue-auth-box_ .auth-body_ .loading-box_{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000c;z-index:20;opacity:1;transition:opacity .1s;display:flex;align-items:center;justify-content:center}.vue-auth-box_ .auth-body_ .loading-box_.hide_{opacity:0;pointer-events:none}.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span{animation-play-state:paused}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_{flex:none;height:5px;line-height:0}@keyframes load{0%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.3)}}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span{display:inline-block;width:5px;height:100%;margin-left:2px;border-radius:50%;background-color:#888;animation:load 1.04s ease infinite}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(1){margin-left:0}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(2){animation-delay:.13s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3){animation-delay:.26s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4){animation-delay:.39s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5){animation-delay:.52s}.vue-auth-box_ .auth-body_ .info-box_{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;overflow:hidden;font-size:13px;background-color:#83ce3f;opacity:0;transform:translateY(24px);transition:all .2s;color:#fff;z-index:10}.vue-auth-box_ .auth-body_ .info-box_.show{opacity:.95;transform:translateY(0)}.vue-auth-box_ .auth-body_ .info-box_.fail{background-color:#ce594b}.vue-auth-box_ .auth-body_ .auth-canvas1_{width:100%;height:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{position:absolute;top:0;left:0;width:60px;height:100%;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .6s;z-index:3}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{position:absolute;top:0;left:0;width:30px;height:100%;background-color:#ffffff1a;z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:2px;right:2px;width:35px;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0)}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{position:relative;width:100%;background-color:#eef1f8;margin-top:20px;border-radius:3px;box-shadow:0 0 8px #f0f0f099 inset}.vue-auth-box_ .auth-control_ .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#b7bcd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-slider{position:absolute;height:100%;width:50px;background-color:#6aa0ffcc;border-radius:3px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:50px;height:100%;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:solid 1px #6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2){margin:0 4px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child{border:solid 4px transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2){border-width:3px;height:0;border-radius:3px;margin:0 6px;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3){border:solid 4px transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}.content{width:100%;margin:auto;background-color:#fff;height:100vh;overflow-y:auto;position:relative}.content .background{width:100%;height:270px}.content .background img{height:100%;width:100%}.content .info{width:100%;border-top-left-radius:20px;border-top-right-radius:20px;padding:20px;box-sizing:border-box;position:relative;position:absolute;top:70px;left:0}.content .info .top_info{width:100%;text-align:center}.content .info .top_info .left{width:80px;height:80px;border-radius:10px;overflow:hidden;margin:auto auto 10px}.content .info .top_info .left img{width:100%;height:100%}.content .info .top_info .right .title{font-size:20px;font-weight:700;margin-bottom:10px}.content .info .top_info .right .app_brief{margin-top:10px}.content .info .top_info .right .version{font-size:12px}.content .apinfo{width:calc(100% - 20px);padding:10px 10px 100px;max-width:500px;margin:auto;position:relative}.content .apinfo .app_brief{width:calc(100% - 20px);padding:10px;border-radius:4px;background-color:#e9f3fd;font-size:13px}.content .apinfo .qrbox{width:calc(100% - 20px);max-width:210px;margin:20px auto auto;padding:10px;border-radius:4px;text-align:center;border:1px solid #dddddd}.content .apinfo .qrbox .qrcode{width:200px;height:200px}.content .apinfo .note{width:calc(100% - 20px);padding:10px;border-radius:4px;background-color:#e9f3fd;font-size:13px;margin-top:20px;line-height:20px}.content .downbtn{width:calc(100% - 20px);border-radius:20px;height:40px;background-color:#ddd;margin:20px auto auto;text-align:center;line-height:40px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:500px}.content .downbtn .btn{color:#fff;font-size:14px}.notice_box{width:100%;height:100vh;background-color:#00000021;position:fixed;top:0;left:0;z-index:9999;z-index:200px;overflow-y:auto}.notice_box .notice{width:calc(100% - 60px);margin:200px auto;border-radius:10px;background-color:#fff;padding:20px;position:relative;max-width:400px}.notice_box .notice .notice-title{text-align:center;font-size:20px;font-weight:800}.notice_box .notice .notice-close{width:100%;height:30px;text-align:center;background-color:#00000021;line-height:30px;border-radius:20px;margin-top:20px;cursor:pointer}.notice_box .notice .notice-content{width:100%;overflow:hidden;margin-top:20px}.notice_box .notice .notice-content img{width:100%;border-radius:10px;box-shadow:8px 8px 20px #3763aa1a;margin-top:12px;margin-bottom:12px}.notice_box .notice .notice-content video{width:100%;border-radius:10px;box-shadow:8px 8px 20px #3763aa1a}.none{opacity:0;z-index:-200;position:absolute}.donok{width:100%;height:100%;position:absolute;background-color:#fff;top:0;left:0;z-index:-1;opacity:0;padding-top:80px}.showdok{transition:all 1s;opacity:1;z-index:999}.loading{width:100%;height:100vh;background-color:#fff;position:fixed;top:0;left:0;z-index:-200;z-index:200px;overflow-y:auto;opacity:0;transition:all 1s;background-image:radial-gradient(#ccc 1px,transparent 0);background-size:15px 15px}.loading .loading-content{margin:400px auto;text-align:center}.loading .loading-content p{margin-top:20px}.loadingshow{opacity:1;z-index:999}
