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