body{background:#f8f8f8!important}
.doc_box{position:relative;padding:0}
span.divider{content:"";display:inline-block;margin:2px 10px 0;width:1px;height:14px;background:#ececec}
.viewleft{padding:0;box-sizing:border-box;margin-right:320px}
.viewtop{background:#fff;position:relative;z-index:1;height:266px;box-shadow:0 3px 5px rgba(0,0,0,.02);margin:0 0 20px}
.viewtop .docinfobox{padding:30px 320px 20px 205px;box-sizing:border-box}
.viewtop .docinfobox h2{font-size:24px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewtop .docinfobox h2 .keke_iconfont{font-weight:400}
.viewtop .docinfobox .docsummary{margin-top:10px;color:#666;font-size:13px}
.viewtop .downbtnbox .rightbtnlist{float:right;margin-top:5px}
.viewtop .downbtnbox .rightbtnlist a{color:#999;display:inline-block;width:30px;margin-left:12px;line-height:19px;text-align:center}
.viewtop .downbtnbox .rightbtnlist a .keke_iconfont{width:100%;text-align:center;font-size:19px;margin-right:0}
.viewtop .left_cover{padding:5px;position:absolute; left:40px;-webkit-box-sizing:border-box;box-sizing:border-box;width:126px;height:170px;border:1px solid #e8e8e8}
.viewtop .left_cover img{width:100%;height:100%;object-fit:cover;}
.viewtop .price{font-size:14px;color:#666}
.viewtop .f-num{font-size:20px;font-style:normal}
.toprightbox{position:relative;padding:30px 20px;margin:15px;border:0 dashed #eee;background:url(../images/listbg.png) top no-repeat;width:285px;float:right;box-sizing:border-box}
.toprightbox .viewtop_mod{box-sizing:border-box;width:100%;padding:15px}
.toprightbox .author_head .tea-nickname{font-size:16px;color:#333;line-height:24px;font-weight:800}
.toprightbox .author_head .tea-professional{color:#888;font-size:13px;line-height:20px;margin-top:5px}
.toprightbox .follow_box{width:100%;margin:20px 0 0;display:inline-block}
.toprightbox .follow_box a{width:100%;color:#b49071;height:30px;line-height:30px;font-size:14px;border-radius:30px;border:1px solid #b49071;display:inline-block;text-align:center}
.toprightbox .follow_box .btnbox{width:50%;padding:0 10px;float:left;box-sizing:border-box}
.toprightbox .follow_box a.home-btn{background:#fff;color:#666;border:1px solid #999}
.toprightbox .headimg{float:left;margin:-5px 10px 0 auto;display:inline-block;padding:0;box-sizing:border-box}
.toprightbox .headimg img{width:50px;height:50px;border:1px solid #eee;padding:3px;border-radius:50px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
.author_head{margin:5px 10px 0}
.icomarker{position:absolute;top:0;right:0;z-index:10;padding:0 4px;background-color:#f05759;border-radius:5px 0 5px 0;font-size:12px;line-height:18px;color:#fff}
.downbtnbox{margin:15px 0}
.downbtnbox .downbtn{color: #fff;padding: 2px 10px;margin-right: 15px;height: 26px;line-height: 26px;font-size: 14px;border-radius: 6px;background: #ec3b3b;display: inline-block;text-align: center;border: 0 solid #eee;}
.downbtnbox .sebtn{background:linear-gradient(90deg,#0c3fff 0,#0caeff 100%);box-shadow:0 7px 21px 3px rgba(12,63,255,.11)}
.viewleft .pageinfo{height:35px;line-height:35px;background-color:#fff;border-bottom:1px solid #eee;padding:0 15px;color:#999;z-index:1;box-sizing:border-box}
.viewleft .pageinfo .goto-page{float:right}
.viewleft .pageinfo .goto-page .cur-page{color:#999;display:inline-block;text-align:center;padding:0 6px;outline:0;height:20px;line-height:20px;border:1px solid #e7e7e7;border-radius:2px;box-sizing:border-box;width:24px}
.viewright{float:right;width:300px}
.viewpage{padding:20px;box-sizing:border-box}
.loadingpage,.viewpage{box-shadow:0 3px 13px 4px #f3f3f3;text-align:center;margin-bottom:30px;background:#fff;text-align:center;min-height:500px;position:relative}
.docviewbox{min-height:500px}

.gapless{box-shadow: 0 3px 13px 4px #f3f3f3;}
.gapless .viewpage{box-shadow:none !important; border-bottom: 1px solid #eee}
.gapless .viewpage,.gapless .hx-warp{ margin-bottom: 0 !important}
.gapless .endpage{ margin-top: 15px !important;}
.docviewbox .loadingimg{left:50%;position:absolute;width:40px;height:40px;top:50%;margin:-30px 0 0 -20px}
.docviewbox .hx-warp{text-align:center;margin:-10px 0 20px}
.docviewbox .hx-warp img{height:90px}
.docviewbox img{line-height:0;max-width:100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
.viewright_mod{padding:20px 30px;box-shadow:0 3px 5px rgba(0,0,0,.02);border:1px solid #f5f5f5;border-radius:0;background:#fff}
.docimg{display:none}
.userproperty{margin:15px 0 10px}
.userproperty .item{float:left;width:33.3%;text-align:center;position:relative}
.userproperty .item:before{top:13px;width:1px;z-index:-1;height:28px;border-radius:30px;position:absolute;left:0;background:#e3e3e3;content:''}
.userproperty .item:first-child:before{display:none}
.mod_top_nav{height:38px;margin:0 0 20px;position:relative;border-bottom:1px solid #eee}
.mod_top_nav h2{display:inline-block;font-weight:800;z-index:1;font-size:16px;color:#333;padding:0 0 0 20px;margin-right:22px;float:left;position:relative}
.mod_top_nav h2:before{top:3px;width:4px;z-index:-1;height:18px;border-radius:30px;position:absolute;left:0;background:#0c3fff;content:''}
.doc_list ul li a{font-size:14px;color:#000;font-weight:400}
.doc_list ul li{height: 56px;line-height:25px;overflow: hidden;float:left;width:100%;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px dashed #eee;padding-left:30px;box-sizing:border-box}
.doc_list ul li span{display:none;float:right;color:#999;margin-right:20px}
.doc_list ul li .keke_iconfont{position:absolute;font-size:16px;margin-right:7px;left:0;top:2px}
.endpage{text-align:center;font-size:16px;background:#fff;line-height:35px;margin-top:-10px;padding:30px 40px;box-sizing:border-box}
.endtip{border-bottom:1px dashed #ddd;padding-bottom:20px;margin-bottom:20px}
.bottomdownbtn{margin-bottom:0}
.bottomdownbtn a{margin:10px 7px!important}
.bottomviewbtn{background:#333!important;box-shadow:0 7px 21px 3px #e0e0e0!important}
.downloadfixed{position:fixed;bottom:0;z-index:100}
.readerbox{height:75px;margin-top:2px;position:absolute}
.pay-download-bar{width:880px;height:75px;padding:18px 170px 18px 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;border-top:1px solid #eee;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.05);box-shadow:0 15px 30px rgba(0,0,0,.05);box-sizing:border-box}
.pay-download-bar .u-btn{border-radius:30px;text-align:center;position:absolute;right:30px;top:21px;width:130px;height:35px;line-height:33px;font-size:16px;background-color:#ec3b3b;color:#fff}
.pay-download-bar dt{text-align:left;font-size:16px;line-height:20px}
.pay-download-bar dd{font-size:12px;color:#bbb;margin-top:4px;text-align:left}
.pay-download-bar .keke_iconfont{float:left;font-size:40px;line-height:40px;margin-right:10px}
.statetips{background:#fefcf5;line-height:40px;padding-left:20px;color:#ff8b3e;font-size:13px;margin-bottom:10px}
.fixedtop{position:fixed;top:0}
.super{margin:10px 0}
.super span{float:left;margin-right:30px;color:#bbb}
.mainpart{position:relative}
#fullscreen .viewleft{text-align:center;width:1200px;box-sizing:border-box;margin:0 auto}
#fullscreen .viewright{display:none!important}
#fullscreen .viewpage{box-shadow:none}
#fullscreen .viewleft .pageinfo{height:40px;line-height:40px;top:0;padding:0;position:fixed;width:100%!important;left:0;right:0;background-color:#282828;border:0}
#fullscreen .pageinfosubbox{width:1200px;margin:0 auto;text-align:left}
#fullscreen .docviewbox{margin-top:60px}
#fullscreen .doc_title,#fullscreen .full-close,#fullscreen .topdownbtn{display:block}
#fullscreen .full-btn{display:none}
.full-close{position:absolute;right:10px;top:2px;color:#eee;font-size:16px;display:none}
.full-btn{display:block}
.doc_title{font-size:16px;color:#fff;display:none}
.topdownbtn{float:right;background:#f7603e;color:#fff;height:28px;line-height:28px;margin-top:6px;padding:0 15px;margin-left:20px;display:none}
.full-bg{background:#3c3f41!important}
.hidediv{display:none!important}
.weixinsharebox{background:#fff;color:#666;line-height:20px;font-size:14px;text-align:center;padding-bottom:0;width:200px;height:230px}
.super{position:relative}
.keke_share_menu .keke_iconfont{font-size:16px;color:#fff;margin-right:2px;margin-left:10px}
.keke_share_menu{position:absolute;display:none;top:auto;bottom:100%;left:420px;margin-left:-60px;margin-bottom:15px;border-radius:4px;width:125px;padding:3px 10px;background-color:#404040;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:30px}
.keke_share_menu:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(64,64,64,0);border-top-color:#404040;border-width:8px;margin-left:-8px}
.star{color:#999;border-bottom:1px dashed #eee;padding-bottom:15px;padding-top:5px;margin-bottom:10px}
.star li{float:left;margin:0 10px 0 0;cursor:pointer}
.star .keke_iconfont{font-size:24px;margin-right:2px}
.evaluate_title{display:inline-block;margin:10px 0 5px 0;font-size:18px;font-weight:800;color:#666}
.evaluate_title_top{width:100%;border-bottom:1px dashed #eee;padding-bottom:15px}
.evaluate_box{background:#fff;border:0 solid #eee;padding:20px 30px;margin:30px auto 5px}
.evaluate_box .ico6{color:#f01414;margin-right:10px;font-weight:400}
.txtinput{margin:10px 0 20px 0}
#evaluate_input{width:100%;height:100px;border:1px solid #eee;padding:10px;background:#fbfbfb;box-sizing:border-box}
.evaluate_btn{background:#f01414;margin-top:10px;display:inline-block;padding:2px 20px;color:#fff}
.evaluate_star{color:#999;font-size:12px;margin:5px 0}
.evaluate_star .keke_iconfont{color:#f01414;margin-right:2px}
.evaluate_star .keke_iconfont:last-child{margin-right:10px}
.evaluate_modtitle span{font-size:12px;color:#999}
.light{color:#f01414}
.evaluate_list_box{background:#fff;box-sizing:border-box;padding:30px 30px 1px}
.evaluate_list_box .pg{margin-bottom:15px;margin-left:-8px;float:left}
.evaluate_mod{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e3e3e3}
.evaluate_tip{float:right;font-weight:400;font-size:12px;color:#aaa;margin-top:10px}
.right_time{float:right}
.loadingbox{margin:220px auto 20px;text-align:center;height:220px}
.starnum{font-size:16px}
.keke_score{margin-top:10px;float:left;margin-left:20px}
.media-left{width:45px;padding-right:15px;float:left}
.media-left,.media-right{vertical-align:top}
.media-right{width:100%}
.link-dark{font-weight:800}
.evaluate_mod{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #e3e3e3}
.evaluate_mod:last-child{border:0}
.evaluate_mod img{max-width:100%!important;width:40px;border-radius:50px}
.short-content{margin-top:5px;font-size:14px;line-height:25px;padding-left:60px}
.keke_kong{text-align:center;line-height:50px;padding:0 0 20px 0;font-size:14px;color:#999}
.keke_kong img{margin-bottom:10px;width:100px}
.surplus{color:#c9302c;font-weight:800}
.docaimg{width:100%}
.vip-price{background:#fff1f1;background:linear-gradient(90deg,#fff 0,#fff1f1 100%);padding:2px 10px;margin:0 10px;font-size:12px; border-radius:50px;color:#ec3b3b}
.vip-price .keke_iconfont{font-size:14px;margin-right:2px}
.vip-price .vip-price-num{font-size:14px}
.sharebtns {background: #fff;  border-radius: 50px;}
.noticebox{ box-shadow: 0 3px 13px 4px #f3f3f3;background: #fff; margin-top: 20px; padding: 30px;}
.noticebox .notice_hd a{  margin-right: 35px; font-size: 15px;}
.noticebox .notice_hd{position: relative;border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom:20px;}
.noticeidtxt{ width:1px; height:0; overflow:hidden; line-height: 28px; color: #666; font-size: 13px}
.showview{width:auto; height:auto; }
.active-line{position:absolute;left:0;bottom:-2px;width:60px;border-radius:30px;height:4px;background:#ec3b3b;-webkit-transition:all .3s linear;transition:all .3s linear}