.dbj-upload-image{width:224px;height:224px;overflow:hidden}.dbj-upload-image .el-upload,.dbj-upload-image__img{width:100%;height:100%}.dbj-upload-image__content{width:100%;height:100%;background:#FAFAFA;position:relative}.dbj-upload-image__img{-o-object-fit:scale-down;object-fit:scale-down}.dbj-upload-image__mask{position:absolute;z-index:100;width:100%;height:100%;top:0;left:0;background:#FAFAFA;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dbj-upload-image__icon{width:24px;height:24px;background:#FFA800;color:#FFF;font-size:24px;border-radius:50%}.dbj-upload-image__icon:hover{background:#FB3}.dbj-upload-image__icon:click{background:#FA9200}.dbj-upload-image__title{color:#333;line-height:32px;font-size:14px;font-weight:700}.dbj-upload-image__loading,.dbj-upload-image__tip{font-size:12px;color:#999}.dbj-upload-image__tip{line-height:20px;text-align:center;padding:0 8px;margin:0}.dbj-upload-image--loading.dbj-upload-image--replace .dbj-upload-image__loading,.dbj-upload-image--replace:hover .dbj-upload-image__tip,.dbj-upload-image--replace:hover .dbj-upload-image__title{color:#FFF}.dbj-upload-image__loading .dot{display:inline-block;vertical-align:middle;-webkit-animation:loading-dot 2s infinite steps(3,start);animation:loading-dot 2s infinite steps(3,start);overflow:hidden}.dbj-upload-image--replace .dbj-upload-image__mask{background:rgba(0,0,0,.6);display:none}.dbj-upload-image--replace:hover .dbj-upload-image__mask{display:-webkit-box;display:-ms-flexbox;display:flex}.dbj-upload-image--loading.dbj-upload-image--replace .dbj-upload-image__mask{display:-webkit-box;display:-ms-flexbox;display:flex}.dbj-upload-image--loading .dbj-upload-image__icon,.dbj-upload-image--loading .dbj-upload-image__tip,.dbj-upload-image--loading .dbj-upload-image__title{display:none}