.vue-puzzle-vcode{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.3);opacity:0;pointer-events:none;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:9999}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3)}.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;-webkit-transition:opacity .2s;transition:opacity .2s;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}.vue-auth-box_ .auth-body_ .loading-box_.hide_{opacity:0;pointer-events:none}.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span{-webkit-animation-play-state:paused;animation-play-state:paused}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_{-webkit-box-flex:0;-ms-flex:none;flex:none;height:5px;line-height:0}@-webkit-keyframes load{0%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:.2;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes load{0%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}to{opacity:.2;-webkit-transform:scale(.3);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;-webkit-animation:load 1.04s ease infinite;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){-webkit-animation-delay:.13s;animation-delay:.13s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(3){-webkit-animation-delay:.26s;animation-delay:.26s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(4){-webkit-animation-delay:.39s;animation-delay:.39s}.vue-auth-box_ .auth-body_ .loading-box_ .loading-gif_ span:nth-child(5){-webkit-animation-delay:.52s;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;-webkit-transform:translateY(24px);transform:translateY(24px);-webkit-transition:all .2s;transition:all .2s;color:#fff;z-index:10}.vue-auth-box_ .auth-body_ .info-box_.show{opacity:.95;-webkit-transform:translateY(0);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;-webkit-transition:opacity .6s;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%,.1);z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.vue-auth-box_ .auth-body_ .reset_{position:absolute;top:2px;right:2px;width:35px;height:auto;z-index:12;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.vue-auth-box_ .auth-body_ .reset_:hover{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{position:relative;width:100%;background-color:#eef1f8;margin-top:20px;border-radius:3px;-webkit-box-shadow:0 0 8px hsla(0,0%,94.1%,.6) inset;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%;-webkit-transform:translate(-50%,-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:-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;right:0;width:50px;height:100%;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 0 4px #ccc;box-shadow:0 0 4px #ccc;cursor:pointer}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{width:0;height:40%;-webkit-transition:all .2s;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}.logo-preview-page,.space-login-page{width:100%;height:100%}.logo-preview-page{background-color:#f5f7fa;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;position:relative}.logo-preview-page .logo-preview-wrapper{width:90%;height:400px;max-width:400px;margin:0 auto;background-color:#fff;padding:10px 30px;position:relative;border-radius:20px;z-index:1}.logo-preview-page .logo-preview-wrapper .header{margin:16px 0 24px}.logo-preview-page .logo-preview-wrapper .header h4{font-weight:500;font-size:24px;line-height:40px;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word}.logo-preview-page .logo-preview-wrapper .header .des{font-size:14px;line-height:24px;color:#292d3d;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.logo-preview-page .logo-preview-wrapper .input-container .van-field{background-color:transparent;height:40px;line-height:40px}.logo-preview-page .logo-preview-wrapper .input-container .van-field .van-field__value{line-height:20px}.logo-preview-page .logo-preview-wrapper .input-container .phone-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.logo-preview-page .logo-preview-wrapper .input-container .phone-container .van-button{height:40px;margin-right:5px;border-radius:5px;border:1px solid #e6e6e6;border-radius:8px}.logo-preview-page .logo-preview-wrapper .input-container .phone-container .van-button .van-button__content{width:40px}.logo-preview-page .logo-preview-wrapper .input-container .phone-container .van-field{background-color:transparent;border:1px solid #e6e6e6;border-radius:8px}.logo-preview-page .logo-preview-wrapper .input-container .password-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-preview-page .logo-preview-wrapper .input-container .password-container .van-field{background-color:transparent;border-radius:8px;border:1px solid #e6e6e6;margin-right:10px}.logo-preview-page .logo-preview-wrapper .input-container .password-container .van-button{color:var(--main-color2);border-radius:8px;border:1px solid #e6e6e6;padding:12px;width:160px;height:40px}.logo-preview-page .logo-preview-wrapper .login-btn{height:40px;line-height:40px;background-color:var(--main-color2);color:#fff;margin-top:20px;border-radius:8px;cursor:pointer}.logo-preview-page .logo-preview-wrapper .login-btn,.logo-preview-page .logo-preview-wrapper .official-logo{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo-preview-page .logo-preview-wrapper .official-logo{height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:20px;left:0}.logo-preview-page .logo-preview-wrapper .official-logo span{color:#989898;margin-right:10px;font-size:12px}.logo-preview-page .logo-preview-wrapper .official-logo img{width:58px;height:22px;margin-right:20px}.logo-preview-page .logo-preview-wrapper .service-laws{font-size:12px;margin-top:10px}.logo-preview-page .logo-preview-wrapper .service-laws span{color:#91a1b7}.logo-preview-page .logo-preview-wrapper .service-laws a{color:#73a5da;cursor:pointer;outline:0;text-decoration:none}.logo-preview-page>img{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%}.binding-error-container{width:100%;height:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.binding-error-container img{width:300px;margin-top:80px}.binding-error-container p{margin-top:30px;color:#333;text-align:center}