h1[data-v-b6edb40e]{margin:0}.png-box[data-v-b6edb40e]{height:100%}[data-v-b6edb40e] .ant-card-head-wrapper{height:56px}.preview-content[data-v-b6edb40e]{display:-webkit-box;display:-ms-flexbox;display:flex}.preview-content-title-box[data-v-b6edb40e]{display:inline-block;margin-right:24px}.preview-box[data-v-b6edb40e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f0f2f5;height:100%;overflow:hidden}.preview-box .preview-header[data-v-b6edb40e]{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;height:64px;padding:0 24px;font-size:20px;color:rgba(0,0,0,.85);border:0;border-bottom:1px;border-style:solid;border-color:#e8e8e8;line-height:64px}.preview-box .preview-main[data-v-b6edb40e]{height:calc(100% - 64px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.preview-box .preview-main .preview-direction[data-v-b6edb40e]{height:100%;background:#fff;min-width:256px;overflow:auto}.preview-box .preview-main .preview-direction[data-v-b6edb40e]::-webkit-scrollbar{width:6px;height:8px}.preview-box .preview-main .preview-direction[data-v-b6edb40e]::-webkit-scrollbar-track{border-radius:10px;background-color:#fff}.preview-box .preview-main .preview-direction[data-v-b6edb40e]::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.4);box-shadow:inset 0 0 5px rgba(0,0,0,.4);background-color:#9b9b9b}.preview-box .preview-main .preview-direction .content-box[data-v-b6edb40e]{padding:16px 24px}.preview-box .preview-main .preview-direction .content-box .title[data-v-b6edb40e]{font-size:16px;color:rgba(0,0,0,.85);line-height:20px;border:0;border-style:solid;border-color:rgba(0,0,0,.65);margin-bottom:16px}.preview-box .preview-main .preview-direction .content-box .content-nav[data-v-b6edb40e]{height:100%;text-align:center}.preview-box .preview-main .preview-direction .content-box .content-nav .preview-nav--item[data-v-b6edb40e]{width:208px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px;background:#fff;padding:24px 16px;margin-bottom:16px;cursor:pointer}.preview-box .preview-main .preview-direction .content-box .content-nav .preview-nav--item[data-v-b6edb40e]:last-child{margin-bottom:0}.preview-box .preview-main .preview-direction .content-box .content-nav .preview-nav--item.on[data-v-b6edb40e]{background:#ededed}.preview-box .preview-main .preview-direction .content-box .content-nav .preview-nav--item img[data-v-b6edb40e]{width:56px;margin-bottom:16px}.preview-box .preview-main .preview-direction .content-box .content-nav .preview-nav--item .file-name[data-v-b6edb40e]{max-height:80px;overflow:hidden}.preview-box .preview-main .right-box[data-v-b6edb40e]{overflow:auto;background:#eff3f5;padding:24px;height:100%;min-height:500px;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-box .preview-main .right-box[data-v-b6edb40e],.preview-box .preview-main .right-box[data-v-b6edb40e] .ant-card,.preview-box .preview-main .right-box[data-v-b6edb40e] .ant-card /deep/ .ant-card-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.preview-box .preview-main .right-box[data-v-b6edb40e] .ant-card /deep/ .ant-card-body{border:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.preview-box .preview-main .right-box .title-detail[data-v-b6edb40e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;border:0;min-height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 24px;border-bottom:1px solid #e8e8e8}.preview-box .preview-main .right-box .title-detail .info[data-v-b6edb40e]{width:50%}.preview-box .preview-main .right-box .title-detail .info .title__name[data-v-b6edb40e]{font-size:16px;color:rgba(0,0,0,.85)}.preview-box .preview-main .right-box .title-detail .info .title-des[data-v-b6edb40e]{font-size:16px;color:rgba(0,0,0,.65)}.preview-box .preview-main .right-box .title-detail .btn-warp[data-v-b6edb40e]{padding-left:20px}.preview-box .preview-main .right-box .preview-body[data-v-b6edb40e]{padding:24px 32px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;min-height:300px}.err-icon[data-v-b6edb40e]{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}.bgc-class[data-v-b6edb40e]{width:100%;height:100%}