.M-Flipper{display:inline-block;position:relative;width:.27778rem;height:.46296rem;line-height:.46296rem;border:.00463rem solid transparent;border-radius:.0463rem;background:#fff;font-size:.30556rem;color:#fff;-webkit-box-shadow:0 0 .02778rem rgba(0,0,0,.5s);box-shadow:0 0 .02778rem rgba(0,0,0,.5s);text-align:center;font-family:Helvetica Neue}.M-Flipper .digital:after,.M-Flipper .digital:before{content:"";position:absolute;left:0;right:0;background:#fdad4e;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.M-Flipper .digital:before{top:0;bottom:50%;border-radius:.0463rem .0463rem 0 0;border-bottom:.00463rem solid #fff}.M-Flipper .digital:after{top:50%;bottom:0;border-radius:0 0 .0463rem .0463rem;line-height:0}.M-Flipper.down .front:before{z-index:3}.M-Flipper.down .back:after{z-index:2;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(.74074rem) rotateX(180deg);transform:perspective(.74074rem) rotateX(180deg)}.M-Flipper.down .back:before,.M-Flipper.down .front:after{z-index:1}.M-Flipper.down.go .front:before{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:frontFlipDown .5s ease-in-out both;animation:frontFlipDown .5s ease-in-out both;-webkit-box-shadow:0 -.00926rem .02778rem hsla(0,0%,100%,.3);box-shadow:0 -.00926rem .02778rem hsla(0,0%,100%,.3);-webkit-backface-visibility:hidden;backface-visibility:hidden}.M-Flipper.down.go .back:after{-webkit-animation:backFlipDown .5s ease-in-out both;animation:backFlipDown .5s ease-in-out both}.M-Flipper.up .front:after{z-index:3}.M-Flipper.up .back:before{z-index:2;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(.74074rem) rotateX(-180deg);transform:perspective(.74074rem) rotateX(-180deg)}.M-Flipper.up .back:after,.M-Flipper.up .front:before{z-index:1}.M-Flipper.up.go .front:after{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:frontFlipUp .5s ease-in-out both;animation:frontFlipUp .5s ease-in-out both;-webkit-box-shadow:0 .00926rem .02778rem hsla(0,0%,100%,.3);box-shadow:0 .00926rem .02778rem hsla(0,0%,100%,.3);-webkit-backface-visibility:hidden;backface-visibility:hidden}.M-Flipper.up.go .back:before{-webkit-animation:backFlipUp .5s ease-in-out both;animation:backFlipUp .5s ease-in-out both}@-webkit-keyframes frontFlipDown{0%{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}to{-webkit-transform:perspective(.74074rem) rotateX(-180deg);transform:perspective(.74074rem) rotateX(-180deg)}}@keyframes frontFlipDown{0%{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}to{-webkit-transform:perspective(.74074rem) rotateX(-180deg);transform:perspective(.74074rem) rotateX(-180deg)}}@-webkit-keyframes backFlipDown{0%{-webkit-transform:perspective(.74074rem) rotateX(180deg);transform:perspective(.74074rem) rotateX(180deg)}to{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}}@keyframes backFlipDown{0%{-webkit-transform:perspective(.74074rem) rotateX(180deg);transform:perspective(.74074rem) rotateX(180deg)}to{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}}@-webkit-keyframes frontFlipUp{0%{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}to{-webkit-transform:perspective(.74074rem) rotateX(180deg);transform:perspective(.74074rem) rotateX(180deg)}}@keyframes frontFlipUp{0%{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}to{-webkit-transform:perspective(.74074rem) rotateX(180deg);transform:perspective(.74074rem) rotateX(180deg)}}@-webkit-keyframes backFlipUp{0%{-webkit-transform:perspective(.74074rem) rotateX(-180deg);transform:perspective(.74074rem) rotateX(-180deg)}to{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}}@keyframes backFlipUp{0%{-webkit-transform:perspective(.74074rem) rotateX(-180deg);transform:perspective(.74074rem) rotateX(-180deg)}to{-webkit-transform:perspective(.74074rem) rotateX(0deg);transform:perspective(.74074rem) rotateX(0deg)}}.M-Flipper .number0:after,.M-Flipper .number0:before{content:"0"}.M-Flipper .number1:after,.M-Flipper .number1:before{content:"1"}.M-Flipper .number2:after,.M-Flipper .number2:before{content:"2"}.M-Flipper .number3:after,.M-Flipper .number3:before{content:"3"}.M-Flipper .number4:after,.M-Flipper .number4:before{content:"4"}.M-Flipper .number5:after,.M-Flipper .number5:before{content:"5"}.M-Flipper .number6:after,.M-Flipper .number6:before{content:"6"}.M-Flipper .number7:after,.M-Flipper .number7:before{content:"7"}.M-Flipper .number8:after,.M-Flipper .number8:before{content:"8"}.M-Flipper .number9:after,.M-Flipper .number9:before{content:"9"}.FlipClock[data-v-687642ce]{text-align:center}.FlipClock .M-Flipper[data-v-687642ce]{margin:0 .01389rem}.FlipClock em[data-v-687642ce]{display:inline-block;line-height:.47222rem;font-size:.30556rem;font-style:normal;vertical-align:top;color:#fdad4e}.input[data-v-687642ce]{width:.92593rem}[data-v-687642ce] .time{width:2.31481rem}[data-v-687642ce] .time .container{float:left}[data-v-687642ce] .time .container span{display:inline-block}.tool[data-v-687642ce]{background-color:#fff;position:fixed;bottom:0;right:0;width:100%;height:.23148rem}.tool div[data-v-687642ce]{border:.00463rem solid #000;font-size:.09259rem;cursor:pointer}.painter[data-v-42315062]{width:100%;height:100vh;background:url(../img/bg2.92d026c7.png);background-repeat:no-repeat;background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.painter .LeftMask[data-v-42315062]{border:.00463rem solid red;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.painter .LeftMask .instrument[data-v-42315062]{width:.41667rem;margin-left:-.41667rem;height:100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:#3b8170}.painter .LeftMask .instrument .Masklist[data-v-42315062]{margin:.0463rem 0}.painter .LeftMask .instrument .Masklist .Maskson[data-v-42315062]{position:relative;height:.32407rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.painter .LeftMask .instrument .Masklist .Maskson .standard[data-v-42315062]{width:.41667rem;text-align:center;cursor:pointer;border-radius:.0463rem}.painter .LeftMask .instrument .Masklist .Maskson .standard span[data-v-42315062]{width:.46296rem;color:#fff;font-weight:700}.painter .LeftMask .instrument .Masklist .Maskson .standard img[data-v-42315062]{width:.20833rem;height:.20833rem}.painter .LeftMask .instrument .Masklist .Maskson .unfold[data-v-42315062]{background-color:#3b8170;position:absolute;left:.41667rem;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;width:0;overflow:hidden;z-index:999;border-top-right-radius:.05556rem;border-bottom-right-radius:.05556rem}.painter .LeftMask .instrument .Masklist .Maskson .unfold .unfoldbox div[data-v-42315062]{width:.27778rem;height:.32407rem;cursor:pointer}.painter .LeftMask .instrument .Masklist .Maskson .unfold .unfoldbox div span[data-v-42315062]{color:#fff;font-weight:700}.painter .LeftMask .instrument .Masklist .Maskson .unfolds[data-v-42315062]{width:1.15741rem}.painter .LeftMask .instrument .Masklist .Maskson .default[data-v-42315062]{width:0}.painter .LeftMask .instrument .Masklist .Maskson .color[data-v-42315062],.painter .LeftMask .instrument .Masklist .Maskson .size[data-v-42315062]{width:1.38889rem}.painter .LeftMask .instrument .Masklist .Maskson .eraser[data-v-42315062],.painter .LeftMask .instrument .Masklist .Maskson .graph[data-v-42315062],.painter .LeftMask .instrument .Masklist .Maskson .text[data-v-42315062]{width:.83333rem}.painter .LeftMask .instruments[data-v-42315062]{margin-left:0}.painter .LeftMask .painterbox[data-v-42315062]{width:100%;height:100%;position:relative}.painter .LeftMask .painterbox .board[data-v-42315062]{z-index:2;position:absolute;width:100%;height:100%;background-color:#283933}.painter .LeftMask .painterbox .board canvas[data-v-42315062]{position:absolute;top:0;left:0;width:100%;height:100%}.painter .LeftMask .painterbox .Hanzi[data-v-42315062]{position:absolute;z-index:1;width:100%;height:100%;background-color:#283933;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.painter .LeftMask .painterbox .Hanzi canvas[data-v-42315062]{width:1.2963rem;height:1.2963rem;margin:0 .27778rem}.painter .LeftMask .painterbox .view[data-v-42315062]{position:absolute;z-index:1;width:100%;height:100%;background-color:#283933;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.13889rem;color:#fff}.painter .LeftMask .painterbox .view .viewImg[data-v-42315062]{width:.92593rem;height:.92593rem;position:relative;border:.00463rem solid #000;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.painter .LeftMask .painterbox .view .viewImg img[data-v-42315062]{position:absolute;width:100%;height:100%}.painter .LeftMask .painterbox .view .viewImg img[data-v-42315062]:first-child{z-index:1}.painter .LeftMask .painterbox .view .viewImg img[data-v-42315062]:nth-child(2){z-index:2}.painter .LeftMask .painterbox #ctx_front[data-v-42315062]{z-index:7}.painter .LeftMask .painterbox #ctx_back[data-v-42315062]{z-index:5}.painter .LeftMask .painterbox #ctx_base[data-v-42315062]{z-index:3}.painter .bottomMask[data-v-42315062]{bottom:0;width:100%;height:.46296rem;background-color:#3b8170}.painter .switchbox[data-v-42315062]{width:100%;height:.23148rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.painter .controlBtn div[data-v-42315062]{margin-top:.13889rem}.painter .controlBtn[data-v-42315062] .statrBtn{margin-top:.46296rem}.painter .controlBtn[data-v-42315062] .statrBtn .el-button{padding-top:.02315rem;padding-bottom:.02315rem;width:.92593rem}.painter .controlBtn[data-v-42315062] .statrBtn .el-button .el-icon-video-pause,.painter .controlBtn[data-v-42315062] .statrBtn .el-button .el-icon-video-play{font-size:.13889rem}#text[data-v-42315062]{position:absolute;z-index:-1;resize:none;outline:none;border:.00463rem dashed grey;overflow:hidden;background:transparent;line-height:.13889rem;display:none;max-width:3.7037rem}