.modal-mask[data-v-963fa108]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content[data-v-963fa108]{background-color:#fff;border-radius:8px;padding:12px 20px 20px;width:300px}.modal-header[data-v-963fa108]{display:flex;justify-content:flex-end;align-items:center;margin-bottom:10px;height:20px;position:relative}.modal-close[data-v-963fa108]{position:absolute;color:#aaa;width:18px;height:18px;right:-5px;cursor:pointer}.modal-close[data-v-963fa108]:after,.modal-close[data-v-963fa108]:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:currentColor}.modal-close[data-v-963fa108]:hover{color:#999}.modal-close[data-v-963fa108]:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close[data-v-963fa108]:after{transform:translate(-50%,-50%) rotate(-45deg)}.puzzle-wrapper[data-v-3751d711]{position:relative;width:300px}.puzzle-wrapper .refresh[data-v-3751d711]{position:absolute;right:10px;top:10px;width:24px;z-index:9;cursor:pointer}.puzzle-wrapper .refresh[data-v-3751d711]:hover{transform:rotate(-180deg);transition:all .5s}.puzzle-wrapper .popover[data-v-3751d711]{position:absolute;top:-150px}.puzzle-wrapper .img-content[data-v-3751d711]{background-size:100% 100%}.puzzle-wrapper .img-content .bg-block[data-v-3751d711]{position:absolute;top:50px;left:250px;width:40px;height:40px;opacity:.8;box-shadow:inset 0 0 16px 10px #000}.puzzle-wrapper .img-content .drag-block[data-v-3751d711]{width:40px;height:40px;background-image:inherit;background-repeat:inherit;background-size:300px 150px;background-position:-250px -50px;position:absolute;top:50px;left:5px}.puzzle-wrapper .img-bg[data-v-3751d711]{width:100%;height:150px;position:relative}.puzzle-wrapper .img-bg img[data-v-3751d711]{width:100%;height:100%}.puzzle-wrapper .img-block[data-v-3751d711]{width:15%;position:absolute;left:0;top:0}.puzzle-wrapper .img-block img[data-v-3751d711]{width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.puzzle-wrapper .drag[data-v-3751d711]{width:300px;height:40px;background-color:#e1f5fe;margin-top:10px;position:relative;border-radius:8px;border:1px solid #2962ff}.puzzle-wrapper .drag .slider-fill[data-v-3751d711]{border-radius:10px;position:absolute;width:0px;height:100%;background-color:#4fc3f7;opacity:.3}.puzzle-wrapper .drag .slider-thumb[data-v-3751d711]{width:40px;height:40px;background-color:#2962ff;z-index:1;position:absolute;top:0;left:0;border-radius:8px;cursor:pointer}.puzzle-wrapper .drag .slider-thumb .slider-icon[data-v-3751d711]{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);-moz-user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;pointer-events:none}.puzzle-wrapper .drag .slider-tips[data-v-3751d711]{margin:0 auto;line-height:40px;text-align:center;-webkit-user-select:none;user-select:none;color:#3e6ffb}.puzzle-wrapper .drag-fail[data-v-3751d711]{background-color:#ffebee;border:1px solid #f44336}.puzzle-wrapper .drag-fail .slider-fill[data-v-3751d711]{background-color:#e57373}.puzzle-wrapper .drag-fail .slider-thumb[data-v-3751d711]{background-color:#d50000}.puzzle-wrapper .drag-fail .slider-tips[data-v-3751d711]{color:#f44336}.puzzle-wrapper .drag-success[data-v-3751d711]{background-color:#e8f5e9;border:1px solid #4caf50}.puzzle-wrapper .drag-success .slider-fill[data-v-3751d711]{background-color:#81c784}.puzzle-wrapper .drag-success .slider-thumb[data-v-3751d711]{background-color:#00c853}.puzzle-wrapper .drag-success .slider-tips[data-v-3751d711]{color:#4caf50}.slide-up-down-enter-from[data-v-3751d711],.slide-up-down-leave-to[data-v-3751d711]{transform:translateY(40px);opacity:0}.slide-up-down-enter-active[data-v-3751d711],.slide-up-down-leave-active[data-v-3751d711]{transition:all .6s ease}