.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.30196078431372547);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:40%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.30196078431372547)}.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:rgba(0,0,0,.8);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: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: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-canvas2_{position:absolute;top:0;left:0;width:60px;height:100%;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:30px;height:100%;background-color:hsla(0,0%,100%,.10196078431372549);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:inset 0 0 8px 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: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:rgba(106,160,255,.8);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:1px solid #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.isDown>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child{border:4px 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:3px;height:0;border-radius:3px;margin:0 6px;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:4px solid transparent;height:0;border-left-color:#6aa0ff}.vue-puzzle-overflow{overflow:hidden!important}.login-box .user-box input[data-v-7c38aea2],.login-box .user-box label[data-v-7c38aea2],.login-container[data-v-7c38aea2]{font-family:PingFangSC-Regular,PingFang SC}.login-container[data-v-7c38aea2]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;min-height:100%;width:100%;background:url(../img/login-bg.a223278a.jpg),linear-gradient(180deg,#3cd6d6,#393cec);background-size:cover;background-position:50%;overflow:hidden;margin:0;padding:0}.login-img[data-v-7c38aea2]{width:414px}.login-box[data-v-7c38aea2]{width:426px;padding:40px;background:#fff;box-sizing:border-box;border-radius:24px}.login-title[data-v-7c38aea2]{display:block;margin:0 0 60px;padding:0;color:#424242;font-size:32px;text-align:center;letter-spacing:5px}.login-box .user-box[data-v-7c38aea2]{position:relative}.login-box .user-box input[data-v-7c38aea2]{width:100%;padding:10px 0;font-size:18px;color:#333;margin-bottom:46px;border:none;border-bottom:1px solid #979797;outline:none;background:transparent;padding-left:66px}.login-box .user-box label[data-v-7c38aea2]{position:absolute;left:0;color:#999;top:0;font-size:18px;padding:10px 0;pointer-events:none;transition:.5s;font-weight:400}#submit-btn[data-v-7c38aea2]{display:block;padding:15px;text-align:center;color:#fff;font-size:22px;border-radius:35px;box-shadow:4px 4px 16px 0 #4e66e6;background-color:#4e66e6;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:60px;letter-spacing:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#submit-btn[data-v-7c38aea2]:hover{opacity:.9}.change-login[data-v-7c38aea2]{position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;margin:-20px auto 0;color:#999;float:right;text-decoration:none;text-align:right;cursor:pointer}.change-login[data-v-7c38aea2]:active,.change-login[data-v-7c38aea2]:hover{color:#333}.verify-code[data-v-7c38aea2]{position:absolute;top:0;right:0;padding:10px 0;font-size:18px;color:#4e66e6}.verify-code .el-button[data-v-7c38aea2]{font-size:18px;padding:0}.copyright[data-v-7c38aea2]{position:fixed;bottom:0;height:35px;line-height:35px;width:100vw;text-align:center;font-size:12px;color:#fff}@media screen and (max-width:850px){.login-container[data-v-7c38aea2]{flex-direction:column!important}.login-container .login-box[data-v-7c38aea2],.login-container .login-img[data-v-7c38aea2]{max-width:90vw!important}}