.app-upload-image{position:relative;width:100%;display:flex;flex-flow:wrap}.app-upload-image .image-item{position:relative;width:80px;height:80px;margin:0 8px 8px 0;border-radius:4px}.app-upload-image .image-item img{position:relative;width:100%;height:100%;border-radius:4px}.app-upload-image .image-item .del-image-item{position:absolute;width:100%;height:100%;left:0;top:0;display:none;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);border-radius:4px;line-height:1}.app-upload-image .image-item:hover .del-image-item{display:flex}.app-upload-image .image-item .del-image-item .icon{font-size:20px;color:#fff;cursor:pointer}.app-upload-image .upload-add{line-height:1;border:1px dashed #d9d9d9;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap;color:#666}.app-upload-image .upload-add .icon{font-size:30px;color:#999}.app-upload-image .upload-add:hover{border-color:#4785ff}.app-upload-video{position:relative;width:100%;display:flex;flex-flow:wrap}.app-upload-video .video-item{position:relative;width:160px;height:160px;margin:0 8px 8px 0;border-radius:4px}.app-upload-video .video-item video{position:relative;width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px}.app-upload-video .video-item .del-video-item{position:absolute;width:30px;height:30px;background-color:hsla(0,0%,100%,.65);border-radius:50%;right:0;top:0;display:none;align-items:center;justify-content:center}.app-upload-video .video-item:hover .del-video-item{display:flex}.app-upload-video .video-item .del-video-item .icon{font-size:20px;color:#d10909;cursor:pointer}.app-upload-video .upload-add{cursor:pointer;color:#666}.app-upload-video .loading,.app-upload-video .upload-add{line-height:1;border:1px dashed #d9d9d9;display:flex;align-items:center;justify-content:center;flex-flow:column nowrap}.app-upload-video .loading{color:#333}.app-upload-video .upload-add .icon{font-size:30px;color:#999}.app-upload-video .upload-add:hover{border-color:#4785ff}