.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.3);z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);padding:1.25rem;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.1875rem;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.3)}.vue-auth-box_ .auth-body_{position:relative;overflow:hidden;border-radius:.1875rem}.vue-auth-box_ .auth-body_ .loading-box_{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:20;opacity:1;transition:opacity .2s;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:.3125rem;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:.3125rem;height:100%;margin-left:.125rem;border-radius:50%;background-color:#888;animation:load 1.04s ease infinite}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:first-child{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:1.5rem;line-height:1.5rem;text-align:center;overflow:hidden;font-size:.8125rem;background-color:#83ce3f;opacity:0;transform:translateY(1.5rem);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-canvas2_{position:absolute;top:0;left:0;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{position:absolute;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:1.875rem;height:100%;background-color:hsla(0,0%,100%,.1);z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:.125rem;right:.125rem;width:2.1875rem;height:auto;z-index:12;cursor:pointer;transition:transform .2s;transform:rotate(0deg)}.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:1.25rem;border-radius:.1875rem;box-shadow:inset 0 0 .5rem hsla(0,0%,94.1%,.6)}.vue-auth-box_ .auth-control_ .range-box .range-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;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:3.125rem;background-color:rgba(106,160,255,.8);border-radius:.1875rem}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:3.125rem;height:100%;background-color:#fff;border-radius:.1875rem;box-shadow:0 0 .25rem #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;transition:all .2s;border:.0625rem solid #6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2){margin:0 .25rem}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child{border:.25rem solid transparent;height:0;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2){border-width:.1875rem;height:0;border-radius:.1875rem;margin:0 .375rem;border-right-color:#6aa0ff}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3){border:.25rem solid transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}.login-wrap[data-v-4df2df82]{position:relative;width:100%;height:100%;background:url(../../static/img/loginbg.89458855.png) 100% 100% no-repeat;background-size:100% 100%;overflow:hidden;box-sizing:border-box}.login-wrap .login-contain[data-v-4df2df82]{position:relative;width:40rem;min-height:37.6875rem;max-height:90%;overflow:hidden;right:8%;top:0;background:#fff;box-shadow:0 0 .375rem .0625rem rgba(0,0,0,.16)}.login-wrap .login-contain .login-title[data-v-4df2df82]{text-align:center;font-weight:400;font-size:2.25rem;color:#0263ff;font-family:PangMenZhengDao}.login-contain[data-v-4df2df82]::-webkit-scrollbar{display:none!important}[data-v-4df2df82] .el-button{width:100%!important;height:2.5rem!important;margin-left:0!important;background:#0087ff}.registertip[data-v-4df2df82]{background:#f7f8ff;position:absolute;bottom:0}.registerbox[data-v-4df2df82]{height:calc(100% - 12.5rem);overflow-y:scroll}.register-title[data-v-4df2df82]{font-weight:400;font-size:1.75rem;color:#010102;font-family:PangMenZhengDao}[data-v-4df2df82] .el-form--label-top .el-form-item__label{padding-top:.625rem!important;padding-bottom:0!important;box-sizing:border-box!important}.login-form[data-v-4df2df82]{overflow-y:auto!important;overflow-x:hidden!important;max-height:37.5rem;padding-left:.625rem;padding-right:.625rem}.login-text[data-v-4df2df82]{right:.625rem;top:.625rem;color:#0087ff}.login-btn[data-v-4df2df82]{height:3.125rem!important;font-size:1.125rem;background:#0263ff;border-radius:.25rem .25rem .25rem .25rem}.login-btn.login-btn-pre[data-v-4df2df82]{background:#fff;border-radius:.25rem .25rem .25rem .25rem;border:.0625rem solid #cad1d7;color:#58677c}.y-flex-width-45[data-v-4df2df82]{width:45%!important}.step-item[data-v-4df2df82]{background:#d8dde5;height:2.5rem;width:33%;color:#58677c;position:relative}.step-item[data-v-4df2df82]:before{content:"";display:block;border-top:1.25rem solid #d8dde5;border-bottom:1.25rem solid #d8dde5;border-left:.5rem solid #fff;position:absolute;left:0;top:0}.step-item[data-v-4df2df82]:after{content:"";display:block;border-top:1.25rem solid #fff;border-bottom:1.25rem solid #fff;border-left:.5rem solid #d8dde5;position:absolute;right:0;top:0;z-index:10;height:.125rem}.step-item[data-v-4df2df82]:first-child{border-radius:.25rem 0 0 .25rem}.step-item[data-v-4df2df82]:last-child{border-radius:0 .25rem .25rem 0}.step-item[data-v-4df2df82]:first-child:before,.step-item[data-v-4df2df82]:last-child:after{display:none}.step-item.active[data-v-4df2df82]{background-color:#0263ff;color:#fff}.step-item.active[data-v-4df2df82]:after{border-left-color:#0263ff}.step-item.active[data-v-4df2df82]:before{border-left-color:#fff;border-top-color:#0263ff;border-bottom-color:#0263ff}.step-item.off[data-v-4df2df82]{background-color:#80b3ff;color:#fff}.step-item.off[data-v-4df2df82]:after{border-left-color:#80b3ff}.step-item.off[data-v-4df2df82]:before{border-left-color:#fff;border-top-color:#80b3ff;border-bottom-color:#80b3ff}.tip_box[data-v-4df2df82]{right:1.25rem;bottom:1.25rem}.tip_box .tip_btn[data-v-4df2df82]{background:#fff;height:2.5rem;width:2.5rem;border-radius:50%}.el-dropdown-link[data-v-4df2df82]{cursor:pointer;color:#409eff}.el-icon-arrow-down[data-v-4df2df82]{font-size:.75rem}