.image-upload-crop-con .image-upload-crop{border-radius:.13333rem;overflow:hidden;display:flex;justify-content:center;align-items:center;display:inline-block;cursor:pointer}.image-upload-crop-con .image-upload-crop .preview-img{width:2.26667rem;height:2.26667rem;object-fit:contain}.image-upload-crop-con .image-upload-crop .preview-img-children{width:100%;max-height:6.66667rem;object-fit:contain}.image-upload-crop-con .image-upload-crop .upload-input{display:none}.image-upload-crop-con .image-upload-crop .upload-btn{border:.02667rem dashed #4f4f4f;position:relative;width:2.26667rem;height:2.26667rem;background-color:#373737}.image-upload-crop-con .image-upload-crop .upload-btn:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"+";color:#757575;font-size:1.06667rem;line-height:1.06667rem;display:flex;justify-content:center;align-items:center}.image-upload-crop-con .image-upload-crop .crop-img-close{position:absolute;top:0;right:0;z-index:999;padding:.10667rem;background-color:#4c4c4c;border-bottom-left-radius:50%;font-size:.33333rem}.image-upload-crop-con .crop-container{position:relative;z-index:9999}.image-upload-crop-con .crop-container .border-transition{transition:border-color .2s ease-in-out}html.mx-mobile .image-upload-crop-con .image-upload-crop{border-radius:.32rem}html.mx-mobile .image-upload-crop-con .image-upload-crop .upload-btn{border:.02667rem dashed var(--mx-line);border-radius:.32rem;background-color:var(--mx-surface)}html.mx-mobile .image-upload-crop-con .image-upload-crop .upload-btn:before{color:var(--mx-fg-3)}html.mx-mobile .image-upload-crop-con .image-upload-crop .crop-img-close{top:.16rem;right:.16rem;width:.69333rem;height:.69333rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(.10667rem);color:#fff;font-size:.37333rem}html.mx-mobile .mx-cropper .cropper-view-box{outline:.02667rem solid var(--mx-brand);outline-color:var(--mx-brand)}html.mx-mobile .mx-cropper .cropper-line,html.mx-mobile .mx-cropper .cropper-point{background-color:var(--mx-brand)}html.mx-mobile .mx-cropper .cropper-point{width:.18667rem;height:.18667rem;opacity:1}html.mx-mobile .mx-cropper .cropper-point.point-se{width:.18667rem;height:.18667rem}html.mx-mobile .mx-cropper .cropper-modal{background-color:#000;opacity:.6}html.mx-pc .image-upload-crop-con .image-upload-crop{border-radius:.28125rem}html.mx-pc .image-upload-crop-con .image-upload-crop .upload-btn{border:.01333rem dashed var(--mx-line);border-radius:.28125rem;background-color:var(--mx-surface);transition:border-color .15s,background-color .15s}html.mx-pc .image-upload-crop-con .image-upload-crop .upload-btn:before{color:var(--mx-fg-3);font-weight:300}html.mx-pc .image-upload-crop-con .image-upload-crop .upload-btn:hover{border-color:var(--mx-brand);background-color:var(--mx-surface-2)}html.mx-pc .image-upload-crop-con .image-upload-crop .upload-btn:hover:before{color:var(--mx-brand-fg)}html.mx-pc .image-upload-crop-con .image-upload-crop .crop-img-close{top:.1875rem;right:.1875rem;width:.65625rem;height:.65625rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(.10667rem);color:#fff;font-size:.32813rem;transition:background-color .15s}html.mx-pc .image-upload-crop-con .image-upload-crop .crop-img-close:hover{background-color:var(--mx-danger)}html.mx-pc .mx-cropper .cropper-view-box{outline:.02667rem solid var(--mx-brand);outline-color:var(--mx-brand)}html.mx-pc .mx-cropper .cropper-line,html.mx-pc .mx-cropper .cropper-point{background-color:var(--mx-brand)}html.mx-pc .mx-cropper .cropper-point{width:.1875rem;height:.1875rem;opacity:1}html.mx-pc .mx-cropper .cropper-point.point-se{width:.23438rem;height:.23438rem}html.mx-pc .mx-cropper .cropper-modal{background-color:#000;opacity:.6}html.mx-pc .image-upload-crop-con .image-upload-crop .preview-img,html.mx-pc .image-upload-crop-con .image-upload-crop .upload-btn{width:2.625rem;height:2.625rem}html.mx-pc .image-upload-crop-con .image-upload-crop .preview-img{object-fit:cover}html.mx-pc .image-upload-crop-con .image-upload-crop .upload-btn:before{font-size:.9375rem;line-height:.9375rem}html.mx-pc .image-upload-crop-con .image-upload-crop .border-dashed{border:.01333rem solid var(--mx-line);border-radius:.28125rem}