@charset "utf-8";.uploader-box{position:relative;display:block;width:100%;height:auto;padding:10px;border-radius:4px}.uploader-box .drag-file{position:relative;display:block;width:100%;border-radius:4px;height:150px}.uploader-box .drag-file.hover{background-color:#e8edff}.uploader-box .drag-file .text-box{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:4px;width:100%;height:100%;border:1px dashed #d3d3e0}.uploader-box .drag-file input[type=file]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;cursor:pointer}.uploader-box .drag-file label,.uploader-box .drag-file span{display:block;font-size:12px;line-height:24px;color:#4286dc}.uploader-box .drag-file label{font-size:14px;color:#8e8e8e}.uploader-box .file-queue{display:block;margin-top:10px;width:100%;height:auto;line-height:20px}.uploader-box .file-queue li{position:relative;display:block;width:100%;height:30px;line-height:30px;padding-left:10px;padding-right:85px;list-style:none;z-index:1}.uploader-box .file-queue li .progress{display:block;position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;background-color:#eef2fa}.uploader-box .file-queue li label{display:block;font-size:14px;line-height:30px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.uploader-box .file-queue li a.dl-btn,.uploader-box .file-queue li span{position:absolute;top:0;right:30px;height:30px;line-height:30px;font-size:12px;color:#dededd}.uploader-box .file-queue li.success{padding-left:30px}.uploader-box .file-queue li .success-icon{position:absolute;left:0;top:0;width:30px;height:30px;line-height:30px;color:#26ba89;text-align:center}.uploader-box .file-queue li a.dl-btn,.uploader-box .file-queue li span.success{color:#26ba89}.uploader-box .file-queue li span.failed{color:#ee546b}.uploader-box .file-queue li i{position:absolute;top:0;right:0;width:20px;height:30px;line-height:28px;text-align:center;color:#d3d3e0;font-style:normal;font-size:18px;cursor:pointer}.uploader-box .file-queue li{border-bottom:1px dashed #d3d3e0}.uploader-box .queue-title{display:block;font-size:12px;font-weight:bold;line-height:16px;margin-top:10px;padding:0 10px}.image-queue{display:block;width:100%;height:auto;font-size:0;margin-top:10px}.image-box{display:inline-flex;width:120px;height:120px;border-radius:4px;justify-content:center;align-items:center;position:relative;margin:0 5px 10px;overflow:hidden;vertical-align:top;background-color:#dedede}.image-box img{width:100%;height:auto}.image-box .close{display:block;position:absolute;top:5px;right:5px;width:20px;height:20px;line-height:20px;text-align:center;font-size:16px;color:#fff;cursor:pointer;border-radius:100%;background-color:rgba(0,0,0,.5)}.image-box .close:hover{background-color:rgba(0,0,0,.7)}