.mosaic-wrap[data-v-3493a374]{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;background:rgba(55,55,55,.6)}.mosaic-wrap .mosaic-content[data-v-3493a374]{position:absolute;left:50%;top:50%;width:600px;height:376px;padding:0 24px;background:#fff;-webkit-box-shadow:0 0 15px rgba(28,36,44,.15);box-shadow:0 0 15px rgba(28,36,44,.15);border-radius:4px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mosaic-wrap h3[data-v-3493a374]{color:#263241;font-size:20px;line-height:72px;font-weight:400}.mosaic-wrap .operate-box[data-v-3493a374]{height:232px;display:-webkit-box;display:-ms-flexbox;display:flex}.mosaic-wrap .operate-box .canvas-box[data-v-3493a374]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:350px;border:1px solid #dce5ed;border-radius:4px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mosaic-wrap .operate-box .canvas-box .img-box[data-v-3493a374]{position:relative;font-size:0}.mosaic-wrap .operate-box .canvas-box .img-box canvas[data-v-3493a374],.mosaic-wrap .operate-box .canvas-box .img-box img[data-v-3493a374]{width:100%;height:100%}.mosaic-wrap .operate-box .canvas-box .img-box canvas[data-v-3493a374]{position:absolute;left:0;top:0}.mosaic-wrap .operate-box .canvas-box .zoom-btns[data-v-3493a374]{position:absolute;right:8px;top:8px}.mosaic-wrap .operate-box .canvas-box .zoom-btns img[data-v-3493a374]{cursor:pointer;width:20px;height:20px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.mosaic-wrap .operate-box .canvas-box .zoom-btns img[data-v-3493a374]:hover{opacity:.9}.mosaic-wrap .operate-box .canvas-box .zoom-btns img+img[data-v-3493a374]{margin-left:8px}.mosaic-wrap .operate-box .toolbox-list[data-v-3493a374]{width:170px;margin-left:31px}.mosaic-wrap .operate-box .toolbox-list li[data-v-3493a374]{border-radius:4px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;cursor:pointer;font-size:12px;color:#191d2b;margin-bottom:8px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mosaic-wrap .operate-box .toolbox-list li .icon[data-v-3493a374]{display:inline-block;width:20px;height:20px;margin-right:8px}.mosaic-wrap .operate-box .toolbox-list li:first-child .icon[data-v-3493a374]{background:url(../../static/img/rotate.546a08cb.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li:nth-child(2) .icon[data-v-3493a374]{background:url(../../static/img/move.193f6334.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li:nth-child(2).is-active .icon[data-v-3493a374]{background:url(../../static/img/move-active.fee31e59.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li:nth-child(3) .icon[data-v-3493a374]{background:url(../../static/img/bold-line.630dffec.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li:nth-child(3).is-active .icon[data-v-3493a374]{background:url(../../static/img/bold-line-active.a17e1d20.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li:nth-child(4) .icon[data-v-3493a374]{background:url(../../static/img/fine-line.32419752.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li:nth-child(4).is-active .icon[data-v-3493a374]{background:url(../../static/img/fine-line-active.2f99361a.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li:nth-child(5) .icon[data-v-3493a374]{background:url(../../static/img/reset.44934a54.svg) no-repeat;background-size:100% 100%}.mosaic-wrap .operate-box .toolbox-list li.is-active[data-v-3493a374],.mosaic-wrap .operate-box .toolbox-list li[data-v-3493a374]:hover{background-color:#f5f9fc}.mosaic-wrap .btns[data-v-3493a374]{height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mosaic-wrap .btns button[data-v-3493a374]{padding:12px 16px;font-size:14px;background-color:rgba(0,0,0,0);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:none;border:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.mosaic-wrap .btns button[data-v-3493a374]:hover{opacity:.9}.mosaic-wrap .btns .btn-cancel[data-v-3493a374]{color:#204def}.mosaic-wrap .btns .btn-ok[data-v-3493a374]{background-color:#204def;color:#fff}.loading[data-v-3493a374]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading span[data-v-3493a374]{width:4px;height:30px;display:inline-block;background:#ddd;animation:mymove-data-v-3493a374 1.2s ease-in-out infinite;-webkit-animation:mymove-data-v-3493a374 1.2s ease-in-out infinite}.loading>span[data-v-3493a374]:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.loading>span[data-v-3493a374]:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading>span[data-v-3493a374]:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading>span[data-v-3493a374]:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}@keyframes mymove-data-v-3493a374{0%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}25%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}@-webkit-keyframes mymove-data-v-3493a374{0%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}25%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}75%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}.load-error[data-v-3493a374]{position:absolute;left:50%;top:50%;font-size:14px;color:red;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}