.file-preview-page{width:100%;height:100%;position:relative}.file-preview-page .header{height:80px;width:100%;background-color:#f5f7fa;padding:10px 20px}.file-preview-page .header .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.file-preview-page .header .top .icon{width:30px;height:30px;vertical-align:-.15em;fill:currentColor;overflow:hidden;margin-right:10px}.file-preview-page .header .top .file-name{font-size:20px;margin-right:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word}.file-preview-page .header .top .file-name span{font-size:16px;color:#6d6d6d}.file-preview-page .header .bottom{font-size:13px;color:#5d616f;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word}.file-preview-page .loading-container{position:absolute;top:80px;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.file-preview-page .preview-container{position:absolute;top:80px;left:0;right:0;bottom:0;background-color:transparent;z-index:10}