.file-list[data-v-b4344a92]{width:100%}.empty-state[data-v-b4344a92]{text-align:center;padding:20px}.file-items[data-v-b4344a92]{max-height:300px;overflow-y:auto}.file-item[data-v-b4344a92]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 12px;border:1px solid #d9d9d9;border-radius:4px;margin-bottom:8px;background:#fafafa;cursor:pointer;transition:all .3s;line-height:40px}.file-item[data-v-b4344a92]:hover{background:#e6f7ff;border-color:#40a9ff}.file-item[data-v-b4344a92]:last-child{margin-bottom:0}.file-info[data-v-b4344a92]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1;min-width:0}.file-icon[data-v-b4344a92]{margin-right:8px;color:#888;font-size:16px}.anticon-file-word[data-v-b4344a92]{color:#1d70f5}.anticon-file-excel[data-v-b4344a92]{color:#069e61}.anticon-file-ppt[data-v-b4344a92]{color:#f5670f}.anticon-file-pdf[data-v-b4344a92]{color:#eb2f3b}.anticon-file-image[data-v-b4344a92]{color:#9152ff}.file-name[data-v-b4344a92]{-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.file-actions[data-v-b4344a92]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.preview-btn[data-v-b4344a92]{color:#333;padding:0;height:auto;margin-left:12px}.preview-btn[data-v-b4344a92]:hover{color:#555}.download-btn[data-v-b4344a92]{color:#1890ff;padding:0;height:auto;margin-left:12px}.download-btn[data-v-b4344a92]:hover{color:#40a9ff}.delete-btn[data-v-b4344a92]{color:#ff4d4f;padding:0;height:auto;margin-left:12px}.delete-btn[data-v-b4344a92]:hover{color:#ff7875}.file-items[data-v-b4344a92]::-webkit-scrollbar{width:6px}.file-items[data-v-b4344a92]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.file-items[data-v-b4344a92]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.file-items[data-v-b4344a92]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preview-left[data-v-b4344a92]{position:absolute;left:0;width:200px;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#888;cursor:pointer;&:hover{color:#fff}.anticon{font-size:36px}}.preview-right[data-v-b4344a92]{position:absolute;right:0;width:200px;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#888;cursor:pointer;&:hover{color:#fff}.anticon{font-size:36px}}#previewModal[data-v-b4344a92] .ant-modal-mask{background-color:rgba(0,0,0,.8)}#previewModal[data-v-b4344a92] .ant-modal-content{background-color:transparent;.ant-modal-close{background:rgba(0,0,0,.2);color:#fff;right:30px;border-radius:50%;&:hover{background-color:red}}}