.pcPreview[data-v-36bb92d0]{height:100%;background:#f0f2f5}.preview-header[data-v-36bb92d0]{height:64px;background:#001529;padding:0 70px;position:relative;overflow:hidden;text-align:center}.preview-header .tmp-no[data-v-36bb92d0]{color:#fff;position:absolute;line-height:64px;font-size:18px}.preview-type[data-v-36bb92d0]{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:20px;background:#fff}.preview-type .type-box[data-v-36bb92d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;color:#888;width:120px;border-bottom:3px solid #fff;padding-bottom:10px;cursor:pointer;margin-right:70px}.preview-type .type-box[data-active][data-v-36bb92d0]{color:#1890ff;border-bottom-color:#1890ff}.preview-type .type-box[data-active][data-v-36bb92d0],.preview-type .type-box[data-v-36bb92d0]:hover{color:#1890ff}.preview-type .type-box:hover .type-icon[data-v-36bb92d0],.preview-type .type-box[data-active] .type-icon[data-v-36bb92d0]{display:none}.preview-type .type-box:hover .type-icon--a[data-v-36bb92d0],.preview-type .type-box[data-active] .type-icon--a[data-v-36bb92d0]{display:block}.preview-type .type-box .type-icon--a[data-v-36bb92d0]{display:none}.preview-type .type-box span[data-v-36bb92d0]{font-size:18px;margin-left:15px}.preview-bottom[data-v-36bb92d0]{height:calc(100% - 164px)}img[data-v-36bb92d0]{max-width:100%;max-height:100%}