.image-upload-container[data-v-242a8354],.image-uploader[data-v-242a8354]{display:inline-block}.upload-placeholder[data-v-242a8354]{width:148px;height:148px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s;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}.upload-placeholder[data-v-242a8354]:hover{border-color:#409eff}.upload-placeholder.disabled[data-v-242a8354]{cursor:not-allowed;border-color:#dcdfe6;background-color:#f5f7fa}.upload-placeholder.disabled[data-v-242a8354]:hover{border-color:#dcdfe6}.upload-placeholder.disabled .el-icon-plus[data-v-242a8354]{color:#c0c4cc}.upload-placeholder .el-icon-plus[data-v-242a8354]{font-size:28px;color:#8c939d;margin-bottom:8px}.upload-placeholder .upload-tip[data-v-242a8354]{font-size:12px;color:#8c939d;text-align:center}.upload-placeholder .upload-tip .tip-sub[data-v-242a8354]{margin-top:4px;color:#999}.image-preview-wrapper[data-v-242a8354]{width:148px;height:148px;border-radius:6px;overflow:hidden;position:relative;border:1px solid #d9d9d9}.image-preview-wrapper .image-preview[data-v-242a8354]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-preview-wrapper .image-mask[data-v-242a8354]{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;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.image-preview-wrapper .image-mask .image-icon[data-v-242a8354]{margin:0 8px;cursor:pointer;font-size:20px;color:#fff}.image-preview-wrapper .image-mask .image-icon[data-v-242a8354]:hover{opacity:.8}.image-preview-wrapper:hover .image-mask[data-v-242a8354]{opacity:1}.viewer-trigger[data-v-242a8354]{display:none}