@charset 'utf-8';

.fblockwrap{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;text-align:center;display:none;}
.fblock{position:relative;background:#fff;border-radius:10px;padding:20px;}
.fbtips{font-size:14px;line-height:24px;}
.fbtips b{display:block;font-size:16px}
#silderpuzzle{position:relative;margin-top:15px;}
.canvasContainer{background:#fff;width:290px;height:160px;}
.canvasContainer canvas{display:block;box-shadow:0 0 2px rgba(0,0,0,0.2)}
.canvasContainer canvas.block{position:absolute;left:0;top:0;box-shadow:none;}
.sliderImgPuzzleContainer{position:relative;margin-top:20px;background:#fff;height:20px;width:100%;border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,0.3);}
.sliderImgPuzzleText{display:none;}
.sliderImgPuzzleMask{position:absolute;left:0;top:0;height:20px;background:#e5e6e7;border-top-left-radius:10px;border-bottom-left-radius:10px;padding-right:8px;}
.sliderImgPuzzle{position:absolute;top:-6px;left:0;width:50px;height:30px;background:#FF4D30;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;transition:background .2s linear;border-radius:15px;touch-action:none;}
.sliderImgPuzzleIcon{position:absolute;left:12px;top:8px;width:24px;height:15px;background:url(../img/slider-icon.png);}
.sliderImgPuzzleContainer_active .sliderImgPuzzle{margin-left:-2px;}
.sliderImgPuzzleContainer_success .sliderImgPuzzle{margin-left:-2px;}
.refreshIcon{position:absolute;right:0;top:0;width:34px;height:34px;cursor:pointer;background:url(../img/refresh.png);}
.successbar{text-align:center;font-size:13px;margin-top:8px;height:20px;line-height:20px;}
.fbclose{position:absolute;right:12px;top:12px;z-index:1;color:#007ee3}