.img-crop-upload .preview[data-v-9cceb8dc]{position:relative;width:200px;height:130px;border:1px dashed #dcdfe6;border-radius:6px;overflow:hidden}.img-crop-upload .preview img[data-v-9cceb8dc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.img-crop-upload .preview .preview-mask[data-v-9cceb8dc]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}.img-crop-upload .preview .preview-mask .el-button[data-v-9cceb8dc]{color:#fff}.img-crop-upload .preview:hover .preview-mask[data-v-9cceb8dc]{opacity:1}.img-crop-upload .upload-box[data-v-9cceb8dc]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:130px;border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;color:#909399;transition:all .2s}.img-crop-upload .upload-box[data-v-9cceb8dc]:hover{border-color:#2d8cf0;color:#2d8cf0}.img-crop-upload .upload-box i[data-v-9cceb8dc]{font-size:28px;margin-bottom:6px}.img-crop-upload .upload-box .tip[data-v-9cceb8dc]{margin-top:6px;font-size:12px;color:#c0c4cc}.img-crop-upload .crop-container[data-v-9cceb8dc]{width:100%;height:360px;background:#f5f7fa}.img-crop-upload .crop-container img[data-v-9cceb8dc]{max-width:100%;display:block}