#uploadFile{width:100%;height:100%}#uploadFile .upload_wrap{min-height:100%;display:flex;flex-wrap:wrap;position:relative}#uploadFile .upload_wrap .file-list{flex:1;display:flex;justify-content:flex-start;flex-wrap:wrap}#uploadFile .upload_wrap .file-list .file-item{display:flex;justify-content:center;flex-direction:column;margin-bottom:10px}#uploadFile .upload_wrap .file-list .file-item .file-item-status{border-radius:4px;border:1px solid rgba(0,0,0,.15);margin-right:12px;position:relative}#uploadFile .upload_wrap .file-list .file-item .file-item-status .fileUrl{display:inline-block;width:100%!important;height:100%!important;border-radius:4px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .file_icon{display:block;width:48px;height:48px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;cursor:pointer;background:#000;display:block}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-preview:hover{opacity:.9}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-container{position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .3s}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-play-overlay:hover{background:rgba(0,0,0,.5)}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-play-overlay .play-icon{width:32px;height:32px;opacity:.8}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f0f0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-fallback .file_icon{width:32px;height:32px;margin-bottom:8px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .file_icon_box .video-fallback .video-name{font-size:12px;color:#666;text-align:center;word-break:break-all;padding:0 4px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .succ{width:30px;height:34px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#uploadFile .upload_wrap .file-list .file-item .file-item-status .status-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:58px;height:58px;background:hsla(0,0%,100%,.85);border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center}#uploadFile .upload_wrap .file-list .file-item .file-item-status .status-box .err{width:16px;height:16px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .status-box .tip{text-align:center;font-size:14px;font-weight:400;color:rgba(0,0,0,.45);padding-top:10px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .status-box .loading{width:26px;height:26px;margin-bottom:10px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .status-box .loading .el-loading-spinner .circular{width:16px;height:16px}#uploadFile .upload_wrap .file-list .file-item .file-item-status .status-box .loading .el-loading-spinner .path{stroke:#67c823;stroke-width:4}#uploadFile .upload_wrap .file-list .file-item .file-item-status .status-box .wait{width:16px;height:16px;border:2px solid #cbcbcb;border-radius:50%}#uploadFile .upload_wrap .file-list .file-item .file-item-status .delete-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2001;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease}#uploadFile .upload_wrap .file-list .file-item .file-item-status .delete-btn:hover{background:#f5f5f5;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}#uploadFile .upload_wrap .file-list .file-item .file-item-status .delete-btn i{color:#666;font-size:14px;font-weight:700}#uploadFile .upload_wrap .file-list .file-item .file-item-name{font-size:14px;font-weight:400;color:rgba(0,0,0,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:4px}#uploadFile .upload_wrap .file-list .errBoder{border:1px solid #ffa5a6}#uploadFile .upload_wrap .file-list .file-item-upload{cursor:pointer;width:100%;height:100%;background:#fff;border-radius:2px;border:1px dashed rgba(0,0,0,.15);display:flex;flex-direction:column;justify-content:center;align-items:center}#uploadFile .upload_wrap .file-list .file-item-upload img{width:10px;height:10px;display:block}#uploadFile .upload_wrap .file-list .file-item-upload p{font-size:12px;font-weight:400;color:rgba(0,0,0,.45);padding-top:4px}#uploadFile .upload_wrap .upload-file-demo{width:100%;height:100%;background:rgba(0,0,0,.04);border-radius:4px;border:1px solid rgba(0,0,0,.15);margin-right:12px}#uploadFile .upload_wrap .upload-file-demo .el-upload{width:100%;height:100%}#uploadFile .upload_wrap .upload-file-demo .el-upload .el-upload-dragger{width:100%;height:100%;padding:16px}#uploadFile .upload_wrap .upload-file-demo .el-upload-list{position:absolute;left:5px;top:5px;text-align:left}#uploadFile .upload_wrap .upload-file-demo .file-upload-tip{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#uploadFile .upload_wrap .upload-file-demo .file-upload-tip .tips_icon{width:14px;height:14px}#uploadFile .upload_wrap .upload-file-demo .file-upload-tip .tips_text{font-size:14px;font-weight:400;color:rgba(0,0,0,.45);margin-top:15px;line-height:1}#uploadFile .upload_wrap img.tips_icon{height:46px}#uploadFile .upload_wrap .tips_txt{margin-top:31px;margin-bottom:8px;height:24px;font-size:16px;color:rgba(0,0,0,.85);line-height:24px}#uploadFile .upload_wrap .tips_txt span{font-size:16px;font-weight:400;color:#67c823}#uploadFile .upload_wrap .tips_zip{height:22px;font-size:14px;color:rgba(0,0,0,.45);line-height:22px}#uploadFile .has-header-dialog .video-preview-content{position:relative;display:flex;flex-direction:column;align-items:center}#uploadFile .has-header-dialog .video-preview-content .video-close-btn{position:absolute;top:-80px;right:0;width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}#uploadFile .has-header-dialog .video-preview-content .video-close-btn:hover{background:#f5f5f5;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}#uploadFile .has-header-dialog .video-preview-content .video-close-btn i{color:#666;font-size:16px;font-weight:700}#uploadFile .has-header-dialog .video-preview-content .preview-video{width:300px;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1)}#uploadFile .has-header-dialog .video-preview-content .video-info{margin-top:16px;text-align:center;width:100%}#uploadFile .has-header-dialog .video-preview-content .video-info .video-title{font-size:14px;color:#666;margin:0;word-break:break-all;line-height:1.4}#uploadFile .has-header-dialog .video-preview-content .video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#f8f9fa;border-radius:8px;width:100%}#uploadFile .has-header-dialog .video-preview-content .video-error .error-icon{width:48px;height:48px;margin-bottom:16px}#uploadFile .has-header-dialog .video-preview-content .video-error p{font-size:14px;color:#666;margin:0;text-align:center}