:root{--tm-upload-width:103px;--tm-upload-border-dashed:1px dashed #858598;--tm-upload-border:1px solid var(--tm-gray-6);--tm-upload-image-radius:5px;--tm-upload-text-color:var(--tm-gray-3);--tm-upload-font-size:var(--font-size-tooltip);--tm-upload-drag-radius:8px;--tm-upload-download-color:var(--main-color);--tm-upload-close-font-size:var(--font-size-tooltip)}.tm-upload{display:flex;align-items:center;width:100%;height:100%}.tm-upload .image-single{display:flex;align-items:center;cursor:pointer}.tm-upload .image-single-uplaod{width:var(--tm-upload-width);height:var(--tm-upload-width);background:#fcfcfc;border-radius:var(--tm-upload-image-radius);color:var(--tm-upload-text-color);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}.tm-upload .image-single-uplaod img{width:100%;height:100%;border-radius:0}.tm-upload .image-single-uplaod_title{position:absolute}.tm-upload .image-single p{color:var(--tm-upload-text-color);line-height:20px;font-size:var(--tm-upload-font-size)}.tm-upload .image-container{display:flex;align-items:center;flex-wrap:wrap;width:auto}.tm-upload .image-container-left{display:flex;flex-wrap:wrap}.tm-upload .image-container-left .image__item{width:var(--tm-upload-width);height:var(--tm-upload-width);border-radius:var(--tm-upload-image-radius);border:var(--tm-upload-border);display:flex;align-items:center;justify-content:center;text-align:center;margin-right:6px;margin-bottom:6px;overflow:hidden;position:relative}.tm-upload .image-container-left .image__item-img{width:100%;height:100%;border-radius:0;-o-object-fit:cover;object-fit:cover}.tm-upload .image-container-left .image__item-icon{position:absolute;width:100%;display:flex;justify-content:space-around;font-size:16px}.tm-upload .image-container-left .image__item-icon i{color:#fff;cursor:pointer}.tm-upload .image-container-left .image__item-icon .fangda-cls{font-size:18px}.tm-upload .image-container-left .image__item:hover::before{content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}.tm-upload .image-single-empty{border:var(--tm-upload-border-dashed)}.tm-upload .image-single-solid{border:var(--tm-upload-border)}.tm-upload .image-hover{position:relative}.tm-upload .image-hover:hover::before{content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}.tm-upload .local-upload-drag-component{width:100%;height:100%}.tm-upload .local-upload-drag-component .drag-content{min-width:350px;width:100%;height:100%;min-height:148px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-radius:var(--tm-upload-drag-radius);background-color:#f8f9fb;padding:0 15px 29px 15px}.tm-upload .local-upload-drag-component .drag-content>i{font-size:40px;color:#c9c9c9;margin-bottom:20px;margin-top:56px}.tm-upload .local-upload-drag-component .drag-content .drag-text{font-size:var(--tm-upload-font-size);color:#333;padding-top:30px}.tm-upload .local-upload-drag-component .drag-content .drag-text .download-btn{color:var(--tm-upload-download-color);cursor:pointer}.tm-upload .local-upload-drag-component .drag-content .drag-text .drag-icon{text-align:center;margin-bottom:5px}.tm-upload .local-upload-drag-component .drag-content .drag-text .drag-icon i{font-size:36px;color:#c9c9c9}.tm-upload .local-upload-drag-component .drag-actived{box-shadow:0 8px 10px -5px rgba(52,112,255,.2),0 6px 12px 2px rgba(52,112,255,.14),0 6px 18px 5px rgba(52,112,255,.12)}.tm-upload .local-upload-drag-component .file-list{display:flex;flex-direction:column;justify-content:center;width:100%;margin-top:10px}.tm-upload .local-upload-drag-component .file-list .file-item{display:flex;align-items:center;height:60px;margin-top:6px;background:#fff;border-radius:var(--tm-upload-drag-radius);padding-left:8px;cursor:pointer;position:relative}.tm-upload .local-upload-drag-component .file-list .file-item>i{font-size:16px;color:#00da9b}.tm-upload .local-upload-drag-component .file-list .file-item .file-name{color:#333;font-size:var(--tm-upload-font-size);margin-left:12px}.tm-upload .local-upload-drag-component .file-list .file-item .close-file{color:#333;font-size:var(--tm-upload-close-font-size);position:absolute;right:10px;top:50%;transform:translateY(-50%)}.tm-upload .drag-upload .el-upload{width:100%}.tm-upload .drag-upload .el-upload-dragger{width:100%;min-height:140px;height:100%;padding:20px 1em}.tm-upload .drag-upload .el-progress{display:none}.tm-upload .drag-upload .progress.el-progress{display:inline-block}.upload-preview-dialog{width:550px!important}.upload-preview-dialog .img-container{width:500px;max-height:500px;padding:0 16px 16px 16px;overflow:auto;margin:0 auto}.upload-preview-dialog .img-container img{width:100%;margin:0}.upload-preview-dialog ::-webkit-scrollbar{width:0}.list-enter-active,.list-leave-active{transition:all .6s}.list-enter,.list-leave-to{opacity:0;transform:translateY(-30px)}