.viewmod{ padding: 0;}
@media (min-width: 640px)
{
    .viewmod{ border: 1px solid #e5e5e5; width:1250px; margin:0 auto; padding-top:20px;}
                         
 }
.docviewbox{ text-align: center}
.viewpage{ box-sizing: border-box; margin-bottom: 10px; }
.viewpage:before{width: 100%; z-index:-1;height: 10px;border-radius: 30px;position: absolute;left: 0px; background:#e3e3e3;content: '';}
.viewpage img{ width: 100%}
.loadingimg{ width: auto !important}
.docinfobox{ margin: 10px 0; padding: 10px 10px 0}
.docinfobox h2{word-wrap:break-word; line-height: 30px; font-size: 22px;}
.docinfobox h2 img{ float: left; margin-right: 10px; width: 20px; height: 20px; margin-top: 5px;}
.docsummary{ font-size: 14px; color: #999;  line-height:40px; overflow:hidden; height:40px; margin-top:20px}
.docsummary .keke_iconfont{ margin-right: 5px; color: #999}
span.divider {content: "";display: inline-block;margin: 2px 10px 0;width: 1px; position: relative; height: 14px;}
span.divider:before{top: 5px;width: 1px;height: 10px;position: absolute;left: 0px;background-color: #eee;content: '';}
.viewpage,.loadingpage { border-radius: 5px; overflow: hidden; box-shadow: 0 3px 13px 4px #f3f3f3; font-size: 0; background: #ffffff; text-align: center; min-height: 100px; position: relative}
.docviewbox .loadingimg {left: 50%;position: absolute;width: 40px;height: 40px;top: 50%;margin: -30px 0 0 -20px;}
.hx-warp{ display: none}
.bottomdownbtn{ background: #ff6b6b;    background: linear-gradient(90deg,#ff6b6b 0,#ec3b3b 100%); text-align: center; color: #fffdfd;flex: 2;}
.bottomdownbtn .weui-tabbar__label{ color: #fff; line-height: 40px; font-size: 16px;}
.bottomviewbtn{ color: #0a6cbb}
.downbtnbox{ margin:15px 0;}
.downbtnbox .downbtn{color: #ec3b3b; border-radius: 5px; padding: 2px 30px; width: 100%; box-sizing: border-box;  font-size: 16px;   display: inline-block; text-align: center; border: 1px solid #ffa0a0;    background: #fff9f7;}
.downbtnbox .sebtn{ background: linear-gradient(90deg,#0c3fff 0,#0caeff 100%);box-shadow: 0 7px 21px 3px rgba(12, 63, 255, 0.11);}
.downbtnbox .downbtn em{font-style:normal}
.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:20px;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{ padding:0 0 20px;margin:0 auto 5px; position: relative; }
.hr{position: relative}
.hr:before{width: 100vw;  top: 0; height: 10px;position: absolute;left: -15px; right: -15px; background:#f5f5f5;content: '';}
.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_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;}
.media-left{width:45px;padding-right:15px; float: left}
.media-left,.media-right{vertical-align:top}
.evaluate_list_box{ background: #fff; box-sizing: border-box; padding: 30px 0 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}
.surplustip{ text-align: center}
.weui-loadmore_line{ margin-top: 15px}
.endpage{ border-radius: 0 0 8px 8px; box-shadow: 0 3px 13px 4px #f3f3f3; text-align: center; font-size: 16px; background: #fff; line-height:35px; margin-top: -10px; padding:30px 40px; box-sizing: border-box}
em.line {position: relative;margin: 0 10px;color: #eee;}
.short-content{ margin-top: 2px; font-size: 14px; line-height: 25px; padding-left: 60px;}
.vip-price{/* background: #333b42;*/ /*box-shadow: 0 0 10px 0 #fff2f2; */border-radius: 5px; padding: 0; font-size: 14px; color: #333}
.vip-price .keke_iconfont{ margin-right: 2px}
.vip-price .vip-price-num{ font-weight: 600;}
.joinvip{ box-sizing: border-box; margin-left: 10px; font-size: 14px; /*float: right;border-radius:0 5px 5px 0;  background: #cca369;background: linear-gradient(90deg,#ff6b6b 0,#ec3b3b 100%);  padding:0 20px;*/color: #ec3b3b}
.weui-dialog__bd img{ max-width:100%;}
.bgfff{ z-index: 501 !important}
.weui-tabbar{ z-index: 9 !important}
.keke_score{ margin-top: 5px;}
.spot:before{top: 2px;width: 8px;height: 8px;position: absolute; border-radius:50px;right: 10px;background-color: #ff6b6b;content: '';}
.noticebox{border-radius:8px; box-shadow: 0 3px 13px 4px #f3f3f3; padding: 15px; background: #fff; margin-top: 15px; box-sizing: border-box;}
.noticebox .notice_hd a{  margin-right: 25px; font-size: 15px;}
.noticebox .notice_hd{position: relative;border-bottom: 1px solid #eee; padding:10px 0 15px; margin-bottom:20px;}
.noticeidtxt{ width:1px; height:0; overflow:hidden;  line-height: 28px; color: #777; 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}
.weui-photo-browser-modal{ z-index: 999}
.viewleft{background: #fafafd;padding:15px; border-radius: 10px 10px 0 0}
.commentbox{border-radius:8px; box-shadow: 0 3px 13px 4px #f3f3f3;padding: 15px; background: #fff; margin-top: 15px;}
.photo-container img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}