.preview-file[data-v-321a17ca]{padding:26px 20px;background-color:#fafafa;border:1px solid #eff1f4;border-top:none}.preview-box[data-v-bb1bb9a8]{width:100%;background-color:#fff}.preview-box .shade[data-v-bb1bb9a8]{position:absolute;bottom:0;left:0;width:100%;height:32px;margin:8px 0 0;z-index:100;background-image:linear-gradient(180deg,rgba(234,236,240,0),rgba(234,236,240,.6))}.preview-box .title[data-v-bb1bb9a8]{background-color:#fff;height:40px;padding:0 16px;justify-content:space-between;box-shadow:inset 0 0 4px 0 #f7f8fb;border-bottom:1px solid #eaecf0}.preview-box .title[data-v-bb1bb9a8],.preview-box .title div[data-v-bb1bb9a8]:first-of-type{display:flex;align-items:center}.preview-box .title .fold[data-v-bb1bb9a8]{color:#17181a;font-size:14px;cursor:pointer}.preview-box .title .fold>img[data-v-bb1bb9a8]{margin-right:4px}.preview-box .title .fold .icon-preview-close-active[data-v-bb1bb9a8]{display:none}.preview-box .title .fold[data-v-bb1bb9a8]:hover{color:#2c65ff}.preview-box .title .fold:hover .icon-preview-close[data-v-bb1bb9a8]{display:none}.preview-box .title .fold:hover .icon-preview-close-active[data-v-bb1bb9a8]{display:block}.preview-box .title .page-num[data-v-bb1bb9a8]{display:flex;align-items:center;margin-left:60px;font-size:16px;color:#17181a}.preview-box .title .page-num input[data-v-bb1bb9a8]{width:50px;height:24px;border-radius:4px;border:1px solid #eff1f4;background-color:#fafafa;padding:1px 10px;margin-right:8px}.preview-box .title .page-num input[data-v-bb1bb9a8]::-webkit-inner-spin-button,.preview-box .title .page-num input[data-v-bb1bb9a8]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.preview-box .title .date[data-v-bb1bb9a8]{opacity:.8;font-size:13px;color:#8c8e8f}.preview-box .title .open-detail[data-v-bb1bb9a8]{color:#2c65ff;font-size:14px;display:flex;align-items:center}.preview-box .title .open-detail i[data-v-bb1bb9a8]{margin-left:4px}.preview-box .title .open-detail[data-v-bb1bb9a8]:hover{cursor:pointer;color:rgba(44,101,255,.9)}.preview-box .content[data-v-bb1bb9a8]{width:100%;display:flex}.preview-box .content .left[data-v-bb1bb9a8]{width:136px;background:#fff;padding:16px 12px 0;height:auto;overflow:auto}.preview-box .content .left[data-v-bb1bb9a8]::-webkit-scrollbar{display:none!important}.preview-box .content .left .fold-content[data-v-bb1bb9a8]{width:112px;height:74px;text-align:center;border-radius:4px;border:4px solid #fff;background-color:#eff1f4;position:relative;margin-bottom:8px;box-sizing:content-box;cursor:pointer}.preview-box .content .left .fold-content img[data-v-bb1bb9a8]{height:74px;width:auto;max-width:100%}.preview-box .content .left .fold-content-index[data-v-bb1bb9a8]{position:absolute;right:0;bottom:0;padding:2px 6px;height:16px;text-align:center;line-height:14px;color:#fff;font-size:12px;font-weight:500;border-radius:4px 0 4px 0;background-color:rgba(0,0,0,.5)}.preview-box .content .left .active[data-v-bb1bb9a8]{height:74px;border-radius:4px;border:4px solid #5e89ff;box-sizing:content-box}.preview-box .content .right[data-v-bb1bb9a8]{flex:1;width:auto;display:flex;flex-direction:column;align-items:center;background-color:#eaecf0;padding:30px 0 0;position:relative;overflow:auto}.preview-box .content .right[data-v-bb1bb9a8] ::-webkit-scrollbar{width:0!important}.preview-box .content .right .page-change[data-v-bb1bb9a8]{width:808px;display:flex;justify-content:space-between;position:absolute;top:50%}.preview-box .content .right .page-change-btn[data-v-bb1bb9a8]{width:48px;height:48px;text-align:center;line-height:48px;border-radius:50%;background-color:#cccecf;cursor:pointer}.preview-box .content .right .page-change-btn i[data-v-bb1bb9a8]{width:8px;height:14px;color:#fff}.preview-box .content .right .img-content[data-v-bb1bb9a8]{width:637px;position:relative}.preview-box .content .right .img-content[data-v-bb1bb9a8]:not(:last-child){margin-bottom:10px}.preview-box .content .right .img-content .img-shade[data-v-bb1bb9a8]{position:absolute;height:372px;width:864px;bottom:-38px;left:-113.5px;display:flex;background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);justify-content:center}.preview-box .content .right img[data-v-bb1bb9a8]{width:637px;pointer-events:none;float:left}