.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}}.container[data-v-a187094a]{background:#fff;border-radius:8px;width:780px}.container .header[data-v-a187094a]{align-items:center;background:#fff;border-bottom:1px solid #efefef;border-radius:8px 8px 0 0;display:flex;font-weight:400;height:46px;justify-content:space-between;padding:0 32px;width:780px}.container .header h1[data-v-a187094a]{color:#333;font-family:PingFangSC-Regular;font-size:14px;font-weight:400}.container .header img[data-v-a187094a]{cursor:pointer;height:18px;width:18px}.container .content[data-v-a187094a]{display:flex;flex-direction:row;justify-content:space-between;padding:0 32px;width:100%}.container .content h1[data-v-a187094a]{align-items:center;color:#333;display:flex;font-size:16px;font-weight:400;height:60px}.container .content .content-left[data-v-a187094a]{width:210px}.container .content .content-left .preview-container[data-v-a187094a]{background:#fff;border:1px solid #efefef;border-radius:4px;box-shadow:0 0 6px #0000001a;width:210px}.container .content .content-left .preview-container .preview-box[data-v-a187094a]{border-radius:4px 4px 0 0;height:158px;overflow:hidden;width:210px}.container .content .content-left .preview-container .placeholder[data-v-a187094a]{align-items:center;background:#f6f8f9;display:flex;justify-content:center}.container .content .content-left .tips[data-v-a187094a]{margin-top:32px}.container .content .content-left .tips h2[data-v-a187094a]{color:#333;font-size:14px;font-weight:400}.container .content .content-left .tips h3[data-v-a187094a]{color:#333;font-size:12px;font-weight:400;margin-bottom:6px;margin-top:8px}.container .content .content-left .tips span[data-v-a187094a]{color:#999;font-size:12px;font-weight:400}.container .content .content-right[data-v-a187094a]{display:flex;flex-direction:column;width:480px}.container .content .content-right .cropper[data-v-a187094a]{height:360px;position:relative;width:480px}.container .content .content-right .placeholder[data-v-a187094a]{background:#f6f8f9;height:360px;left:0;position:absolute;top:0;width:480px;z-index:10}.container .content .content-right .placeholder .placeholderUpload[data-v-a187094a]{align-items:center;display:flex;flex-direction:column;height:360px;justify-content:center;width:480px}.container .content .content-right .utilsBox[data-v-a187094a]{border:1px solid #efefef;color:#e88080;display:flex;flex-direction:column;padding:10px 20px;width:100%}.container .content .content-right .upload-box[data-v-a187094a]{border:1px solid #efefef;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:none;height:100px;width:100%}.container .content .content-right .upload-box .uploadBtn[data-v-a187094a]{align-items:center;background:#fff;border:1px solid #efefef;border-radius:4px;display:flex;flex-direction:column;height:80px;justify-content:center;margin:10px;width:80px}.container .footer[data-v-a187094a]{align-items:center;display:flex;height:84px;justify-content:center;width:100%}.container .footer .btn[data-v-a187094a]{background-color:#5ab5b6;border:none;border-radius:4px;color:#fff;height:36px;outline:none;width:120px}.container .footer .btn[data-v-a187094a]:hover{background-color:#4f9fa1}.container .footer .btn1[data-v-a187094a]{background-color:#fff;border:1px solid #e0e0e6!important;color:#666;margin-left:24px}.container .footer .btn1[data-v-a187094a]:hover{background-color:#fff;border:1px solid #999!important}.crop-info{display:none!important}