.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;-webkit-transition:opacity .2s;transition:opacity .2s}.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;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 img{width:120px;height:auto}.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:70px;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:-50px;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:5px;right:5px;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%;height:50px;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}.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:50px;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}.bg img[data-v-59e5de1c]{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;position:fixed;top:0;left:0;z-index:-1}.card[data-v-59e5de1c]{width:800px;min-width:600px;background-color:#fff;border-radius:40px;padding:20px 40px;margin:100px auto;z-index:2}.page[data-v-59e5de1c]{height:300px;padding:0 150px}.page1[data-v-59e5de1c]{padding-top:100px}.page1 .send[data-v-59e5de1c]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#4169e1;margin-left:10px}.page2 .count[data-v-59e5de1c]{margin-left:10px}.page4[data-v-59e5de1c]{padding-top:80px}.next[data-v-59e5de1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.next span[data-v-59e5de1c]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:underline}.next span[data-v-59e5de1c]:hover{color:#4169e1;cursor:pointer}