.file-icon{vertical-align:-.15em;fill:currentColor;overflow:hidden;line-height:100%}.preview-view-container{position:fixed;z-index:99999;left:0;top:0;right:0;bottom:0;background:#f1f1f1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.preview-view-container,.preview-view-container .preview-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.preview-view-container .preview-header{padding:10px;background:#3c8dbc;line-height:30px;overflow:hidden;color:#fff}.preview-view-container .preview-header .title{height:30px;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.preview-view-container .preview-header .action .anticon{font-size:18px;padding:3px 5px;margin-right:5px;cursor:pointer;color:#fff;border:1px solid #3c8dbc;line-height:20px}.preview-view-container .preview-header .action .anticon:hover{background:#4caddc;color:#fff;-webkit-border-radius:4px;border-radius:4px;border:1px solid #fff}.preview-view-container .preview-wrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.preview-view-container .preview-wrapper .audio-wrapper,.preview-view-container .preview-wrapper .video-wrapper{background:#333}.preview-view-container .preview-wrapper .audio-wrapper,.preview-view-container .preview-wrapper .other-wrapper,.preview-view-container .preview-wrapper .video-wrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;overflow:hidden}.preview-view-container .preview-wrapper .other-wrapper section{text-align:center}.preview-view-container .preview-wrapper .other-wrapper section h3{font-size:18px;color:#999}.preview-view-container .preview-wrapper .other-wrapper section p{color:#666}.preview-view-container .preview-wrapper .other-wrapper .file-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:24px;padding:10px}.preview-view-container .preview-wrapper .other-wrapper .file-info>span{margin-left:10px}.preview-view-container .preview-wrapper .other-wrapper .file-info .name{color:#666}.preview-view-container .preview-wrapper .other-wrapper .file-info .size{color:#999}.preview-view-container .preview-wrapper iframe.document-html{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border:0 none;border-collapse:collapse}.preview-view-container .preview-wrapper .document-wrapper{height:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.list-box[data-v-16f651a3]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.list-box .item[data-v-16f651a3]{width:148px;height:168px;padding:8px;border:1px solid #e6e6e6;-webkit-border-radius:5px;border-radius:5px;margin:8px;text-align:center;-ms-flex-align:center;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;overflow:visible}.list-box .item-img[data-v-16f651a3],.list-box .item[data-v-16f651a3]{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.list-box .item-img[data-v-16f651a3]{width:128px;height:128px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:#f9f9f9}.list-box .item-img>img[data-v-16f651a3]{max-width:100%;max-height:100%}.list-box .item-icon[data-v-16f651a3]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.list-box .item-close[data-v-16f651a3]{z-index:1;position:absolute;top:-8px;right:-8px;color:#4f6aee;font-size:18px;background:#edf0fd;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;display:none}.list-box .item .label[data-v-16f651a3]{padding:0;margin:5px 0 0;line-height:20px;height:20px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-box .item[data-v-16f651a3]:hover{background:rgba(79,106,238,.1)}.list-box .item:hover .item-close[data-v-16f651a3]{display:block}.upload-list[data-v-635e41d3]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;overflow:hidden}.upload-list[data-v-635e41d3] .list-box{border-top:1px solid #ccc9c9;height:425px;overflow-y:auto;margin-top:10px}.upload-list[data-v-635e41d3] .list-box .item{width:78px;height:78px;padding:8px 5px}.upload-list[data-v-635e41d3] .list-box .item-img{width:60px;height:60px}.upload-list[data-v-635e41d3] .list-box .item p{width:70px}