| 12 |
- .vue-img-cutter[data-v-1391667a]{font-size:12px;line-height:130%}.fl[data-v-1391667a]{float:left}.fr[data-v-1391667a]{float:right}.i-dialog-footer[data-v-1391667a]{display:block;width:100%;margin-top:15px;margin-bottom:15px;text-align:left}.mask[data-v-1391667a]{background:#0009;position:fixed;overflow-y:scroll;overflow-x:hidden;top:0;left:0;width:100%;height:100%;z-index:999}.dialogBox[data-v-1391667a]{clear:both}.dialogBoxModal[data-v-1391667a]{position:relative;padding-top:100px;padding-bottom:100px;clear:both}.dialogMainModal[data-v-1391667a]{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-1391667a .3s}.dialogMain[data-v-1391667a]{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-1391667a{0%{margin-top:-50px;opacity:0}to{margin-top:0;opacity:1}}.toolMain[data-v-1391667a]{box-sizing:border-box}.toolBox[data-v-1391667a]{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-1391667a]{margin-bottom:10px}.canvas[data-v-1391667a]{position:absolute;top:0;left:0;z-index:98}.canvasSelectBox[data-v-1391667a]{position:absolute;top:0;left:0;z-index:99}@keyframes zi-antBorder-1391667a{0%{background-position:0px 0px}50%{background-position:0px 5px}to{background-position:0px 10px}}.toolBoxControl[data-v-1391667a]{background:#fff0;position:absolute;z-index:101;box-sizing:border-box}.toolBoxControlBox[data-v-1391667a]{width:100%;height:100%;position:relative;background:transparent;z-index:103;pointer-events:none}.controlBoxInnerLine[data-v-1391667a]{position:absolute;z-index:1;background-size:10px 10px;background-image:linear-gradient(-45deg,#409eff 25%,#409eff00 25% 50%,#409eff 50% 75%,#409eff00 75%,#409eff00);-ms-animation:zi-antBorder-1391667a .8s linear 0s infinite normal;-moz-animation:zi-antBorder-1391667a .8s linear 0s infinite normal;-webkit-animation:zi-antBorder-1391667a .8s linear 0s infinite normal;animation:zi-antBorder-1391667a .8s linear 0s infinite normal;pointer-events:none}.controlBoxInnerLineTop[data-v-1391667a]{height:1px;width:100%;top:-1px}.controlBoxInnerLineBottom[data-v-1391667a]{height:1px;width:100%;bottom:-1px}.controlBoxInnerLineLeft[data-v-1391667a]{height:100%;width:1px;left:-1px;top:0}.controlBoxInnerLineRight[data-v-1391667a]{height:100%;width:1px;right:-1px;top:0}.toolBoxControlLine[data-v-1391667a]{position:absolute;z-index:1;background:transparent}.toolBoxControlLineItem-1[data-v-1391667a]{top:33%;width:100%;height:1px;box-sizing:border-box;border-bottom:1px dashed #409eff}.toolBoxControlLineItem-2[data-v-1391667a]{top:66%;width:100%;height:1px;box-sizing:border-box;border-bottom:1px dashed #409eff}.toolBoxControlLineItem-3[data-v-1391667a]{left:33%;border-right:1px dashed #409eff;height:100%;width:1px;box-sizing:border-box}.toolBoxControlLineItem-4[data-v-1391667a]{left:66%;border-right:1px dashed #409eff;height:100%;width:1px;box-sizing:border-box}.controlBox[data-v-1391667a]{width:100%;height:100%;position:absolute;cursor:move;z-index:1;pointer-events:none}.controlBtn[data-v-1391667a]{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-1391667a]{top:0;left:0;margin-left:-3px;margin-top:-3px;cursor:se-resize}.leftDown[data-v-1391667a]{bottom:0;left:0;margin-left:-3px;margin-bottom:-3px;cursor:sw-resize}.rightUp[data-v-1391667a]{top:0;right:0;margin-right:-3px;margin-top:-3px;cursor:sw-resize}.rightDown[data-v-1391667a]{bottom:0;right:0;margin-right:-3px;margin-bottom:-3px;cursor:se-resize}.topCenter[data-v-1391667a]{top:0;right:50%;margin-right:-3px;margin-top:-3px;cursor:s-resize}.downCenter[data-v-1391667a]{bottom:0;right:50%;margin-right:-3px;margin-bottom:-3px;cursor:s-resize}.leftCenter[data-v-1391667a]{top:50%;left:0;margin-left:-3px;margin-top:-3px;cursor:e-resize}.rightCenter[data-v-1391667a]{top:50%;right:0;margin-right:-3px;margin-top:-3px;cursor:e-resize}.toolBar[data-v-1391667a]{margin-top:10px}.selectArea[data-v-1391667a]{display:block;width:260px;text-align:right;color:#fff;position:absolute;top:-20px;right:0;font-size:10px;user-select:none}.tips[data-v-1391667a]{position:absolute;top:50%;left:50%;color:red;z-index:101;transform:translate(-50%,-50%)}.btn[data-v-1391667a]{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-1391667a]{opacity:.6;color:#333;border-color:#dedede!important;background-color:#fff!important;cursor:default}.btn[disabled][data-v-1391667a]:hover{opacity:.6;color:#333!important;border-color:#dedede!important;background-color:#fff!important}.btn-default[data-v-1391667a]{color:#333;border-color:#dcdfe6;background-color:#fff;transition:background .3s,color .3s}.btn-default[data-v-1391667a]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.btn-primary[data-v-1391667a]{color:#fff;background-color:#409eff;border-color:#409eff;transition:background .3s,color .3s}.btn-primary[data-v-1391667a]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.btn-warning[data-v-1391667a]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-warning[data-v-1391667a]:hover{color:#fff;background-color:#eeba6c;border-color:#e6a23c;transition:background .3s,color .3s}.btn-primary-plain[data-v-1391667a]{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff;transition:background .3s,color .3s}.btn-primary-plain[data-v-1391667a]:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.btn-xs[data-v-1391667a]{height:26px;line-height:26px;padding:0 10px;font-size:12px}.dialog-footer[data-v-1391667a]{float:right}.fade-enter-active[data-v-1391667a],.fade-leave-active[data-v-1391667a]{transition:opacity .3s}.fade-enter[data-v-1391667a],.fade-leave-to[data-v-1391667a]{opacity:0}.fade-in-enter[data-v-1391667a]{margin-top:-50px;opacity:0;transition:margin-top .2s,opacity .2s}.fade-out-enter[data-v-1391667a],.fade-in-active[data-v-1391667a]{transition:margin-top .2s,opacity .2s}.fade-out-active[data-v-1391667a]{margin-top:-50px;opacity:0;transition:margin-top .2s,opacity .2s}.file-input[data-v-1391667a]{height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;border-radius:4px;border:1px solid #dedede}.file-input[data-v-1391667a]::placeholder{color:#c0c4cc}.toolbar-item[data-v-1391667a]{display:inline-block}.closeIcon[data-v-1391667a]{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-1391667a]:hover{background:#409eff;transform:rotate(180deg)}.copyright[data-v-1391667a]{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-1391667a]{color:#fff!important;text-decoration:none!important;position:relative!important;opacity:1!important;display:inline-block!important;padding:2px!important;background:#0006}.dockMain[data-v-1391667a]{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-1391667a]:hover{opacity:1}.dockBtn[data-v-1391667a]{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-1391667a]:hover{color:#fff;background-color:#409eff;border-color:#409eff}.dockBtnScrollBar[data-v-1391667a]{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-1391667a]{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-1391667a]{position:absolute;cursor:pointer;background:#000000b3;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%)}[data-v-99611edd]:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #c4cada;--art-gray-400-rgb: 196, 202, 218;--art-gray-500: #99a1b7;--art-gray-500-rgb: 153, 161, 183;--art-gray-600: #78829d;--art-gray-600-rgb: 120, 130, 157;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #99a1b7;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #c4cada;--art-text-gray-500: #99a1b7;--art-text-gray-600: #78829d;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark[data-v-99611edd]{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #464852;--art-gray-400-rgb: 70, 72, 82;--art-gray-500: #636674;--art-gray-500-rgb: 99, 102, 116;--art-gray-600: #808290;--art-gray-600-rgb: 128, 130, 144;--art-gray-700: #9a9cae;--art-gray-700-rgb: 154, 156, 174;--art-gray-800: #b5b7c8;--art-gray-800-rgb: 181, 183, 200;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #636674;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #464852;--art-text-gray-500: #636674;--art-text-gray-600: #808290;--art-text-gray-700: #9a9cae;--art-text-gray-800: #b5b7c8;--art-text-gray-900: #f5f5f5;--art-border-color: #26272f;--art-border-dashed-color: #363843;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}[data-v-99611edd]:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary[data-v-99611edd]{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary[data-v-99611edd]{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning[data-v-99611edd]{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error[data-v-99611edd]{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success[data-v-99611edd]{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info[data-v-99611edd]{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger[data-v-99611edd]{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100[data-v-99611edd]{background-color:rgb(var(--art-grey100))!important}.bg-grey200[data-v-99611edd]{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor[data-v-99611edd]{background-color:rgb(var(--art-hoverColor))!important}.text-primary[data-v-99611edd]{color:rgb(var(--art-primary))!important}.text-secondary[data-v-99611edd]{color:rgb(var(--art-secondary))!important}.text-error[data-v-99611edd]{color:rgb(var(--art-error))!important}.text-danger[data-v-99611edd]{color:rgb(var(--art-danger))!important}.text-info[data-v-99611edd]{color:rgb(var(--art-info))!important}.text-success[data-v-99611edd]{color:rgb(var(--art-success))!important}.text-warning[data-v-99611edd]{color:rgb(var(--art-warning))!important}.cutter-container[data-v-99611edd]{display:flex;flex-flow:row wrap}.cutter-container .title[data-v-99611edd]{padding-bottom:10px;font-size:18px;font-weight:500}.cutter-container .cutter-component[data-v-99611edd]{margin-right:30px}.cutter-container .preview-container .preview-box[data-v-99611edd]{background-color:#f6f6f6!important}.cutter-container .preview-container .preview-box .preview-img[data-v-99611edd]{width:100%;height:100%;object-fit:contain}.cutter-container .preview-container .download-btn[data-v-99611edd]{display:block;margin:20px auto}.cutter-container[data-v-99611edd] .toolBoxControl{z-index:100}.cutter-container[data-v-99611edd] .dockMain{right:0;bottom:-40px;left:0;z-index:10;padding:0;background-color:transparent!important;opacity:1}.cutter-container[data-v-99611edd] .copyright{display:none!important}.cutter-container[data-v-99611edd] .i-dialog-footer{margin-top:60px!important}.cutter-container[data-v-99611edd] .dockBtn{height:26px;padding:0 10px;font-size:12px;line-height:26px;color:var(--el-color-primary)!important;background-color:var(--el-color-primary-light-9)!important;border:1px solid var(--el-color-primary-light-4)!important}.cutter-container[data-v-99611edd] .dockBtnScrollBar{margin:0 10px 0 6px;background-color:var(--el-color-primary-light-1)}.cutter-container[data-v-99611edd] .scrollBarControl{border-color:var(--el-color-primary)}.cutter-container[data-v-99611edd] .closeIcon{line-height:15px!important}.dark .cutter-container[data-v-99611edd] .toolBox{border:transparent}.dark .cutter-container[data-v-99611edd] .dialogMain{background-color:transparent!important}.dark .cutter-container[data-v-99611edd] .i-dialog-footer .btn{background-color:var(--el-color-primary)!important;border:transparent}
|
