.vue-cropper[data-v-a742df44]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);box-sizing:border-box;direction:ltr;height:100%;position:relative;text-align:left;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.cropper-box-canvas[data-v-a742df44],.cropper-box[data-v-a742df44],.cropper-crop-box[data-v-a742df44],.cropper-drag-box[data-v-a742df44],.cropper-face[data-v-a742df44]{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box-canvas img[data-v-a742df44]{max-height:none;max-width:none;position:relative;text-align:left;transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-box[data-v-a742df44]{overflow:hidden}.cropper-move[data-v-a742df44]{cursor:move}.cropper-crop[data-v-a742df44]{cursor:crosshair}.cropper-modal[data-v-a742df44]{background:#00000080}.cropper-view-box[data-v-a742df44]{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.cropper-view-box img[data-v-a742df44]{max-height:none;max-width:none;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-face[data-v-a742df44]{background-color:#fff;left:0;opacity:.1;top:0}.crop-info[data-v-a742df44]{background-color:#000c;color:#fff;font-size:12px;left:0;line-height:20px;min-width:65px;position:absolute;text-align:center}.crop-line[data-v-a742df44]{display:block;height:100%;opacity:.1;position:absolute;width:100%}.line-w[data-v-a742df44]{cursor:n-resize;height:5px;left:0;top:-3px}.line-a[data-v-a742df44]{cursor:w-resize;left:-3px;top:0;width:5px}.line-s[data-v-a742df44]{bottom:-3px;cursor:s-resize;height:5px;left:0}.line-d[data-v-a742df44]{cursor:e-resize;right:-3px;top:0;width:5px}.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:8px;opacity:.75;position:absolute;width:8px}.point1[data-v-a742df44]{cursor:nw-resize;left:-4px;top:-4px}.point2[data-v-a742df44]{cursor:n-resize;left:50%;margin-left:-3px;top:-5px}.point3[data-v-a742df44]{cursor:ne-resize;right:-4px;top:-4px}.point4[data-v-a742df44]{cursor:w-resize;left:-4px;margin-top:-3px;top:50%}.point5[data-v-a742df44]{cursor:e-resize;margin-top:-3px;right:-4px;top:50%}.point6[data-v-a742df44]{bottom:-5px;cursor:sw-resize;left:-4px}.point7[data-v-a742df44]{bottom:-5px;cursor:s-resize;left:50%;margin-left:-3px}.point8[data-v-a742df44]{bottom:-5px;cursor:se-resize;right:-4px}@media screen and (max-width:500px){.crop-point[data-v-a742df44]{background-color:#39f;border-radius:100%;height:20px;opacity:.45;position:absolute;width:20px}.point1[data-v-a742df44]{left:-10px;top:-10px}.point2[data-v-a742df44],.point4[data-v-a742df44],.point5[data-v-a742df44],.point7[data-v-a742df44]{display:none}.point3[data-v-a742df44]{right:-10px;top:-10px}.point4[data-v-a742df44]{left:0;top:0}.point6[data-v-a742df44]{bottom:-10px;left:-10px}.point8[data-v-a742df44]{bottom:-10px;right:-10px}}.cut-image-div[data-v-3d7d4379]{height:400px;margin:20px 45px;padding:0;width:500px;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:768px){.cut-image-div[data-v-3d7d4379]{height:320px;margin:16px;width:320px}}.cut-image-div button[data-v-3d7d4379]{background:var(--web-background-color);border:1px solid #e6e6e6;border-radius:4px;color:#101418;height:32px;width:220px;margin-top:.5rem}.cut-image-div[data-v-3d7d4379] .point1{background:transparent;border-left:3px solid var(--web-background-color);border-radius:0;border-top:3px solid var(--web-background-color);height:24px;left:-2px;opacity:1;top:-2px;width:24px}.cut-image-div[data-v-3d7d4379] .point2{display:none}.cut-image-div[data-v-3d7d4379] .point3{background:transparent;border-radius:0;border-right:3px solid var(--web-background-color);border-top:3px solid var(--web-background-color);height:24px;opacity:1;right:-2px;top:-2px;transition:.1s;width:24px}.cut-image-div[data-v-3d7d4379] .point4,.cut-image-div[data-v-3d7d4379] .point5{display:none}.cut-image-div[data-v-3d7d4379] .point6{background:transparent;border-bottom:3px solid var(--web-background-color);border-left:3px solid var(--web-background-color);border-radius:0;bottom:-2px;height:24px;left:-2px;opacity:1;width:24px}.cut-image-div[data-v-3d7d4379] .point7{display:none}.cut-image-div[data-v-3d7d4379] .point8{background:transparent;border-bottom:3px solid var(--web-background-color);border-radius:0;border-right:3px solid var(--web-background-color);bottom:-2px;height:24px;opacity:1;right:-2px;width:24px}.cut-image-div[data-v-3d7d4379] .cropper-modal{background:var(--np-text-color-5)}.cut-image-div[data-v-3d7d4379] .cropper-view-box{outline:1px dashed #fff;outline-color:#fff}.cut-image-div[data-v-3d7d4379] .crop-info{background-color:transparent;font-size:10px;text-align:start;top:-18px}.cut-image-div .preView-div[data-v-3d7d4379]{position:relative;width:100%;height:100%}.cut-image-div .preView-div .pre-view[data-v-3d7d4379]{height:100%!important;width:100%!important}[data-v-3d7d4379] .dialog-class :deep(.el-scrollbar__view){overflow:hidden!important}.bottom-button-div[data-v-3d7d4379]{display:flex;justify-content:space-between}.bottom-button-div span[data-v-3d7d4379]{display:flex;gap:8px}[data-v-3d7d4379] .el-loading-mask{--el-color-primary: var(--color-brand) !important}