body {height: 100%; background: #F7F8FA; padding: 0 14px; min-width: unset;}

#preview_head {height: 40px; line-height: 40px; font-size: 14px;}
#preview_head i.attachIcon {display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(../images/attachIcon.png) center center/18px 18px no-repeat;}
body.ppt #preview_head i.attachIcon{background-image: url(../images/ppt.png);}
body.pptx #preview_head i.attachIcon{background-image: url(../images/ppt.png);}
body.doc #preview_head i.attachIcon{background-image: url(../images/doc.png);}
body.xls #preview_head i.attachIcon{background-image: url(../images/xls.png);}
body.pdf #preview_head i.attachIcon{background-image: url(../images/pdf.png);}
#preview_bottom {position: relative;height: 30px;}

/*20201210*/
* {padding: 0; margin: 0; box-sizing: border-box;}
#content {height: 100%;overflow: auto;margin: 0 auto;display: none;}
#content>*{background: #FFFFFF;}
#content img{max-width:100%}
#content iframe{height: calc(100% - 4px); border: none; width:100%;}
.content .page {border: none; background: #FFFFFF; box-shadow: 0 1px 8px rgba(1, 33, 79, 0.12); margin: 16px auto;}
#content .pdfwrap{margin: 0 auto;background: no-repeat;}
.pdfwrap .page{margin:0; transform-origin: left top;}
.pdfwrap .page:last-child{margin-bottom:0}
.pptwrap{height: 423px;  background: #FFFFFF; overflow: auto; width: 750px; margin: 0 auto; overflow: hidden;}
.content .swiper-slide{margin:0 auto;}
#loading {height: 423px; padding-top: 190px; text-align: center; font-size: 14px; display: none;}
.loadingDiv {padding-top: 10px; font-size: 14px; color: #A8A8B3; display: none;}
.loadingDiv i {margin: 0 auto 20px;animation: rotate 1s linear infinite;display: block;width: 40px;height: 40px;background: url(../images/loadingicon.png) center center/40px 40px no-repeat;}

.errorDiv{display: none;}
.errorDiv i {position: relative; top: 2px; margin-right: 4px; display: inline-block; width: 16px; height: 16px; background: url(../images/erroricon.png) center center/16px 16px no-repeat;}
.errorDiv .errorText {color: #F33F34;}
.errorDiv .errorCode {color: #CBCBD9; margin-top: 4px;}

@keyframes rotate {from {transform: rotate(0deg);} to {transform: rotate(360deg)}}

#sheetTabs{ padding:0 10px}
.sheetTab {display: inline-block;vertical-align: middle;height: 26px;line-height: 26px;padding: 0 16px;font-size: 14px;color: #9E9EA8;cursor: pointer;margin: 2px 0;border: 1px solid #F7F8FA;}
.sheetTab.active {background: #FFFFFF; color: #3A8BFF; border: 1px solid #EEEEF2;}
.tmp_fill_td {border-color: #EEEEF2; height: 22px; min-width: 72px;}
td:empty{height:22px;}
th{height:22px;}

#pdfBottom{text-align: center;}
#pdfBottom .pdfpage {font-size: 12px;color: #646873;line-height: 30px;}

#pptBottom {width: 100%;padding: 3px;color: #646873;font-size: 12px;text-align: center;user-select: none;}
#pptBottom .nextpage {margin-left: 16px; cursor: pointer;}
#pptBottom .prevpage.disabled, #pptBottom .nextpage.disabled {color: #91A0B5;}
#pptBottom input {width: 50px; height: 24px; margin-right: 6px; margin-left: 16px; text-align: center; font-size: 12px; background: #FFFFFF; border: 1px solid #EEEEF2; outline: none; position: relative; top: -2px;}
#pptBottom #prev, #pptBottom #next {display: none; position: absolute; bottom: 237px; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; z-index: 1;}
#pptBottom .prevpage,#pptBottom .nextpage{cursor: pointer;}
#pptBottom #prev {left: 30px; background: url(../images/viewPrev.png) center center/14px 14px no-repeat; background-color: rgba(0, 0, 0, 0.3);}
#pptBottom #next {right: 30px; background: url(../images/viewNext.png) center center/14px 14px no-repeat; background-color: rgba(0, 0, 0, 0.3);}
#pptBottom .prevpage.disabled,#pptBottom .nextpage.disabled{ opacity: 0.7; color: #646873!important; cursor: default;}
#pptBottom .prevpage:hover,#pptBottom .nextpage:hover{ color: #3A8BFF; cursor: pointer; }
#pptBottom #prev.disabled,#pptBottom #next.disabled{opacity: 0.7; cursor: default;}

::-webkit-scrollbar {display: inline-block; width: 8px; height: 8px;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: #E6ECF5;}
.swiper-container{/*width:1280px;height:720px;*/margin:0 auto;/* transform: scale(0.601); transform-origin: left top;*/}
/*.swiper-slide.ppt169{width:1280px; height:720px;}
.swiper-slide.ppt43{width:960px; height:720px; margin:0 auto; transform: scale(0.58); transform-origin: left top;}*/

/*20201229*/
html{height: 100%;}
.close,.headRight,#preview_toolbar,.listwrap{display: none; cursor: pointer;}
#fullBtn{position: fixed;min-width: 42px;height: 30px;bottom: 0;right: 14px;line-height: 32px;padding-left: 18px;font-size: 12px;background: url(../images/full.png) left center / 14px 14px no-repeat;cursor: pointer;color: #474C59;}
.fullpage #fullBtn{display: none;}
.fullpage .headRight{display: block; float: right; overflow: hidden;}
.fullpage .headRight p{float: left; width: 60px; height: 30px; margin: 10px 30px 10px 0;  text-align: center; color: #3A8BFF; text-align: center; line-height: 28px; border-radius: 17px; border: 1px solid #94C1FF; cursor: pointer;}
.fullpage{height: 100%;}
.fullpage #main{overflow: hidden;height: 100%; padding-top: 50px; }
.fullpage #content{ position: relative;  float: left; width: 100%; height: 100%;}
.fullpage #content .docwrap,.fullpage #content .pdfwrap{max-width: 900px; margin: 0 auto; transform-origin: top left;}
.fullpage #preview_head{ position: fixed; top: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background: #FFFFFF; box-shadow: 0px 1px 0px 0px #F2F2F2; z-index: 10;}
.fullpage #preview_head .close{display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: 30px; margin-right: 16px; background: url(../images/preview-close.png) center center / 20px 20px no-repeat; cursor: pointer;}
.fullpage #preview_head i.attachIcon{ width: 20px; height: 20px; }
.fullpage #preview_bottom{display: none;}
.fullpage #preview_toolbar{position: absolute; display: block; left: 50%; bottom: 40px; height: 46px; transform: translateX(-50%); background: #FFFFFF; box-shadow: 0px 2px 6px 0px rgba(1, 33, 79, 0.12); border-radius: 3px; border: 1px solid #F2F2F2; z-index: 10;}
#preview_toolbar ul{ padding: 0 12px; }
#preview_toolbar li{position: relative;float: left;width: 24px;height: 24px;margin: 11px 12px;list-style: none;box-sizing: content-box;background-size: 16px 16px;background-repeat: no-repeat;background-position: center center;cursor: pointer; user-select: none;}
#preview_toolbar li:hover{background-color:#F0F2F5;}
#preview_toolbar li.prev{background-image: url(../images/previewimages/prev.png);}
#preview_toolbar li.next{background-image: url(../images/previewimages/next.png);}
#preview_toolbar li.zoomin{background-image: url(../images/previewimages/zoomin.png);}
#preview_toolbar li.zoomout{background-image: url(../images/previewimages/zoomout.png);}
#preview_toolbar li.download{background-image: url(../images/previewimages/download.png);}
#preview_toolbar li.forward{background-image: url(../images/previewimages/forward.png);}
#preview_toolbar li.list{background-image: url(../images/previewimages/list.png);}
#preview_toolbar li.list.on{background-image: url(../images/previewimages/liston.png);}
#preview_toolbar li.toolbar-page{width: auto;padding: 0 6px;line-height: 24px;font-size: 14px;color: #646873;margin: 11px 6px;}
#preview_toolbar li.toolbar-page input{border: none;appearance: none;outline: none;font-size: 14px;width: 5px;min-width: 10px;color: #646873;height: 16px;vertical-align: middle; background: inherit; position: relative; top: -2px; top: -3px\0; -moz-appearance: textfield;}
.fullpage .listwrap{float: right; width: 178px; max-height: calc(100vh - 50px); background: #F7F8FA; overflow: auto; box-shadow: -2px 0px 0px 0px #E6E8EB;}
.fullpage .listpage{position: relative; margin: 20px; height: 193px; width: 138px; background: #FFFFFF;border: 2px solid #F7F8FA; border-radius: 2px; box-sizing: content-box; overflow: hidden;}
.fullpage .listpage.active{border: 2px solid #3A8BFF;}
.fullpage .listpage .page{position: relative;transform-origin:left top; margin: 0;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] { -moz-appearance: textfield; }
#main{position: relative; height: calc(100% - 70px); overflow: hidden;}
#preview_toolbar li .bubble { position: absolute; display: none; top: -50px; left: -16px; width: 56px; padding: 12px 0; text-align: center;  background: rgba(24, 30, 51, 0.8);  border-radius: 4px;  box-sizing: border-box;  font-size: 12px;  color: #FFF;  letter-spacing: 0;}
#preview_toolbar li .bubble:after {  position: absolute;  content: "";  border-color: rgba(24, 30, 51, 0.8) transparent transparent transparent;  border-style: solid;  border-width: 5px 5px 0 5px;  height: 0;  left: 27px;  bottom: -5px;  margin-left: -4px;  margin-top: -2px;  width: 0;}
#preview_toolbar li:hover .bubble{display: block; opacity: 1;}
/*表格*/
.fullpage.xls #main{height: calc(100% - 90px); padding-top: 0;}
.fullpage.xls #preview_bottom{display: block;}
.fullpage.xls #preview_head{position: relative; left: -14px;}
.fullpage.xls #preview_toolbar{display: none;}


/*ppt*/
.ppt #content{overflow:hidden;}
.fullpage.ppt #content{overflow:auto;}
.fullpage.ppt .pptwrap{ position: relative; top: 50%; transform: translateY(-50%); width: auto; height: unset; background: none;}
.pptwrap .page{transform-origin: left top; margin: 0;}

/*pdf*/
.fullpage.pdf #content .pdfwrap{ background: none; max-width: unset; background: #F7F8FA;}
/*doc*/
.fullpage.doc #preview_toolbar li.prev,.fullpage.doc #preview_toolbar li.next,.fullpage.doc #preview_toolbar li.list,.fullpage.doc #preview_toolbar li.toolbar-page{display: none;}

/*灰色提示弹窗*/
.toolTipBox{position:fixed;padding:0 24px;height:48px;background:rgba(79,87,98,0.98);border-radius: 8px;line-height:48px;color:#fff;font-size:14px;top:50%;margin-top:-24px;left:45%;z-index:10}
.popicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.popicon img{display: block;width:100%;height:100%}
.loadicon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px;}
.loadicon img{width:100%;height:100%}
.toolTipBox .loading img{position: relative; top: -1px;-webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }

.content{position: relative;}
.colDiv{position: absolute; top: 0; height: 100%; overflow: hidden; z-index: 10; padding-bottom: 12px;}
.colDiv p{background-color: #F7F8FA; border-top: 1px solid #EEEEF2; border-left: 1px solid #EEEEF2; text-align: center; padding: 0 5px; color: #646873; font-size: 10pt; }

.rowDiv{position: absolute; top: 0; width: 100%; height: 22px; line-height: 20px; white-space: nowrap; overflow: hidden; font-size: 0; z-index: 10; border-right: 1px solid #EEEEF2;}
.rowDiv p{display: inline-block;vertical-align: middle; background-color: #F7F8FA; border-top: 1px solid #EEEEF2; border-left: 1px solid #EEEEF2; border-bottom: 1px solid #EEEEF2; text-align: center; color: #646873; font-size: 10pt; }

@media screen and (max-width: 600px){
    .fullpage #preview_head,.fullpage #preview_toolbar{display: none}
    .fullpage #main{padding-top: 10px;}
    .fullpage #content{overflow-x: hidden}
    #pdfBottom{text-align: left}
}