vue-pure-admin/static/css/verify-FLI54qob.css

.vue-puzzle-vcode{background-color:#0000004d;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s;z-index:999}.vue-puzzle-vcode.inside_{background-color:transparent;height:100%;position:relative;width:100%}.vue-puzzle-vcode.inside_ .vue-auth-box_{background:transparent;box-shadow:none;left:0;padding:0;position:relative;top:0;transform:translate(0)}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000004d;left:50%;padding:20px;position:absolute;top:40%;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-auth-box_ .auth-body_{border-radius:3px;overflow:hidden;position:relative}.vue-auth-box_ .auth-body_ .loading-box_{align-items:center;background-color:#000c;display:flex;justify-content:center;inset:0;opacity:1;position:absolute;transition:opacity .1s;z-index:20}.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{animation:load 1.04s ease infinite;background-color:#888;border-radius:50%;display:inline-block;height:100%;margin-left:2px;width:5px}.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_{background-color:#83ce3f;bottom:0;color:#fff;font-size:13px;height:24px;left:0;line-height:24px;opacity:0;overflow:hidden;position:absolute;text-align:center;transform:translateY(24px);transition:all .2s;width:100%;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_{height:100%;width:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{height:100%;left:0;position:absolute;top:0;width:60px;z-index:2}.vue-auth-box_ .auth-body_ .auth-canvas3_{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .6s;width:100%;z-index:3}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{background-color:#ffffff1a;height:100%;left:0;position:absolute;top:0;width:30px;z-index:3}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{cursor:pointer;height:auto;position:absolute;right:2px;top:2px;transform:rotate(0);transition:transform .2s;width:35px;z-index:12}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{background-color:#eef1f8;border-radius:3px;box-shadow:inset 0 0 8px #f0f0f099;margin-top:20px;position:relative;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-text{color:#b7bcd1;font-size:14px;left:50%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;transform:translate(-50%,-50%);white-space:nowrap;width:100%}.vue-auth-box_ .auth-control_ .range-box .range-slider{background-color:#6aa0ffcc;border-radius:3px;height:100%;position:absolute;width:50px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{align-items:center;background-color:#fff;border-radius:3px;box-shadow:0 0 4px #ccc;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;width:50px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{border:1px solid #6aa0ff;height:40%;transition:all .2s;width:0}.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;border-right-color:#6aa0ff;height:0}.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-radius:3px;border-right-color:#6aa0ff;border-width:3px;height:0;margin:0 6px}.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;border-left-color:#6aa0ff;height:0}.vue-puzzle-overflow{overflow:hidden!important}