.vue-img-cutter[data-v-283347e7]{font-size:12px;line-height:130%}.fl[data-v-283347e7]{float:left}.fr[data-v-283347e7]{float:right}.i-dialog-footer[data-v-283347e7]{display:block;width:100%;margin-top:15px;margin-bottom:15px;text-align:left}.mask[data-v-283347e7]{background:rgba(0,0,0,.6);position:fixed;overflow-y:scroll;overflow-x:hidden;top:0;left:0;width:100%;height:100%;z-index:999}.dialogBox[data-v-283347e7]{clear:both}.dialogBoxModal[data-v-283347e7]{position:relative;padding-top:100px;padding-bottom:100px;clear:both}.dialogMainModal[data-v-283347e7]{line-height:125%;font-size:16px;position:absolute;top:100px;left:50%;margin-bottom:100px;transform:translate(-50%);border:1px solid rgba(0,0,0,.8);border-radius:3px;box-sizing:border-box;padding:15px 15px 0;background:#fff;z-index:1000;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;animation:dialogShow-283347e7 .3s}.dialogMain[data-v-283347e7]{line-height:125%;font-size:16px;box-sizing:border-box;background:#fff;z-index:1000;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes dialogShow-283347e7{0%{margin-top:-50px;opacity:0}to{margin-top:0;opacity:1}}.toolMain[data-v-283347e7]{box-sizing:border-box}.toolBox[data-v-283347e7]{border:1px solid #dedede;background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0),linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 0,transparent 75%,rgba(0,0,0,.25) 0);background-color:#eee;background-size:30px 30px;background-position:0 0,15px 15px;position:relative}.tool-title[data-v-283347e7]{margin-bottom:10px}.canvas[data-v-283347e7]{position:absolute;top:0;left:0;z-index:98}.canvasSelectBox[data-v-283347e7]{position:absolute;top:0;left:0;z-index:99}@keyframes zi-antBorder-283347e7{0%{background-position:0px 0px}50%{background-position:0px 5px}to{background-position:0px 10px}}.toolBoxControl[data-v-283347e7]{background:rgba(255,255,255,0);position:absolute;z-index:101;box-sizing:border-box}.toolBoxControlBox[data-v-283347e7]{width:100%;height:100%;position:relative;background:transparent;z-index:103;pointer-events:none}.controlBoxInnerLine[data-v-283347e7]{position:absolute;z-index:1;background-size:10px 10px;background-image:linear-gradient(-45deg,rgba(64,158,255,1) 25%,rgba(64,158,255,0) 25%,rgba(64,158,255,0) 50%,rgba(64,158,255,1) 50%,rgba(64,158,255,1) 75%,rgba(64,158,255,0) 75%,rgba(64,158,255,0));-ms-animation:zi-antBorder-283347e7 .8s linear 0s infinite normal;-moz-animation:zi-antBorder-283347e7 .8s linear 0s infinite normal;-webkit-animation:zi-antBorder-283347e7 .8s linear 0s infinite normal;animation:zi-antBorder-283347e7 .8s linear 0s infinite normal;pointer-events:none}.controlBoxInnerLineTop[data-v-283347e7]{height:1px;width:100%;top:-1px}.controlBoxInnerLineBottom[data-v-283347e7]{height:1px;width:100%;bottom:-1px}.controlBoxInnerLineLeft[data-v-283347e7]{height:100%;width:1px;left:-1px;top:0}.controlBoxInnerLineRight[data-v-283347e7]{height:100%;width:1px;right:-1px;top:0}.toolBoxControlLine[data-v-283347e7]{position:absolute;z-index:1;background:transparent}.toolBoxControlLineItem-1[data-v-283347e7]{top:33%;width:100%;height:1px;box-sizing:border-box;border-bottom:1px dashed #409eff}.toolBoxControlLineItem-2[data-v-283347e7]{top:66%;width:100%;height:1px;box-sizing:border-box;border-bottom:1px dashed #409eff}.toolBoxControlLineItem-3[data-v-283347e7]{left:33%;border-right:1px dashed #409eff;height:100%;width:1px;box-sizing:border-box}.toolBoxControlLineItem-4[data-v-283347e7]{left:66%;border-right:1px dashed #409eff;height:100%;width:1px;box-sizing:border-box}.controlBox[data-v-283347e7]{width:100%;height:100%;position:absolute;cursor:move;z-index:1;pointer-events:none}.controlBtn[data-v-283347e7]{border:1px solid rgba(255,255,255,.5);box-sizing:border-box;width:6px;height:6px;background:#409eff;position:absolute;border-radius:50%;z-index:999;pointer-events:auto!important}.leftUp[data-v-283347e7]{top:0;left:0;margin-left:-3px;margin-top:-3px;cursor:se-resize}.leftDown[data-v-283347e7]{bottom:0;left:0;margin-left:-3px;margin-bottom:-3px;cursor:sw-resize}.rightUp[data-v-283347e7]{top:0;right:0;margin-right:-3px;margin-top:-3px;cursor:sw-resize}.rightDown[data-v-283347e7]{bottom:0;right:0;margin-right:-3px;margin-bottom:-3px;cursor:se-resize}.topCenter[data-v-283347e7]{top:0;right:50%;margin-right:-3px;margin-top:-3px;cursor:s-resize}.downCenter[data-v-283347e7]{bottom:0;right:50%;margin-right:-3px;margin-bottom:-3px;cursor:s-resize}.leftCenter[data-v-283347e7]{top:50%;left:0;margin-left:-3px;margin-top:-3px;cursor:e-resize}.rightCenter[data-v-283347e7]{top:50%;right:0;margin-right:-3px;margin-top:-3px;cursor:e-resize}.toolBar[data-v-283347e7]{margin-top:10px}.selectArea[data-v-283347e7]{display:block;width:260px;text-align:right;color:#fff;position:absolute;top:-20px;right:0;font-size:10px;-webkit-user-select:none;user-select:none}.tips[data-v-283347e7]{position:absolute;top:50%;left:50%;color:red;z-index:101;transform:translate(-50%,-50%)}.btn[data-v-283347e7]{display:inline-block;text-align:center;background:#dedede;height:40px;line-height:40px;padding:0 20px;box-sizing:border-box;border-radius:4px;cursor:pointer;border:1px solid;font-size:14px;transition:background .3s,color .3s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn[disabled][data-v-283347e7]{opacity:.6;color:#333;border-color:#dedede!important;background-color:#fff!important;cursor:default}.btn[disabled][data-v-283347e7]:hover{opacity:.6;color:#333!important;border-color:#dedede!important;background-color:#fff!important}.btn-default[data-v-283347e7]{color:#333;border-color:#dcdfe6;background-color:#fff;transition:background .3s,color .3s}.btn-default[data-v-283347e7]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.btn-primary[data-v-283347e7]{color:#fff;background-color:#409eff;border-color:#409eff;transition:background .3s,color .3s}.btn-primary[data-v-283347e7]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.btn-warning[data-v-283347e7]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-283347e7]:hover{color:#fff;background-color:#eeba6c;border-color:#e6a23c;transition:background .3s,color .3s}.btn-primary-plain[data-v-283347e7]{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff;transition:background .3s,color .3s}.btn-primary-plain[data-v-283347e7]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.btn-xs[data-v-283347e7]{height:26px;line-height:26px;padding:0 10px;font-size:12px}.dialog-footer[data-v-283347e7]{float:right}.fade-enter-active[data-v-283347e7],.fade-leave-active[data-v-283347e7]{transition:opacity .3s}.fade-enter[data-v-283347e7],.fade-leave-to[data-v-283347e7]{opacity:0}.fade-in-enter[data-v-283347e7]{margin-top:-50px;opacity:0;transition:margin-top .2s,opacity .2s}.fade-out-enter[data-v-283347e7],.fade-in-active[data-v-283347e7]{transition:margin-top .2s,opacity .2s}.fade-out-active[data-v-283347e7]{margin-top:-50px;opacity:0;transition:margin-top .2s,opacity .2s}.file-input[data-v-283347e7]{height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;border-radius:4px;border:1px solid #dedede}.file-input[data-v-283347e7]::placeholder{color:#c0c4cc}.toolbar-item[data-v-283347e7]{display:inline-block}.closeIcon[data-v-283347e7]{float:right;cursor:pointer;display:block;background:#c6e2ff;color:#fff;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;margin:0;padding:0;transition:transform .3s,background .3s}.closeIcon[data-v-283347e7]:hover{background:#409eff;transform:rotate(180deg)}.copyright[data-v-283347e7]{font-size:10px!important;clear:both!important;width:100%!important;text-align:right!important;display:block!important;opacity:.5!important;position:absolute!important;bottom:0!important;right:0!important;line-height:100%!important;z-index:100!important}.copyright a[data-v-283347e7]{color:#fff!important;text-decoration:none!important;position:relative!important;opacity:1!important;display:inline-block!important;padding:2px!important;background:rgba(0,0,0,.4)}.dockMain[data-v-283347e7]{position:absolute;z-index:1002;bottom:5px;left:5px;opacity:.5;transition:opacity .5s;box-sizing:border-box;padding:5px;border-radius:5px}.dockMain[data-v-283347e7]:hover{opacity:1}.dockBtn[data-v-283347e7]{font-size:10px;cursor:pointer;display:inline-block;margin-right:4px;color:#409eff;border:1px solid #c6e2ff;background-color:#ecf5ff;padding:1px 4px;border-radius:3px;height:20px;line-height:16px;transition:background .2s,color .2s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dockBtn[data-v-283347e7]:hover{color:#fff;background-color:#409eff;border-color:#409eff}.dockBtnScrollBar[data-v-283347e7]{display:inline-block;margin-right:4px;margin-left:10px;background:#409eff;width:200px;height:10px;border-radius:5px;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scrollBarControl[data-v-283347e7]{position:absolute;cursor:pointer;background:#fff;border:2px solid #409eff;box-sizing:border-box;border-radius:50%;width:20px;height:20px;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px #1f5184}.scrollBarText[data-v-283347e7]{position:absolute;cursor:pointer;background:rgba(0,0,0,.7);color:#fff;top:-16px;height:16px;line-height:16px;text-align:center;font-size:10px;white-space:nowrap;min-width:50px;border-radius:3px;transform:translate(-50%,-50%)}