.hl-image-upload[data-v-9787bf4c]{display:inline-block}.upload-placeholder[data-v-9787bf4c]{width:120px;height:120px;border:1px dashed #d9d9d9;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#8c939d;font-size:12px;-webkit-transition:border-color .3s;transition:border-color .3s}.upload-placeholder[data-v-9787bf4c]:hover{border-color:#409eff;color:#409eff}.upload-placeholder .el-icon-plus[data-v-9787bf4c]{font-size:28px;margin-bottom:4px}.image-preview[data-v-9787bf4c]{position:relative;width:120px;height:120px;border-radius:6px;overflow:hidden;border:1px solid #dcdfe6}.preview-img[data-v-9787bf4c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-mask[data-v-9787bf4c]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.image-preview:hover .image-mask[data-v-9787bf4c]{opacity:1}.image-mask i[data-v-9787bf4c]{font-size:20px;color:#fff;cursor:pointer}