.imgCutterTop .isTitleTop{text-align:center;width:100%;height:3vh;color:var(--color-text);font-size:.3rem}.imgCutterTop .fr{float:right}.imgCutterTop .i-dialog-footer{background-color:#f000;justify-content:center;width:100%;margin-top:15px;margin-bottom:15px;display:flex}@keyframes dialogShow{0%{opacity:0;margin-top:-50px}to{opacity:1;margin-top:0}}.imgCutterTop .toolMain{box-sizing:border-box}.imgCutterTop .toolBox{background-color:#eee;background-image:linear-gradient(45deg,#00000040 25%,#0000 0 75%,#00000040 0),linear-gradient(45deg,#00000040 25%,#0000 0 75%,#00000040 0);background-position:0 0,15px 15px;background-size:30px 30px;border:1px solid #dedede;justify-content:center;align-items:center;display:flex;position:relative}.imgCutterTop .tool-title{margin-bottom:10px}.imgCutterTop .canvas{z-index:98;position:absolute;top:0;left:0}.imgCutterTop .canvasSelectBox{z-index:99;position:absolute;top:0;left:0}@keyframes zi-antBorder{0%{background-position:0 0}50%{background-position:0 5px}to{background-position:0 10px}}.imgCutterTop .toolBoxControl{z-index:101;box-sizing:border-box;background:#fff0;position:absolute}.imgCutterTop .toolBoxControlBox{z-index:103;pointer-events:none;background:0 0;width:100%;height:100%;position:relative}.imgCutterTop .controlBoxInnerLine{z-index:1;pointer-events:none;background-image:linear-gradient(-45deg,#fff 25%,#409eff00 0 50%,#fff 0 75%,#fff 0,#409eff00);background-size:10px 10px;animation:.8s linear infinite zi-antBorder;position:absolute}.imgCutterTop .controlBoxInnerLineTop{width:100%;height:1px;top:-1px}.imgCutterTop .controlBoxInnerLineBottom{width:100%;height:1px;bottom:-1px}.imgCutterTop .controlBoxInnerLineLeft{width:1px;height:100%;top:0;left:-1px}.imgCutterTop .controlBoxInnerLineRight{width:1px;height:100%;top:0;right:-1px}.imgCutterTop .toolBoxControlLine{z-index:1;background:0 0;position:absolute}.imgCutterTop .toolBoxControlLineItem-1{box-sizing:border-box;border-bottom:1px dashed #fff;width:100%;height:1px;top:33%}.imgCutterTop .toolBoxControlLineItem-2{box-sizing:border-box;border-bottom:1px dashed #fff;width:100%;height:1px;top:66%}.imgCutterTop .toolBoxControlLineItem-3{box-sizing:border-box;border-right:1px dashed #fff;width:1px;height:100%;left:33%}.imgCutterTop .toolBoxControlLineItem-4{box-sizing:border-box;border-right:1px dashed #fff;width:1px;height:100%;left:66%}.imgCutterTop .controlBox{cursor:move;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute}.imgCutterTop .controlBtn{box-sizing:border-box;z-index:999;background:#fff;border:1px solid #ffffff80;border-radius:50%;width:6px;height:6px;position:absolute;pointer-events:auto!important}.imgCutterTop .leftUp{cursor:se-resize;margin-top:-3px;margin-left:-3px;top:0;left:0}.imgCutterTop .leftDown{cursor:sw-resize;margin-bottom:-3px;margin-left:-3px;bottom:0;left:0}.imgCutterTop .rightUp{cursor:sw-resize;margin-top:-3px;margin-right:-3px;top:0;right:0}.imgCutterTop .rightDown{cursor:se-resize;margin-bottom:-3px;margin-right:-3px;bottom:0;right:0}.imgCutterTop .topCenter{cursor:s-resize;margin-top:-3px;margin-right:-3px;top:0;right:50%}.imgCutterTop .downCenter{cursor:s-resize;margin-bottom:-3px;margin-right:-3px;bottom:0;right:50%}.imgCutterTop .leftCenter{cursor:e-resize;margin-top:-3px;margin-left:-3px;top:50%;left:0}.imgCutterTop .rightCenter{cursor:e-resize;margin-top:-3px;margin-right:-3px;top:50%;right:0}.imgCutterTop .toolBar{margin-top:10px}.imgCutterTop .selectArea{text-align:right;color:#fff;-webkit-user-select:none;user-select:none;width:260px;font-size:10px;display:block;position:absolute;top:-20px;right:0}.imgCutterTop .tips{color:red;z-index:101;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.imgCutterTop .btn{text-align:center;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#dedede;border:1px solid;border-radius:4px;height:40px;padding:0 20px;font-size:14px;line-height:40px;transition:background .3s,color .3s;display:inline-block}.imgCutterTop .btn[disabled]{color:#333;cursor:default}.imgCutterTop .btn[disabled],.imgCutterTop .btn[disabled]:hover{opacity:.6;background-color:#fff!important;border-color:#dedede!important}.imgCutterTop .btn[disabled]:hover{color:#333!important}.imgCutterTop .btn-default{color:#333;background-color:#fff;border-color:#dcdfe6;transition:background .3s,color .3s}.imgCutterTop .btn-default:hover{color:#fff;background-color:#ecf5ff;border-color:#c6e2ff}.imgCutterTop .btn-primary{color:#fff;background-color:#fff;border-color:#fff;transition:background .3s,color .3s}.imgCutterTop .btn-primary:hover{color:#fff;background:#fff;border-color:#fff}.imgCutterTop .closeIcon{float:right;color:#fff;text-align:center;background:#c6e2ff;border-radius:50%;width:18px;height:18px;margin:0;padding:0;line-height:18px;transition:transform .3s,background .3s;display:block}.imgCutterTop .closeIcon:hover{background:#fff;transform:rotate(180deg)}.imgCutterTop .copyright{clear:both!important;text-align:right!important;opacity:.5!important;z-index:100!important;width:100%!important;font-size:10px!important;line-height:100%!important;display:block!important;position:absolute!important;bottom:0!important;right:0!important}.imgCutterTop .copyright a{background:#0006;color:#fff!important;opacity:1!important;padding:2px!important;-webkit-text-decoration:none!important;text-decoration:none!important;display:inline-block!important;position:relative!important}.imgCutterTop .dockMain{z-index:1002;opacity:.5;box-sizing:border-box;border-radius:5px;padding:5px;transition:opacity .5s;position:absolute;bottom:5px;left:5px}.imgCutterTop .dockMain:hover{opacity:1}.imgCutterTop .dockBtn{color:#080808;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#ecf5ff;border:1px solid #c6e2ff;border-radius:3px;height:20px;margin-right:4px;padding:1px 4px;font-size:10px;line-height:16px;transition:background .2s,color .2s;display:inline-block}.imgCutterTop .dockBtn:hover{color:#080808;background-color:#fff;border-color:#fff}.imgCutterTop .dockBtnScrollBar{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:5px;width:200px;height:10px;margin-left:10px;margin-right:4px;display:inline-block;position:relative}.imgCutterTop .scrollBarControl{box-sizing:border-box;background:#fff;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px #1f5184}.imgCutterTop .scrollBarText{color:#080808;text-align:center;white-space:nowrap;background:#ffffffb3;border-radius:3px;min-width:50px;height:16px;font-size:10px;line-height:16px;position:absolute;top:-16px;transform:translate(-50%,-50%)}.imgCutterTop .isTabText{text-align:center;background:linear-gradient(to bottom,var(--color-background-one),var(--color-background-two));width:4rem;height:30px;text-shadow:2px 2px 10px var(--font-background-webkit);color:var(--font-background-webkit);border-radius:50px;font-size:.3rem;line-height:30px;box-shadow:inset 8px 8px 8px #0000004d,inset -8px -8px 8px #ffffffb3}