.vue-puzzle-vcode{z-index:999;opacity:0;pointer-events:none;background-color:#0000004d;transition:opacity .2s;position:fixed;inset:0}.vue-puzzle-vcode.inside_{background-color:#0000;width:100%;height:100%;position:relative}.vue-puzzle-vcode.inside_ .vue-auth-box_{box-shadow:none;background:0 0;padding:0;position:relative;top:0;left:0;transform:translate(0)}.vue-puzzle-vcode.show_{opacity:1;pointer-events:auto}.vue-auth-box_{-webkit-user-select:none;user-select:none;background:#fff;border-radius:3px;padding:20px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.vue-auth-box_ .auth-body_{border-radius:3px;position:relative;overflow:hidden}.vue-auth-box_ .auth-body_ .loading-box_{z-index:20;opacity:1;background-color:#000c;justify-content:center;align-items:center;transition:opacity .1s;display:flex;position:absolute;inset:0}.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{background-color:#888;border-radius:50%;width:5px;height:100%;margin-left:2px;animation:1.04s infinite load;display:inline-block}.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_{text-align:center;opacity:0;color:#fff;z-index:10;background-color:#83ce3f;width:100%;height:24px;font-size:13px;line-height:24px;transition:all .2s;position:absolute;bottom:0;left:0;overflow:hidden;transform:translateY(24px)}.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_{width:100%;height:100%}.vue-auth-box_ .auth-body_ .auth-canvas2_{z-index:2;width:60px;height:100%;position:absolute;top:0;left:0}.vue-auth-box_ .auth-body_ .auth-canvas3_{opacity:0;z-index:3;width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.vue-auth-box_ .auth-body_ .auth-canvas3_.show{opacity:1}.vue-auth-box_ .auth-body_ .flash_{z-index:3;background-color:#ffffff1a;width:30px;height:100%;position:absolute;top:0;left:0}.vue-auth-box_ .auth-body_ .flash_.show{transition:transform .6s}.vue-auth-box_ .auth-body_ .reset_{z-index:12;cursor:pointer;width:35px;height:auto;transition:transform .2s;position:absolute;top:2px;right:2px;transform:rotate(0)}.vue-auth-box_ .auth-body_ .reset_:hover{transform:rotate(-90deg)}.vue-auth-box_ .auth-control_ .range-box{background-color:#eef1f8;border-radius:3px;width:100%;margin-top:20px;position:relative;box-shadow:inset 0 0 8px #f0f0f099}.vue-auth-box_ .auth-control_ .range-box .range-text{color:#b7bcd1;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:14px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.vue-auth-box_ .auth-control_ .range-box .range-slider{background-color:#6aa0ffcc;border-radius:3px;width:50px;height:100%;position:absolute}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn{cursor:pointer;background-color:#fff;border-radius:3px;justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:absolute;right:0;box-shadow:0 0 4px #ccc}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div{border:1px solid #6aa0ff;width:0;height:40%;transition:all .2s}.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:hover>div:first-child,.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child{border:4px solid #0000;border-right-color:#6aa0ff;height:0}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2){border-width:3px;border-right-color:#6aa0ff;border-radius:3px;height:0;margin:0 6px}.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3){border:4px solid #0000;border-left-color:#6aa0ff;height:0}.vue-puzzle-overflow{overflow:hidden!important}.vue-cropper[data-v-a742df44]{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;text-align:left;direction:ltr;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);width:100%;height:100%;position:relative}.cropper-box[data-v-a742df44],.cropper-box-canvas[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-face[data-v-a742df44]{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.cropper-box-canvas img[data-v-a742df44]{text-align:left;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:relative;transform:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:#00000080}.cropper-view-box[data-v-a742df44]{-webkit-user-select:none;user-select:none;outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-view-box img[data-v-a742df44]{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-a742df44]{opacity:.1;background-color:#fff;top:0;left:0}.crop-info[data-v-a742df44]{text-align:center;color:#fff;background-color:#000c;min-width:65px;font-size:12px;line-height:20px;position:absolute;left:0}.crop-line[data-v-a742df44]{opacity:.1;width:100%;height:100%;display:block;position:absolute}.line-w[data-v-a742df44]{cursor:n-resize;height:5px;top:-3px;left:0}.line-a[data-v-a742df44]{cursor:w-resize;width:5px;top:0;left:-3px}.line-s[data-v-a742df44]{cursor:s-resize;height:5px;bottom:-3px;left:0}.line-d[data-v-a742df44]{cursor:e-resize;width:5px;top:0;right:-3px}.crop-point[data-v-a742df44]{opacity:.75;background-color:#39f;border-radius:100%;width:8px;height:8px;position:absolute}.point1[data-v-a742df44]{cursor:nw-resize;top:-4px;left:-4px}.point2[data-v-a742df44]{cursor:n-resize;margin-left:-3px;top:-5px;left:50%}.point3[data-v-a742df44]{cursor:ne-resize;top:-4px;right:-4px}.point4[data-v-a742df44]{cursor:w-resize;margin-top:-3px;top:50%;left:-4px}.point5[data-v-a742df44]{cursor:e-resize;margin-top:-3px;top:50%;right:-4px}.point6[data-v-a742df44]{cursor:sw-resize;bottom:-5px;left:-4px}.point7[data-v-a742df44]{cursor:s-resize;margin-left:-3px;bottom:-5px;left:50%}.point8[data-v-a742df44]{cursor:se-resize;bottom:-5px;right:-4px}@media screen and (width<=500px){.crop-point[data-v-a742df44]{opacity:.45;background-color:#39f;border-radius:100%;width:20px;height:20px;position:absolute}.point1[data-v-a742df44]{top:-10px;left:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{top:-10px;right:-10px}.point4[data-v-a742df44]{top:0;left:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}