.upload-container{width:100%}.upload-container .type-attachment .file-list .file-item{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:26px;margin-bottom:4px;line-height:26px;-webkit-transition:.3s;transition:.3s;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.upload-container .type-attachment .file-list .file-item:hover{background:rgba(0,122,255,.07)}.upload-container .type-attachment .file-list .file-item:hover .file-icon-box{color:#007aff}.upload-container .type-attachment .file-list .file-item:hover .name-box{color:#007aff}.upload-container .type-attachment .file-list .file-item:hover .delete-img{display:inline-block}.upload-container .type-attachment .file-list .file-item:hover .view-box{display:-webkit-box;display:-ms-flexbox;display:flex}.upload-container .type-attachment .file-list .file-item .file-icon-box{display:-webkit-box;display:-ms-flexbox;display:flex;width:31px;height:26px;color:#999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-container .type-attachment .file-list .file-item .name-box{cursor:pointer;max-width:calc(100% - 44px);margin-right:10px;margin-left:3px;overflow:hidden;font-size:14px;line-height:26px;color:#007aff;text-overflow:ellipsis;white-space:nowrap}.upload-container .type-attachment .file-list .file-item .delete-img{width:12px;height:12px;cursor:pointer}.upload-container .type-attachment .file-list .file-item .view-box{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;display:none;width:26px;height:26px;color:#fff;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.upload-container .type-attachment .none{color:#999}.upload-container .upload-tips{height:12px;line-height:12px;font-size:12px;color:#999;margin-top:8px}