body{background: #f8f8f8!important}
.mod_list{ margin:0;}
.listnav{ padding: 10px 20px; background: #ffffff; box-sizing:border-box; font: 14px/1.5 Microsoft YaHei,PingFang,Heiti SC; box-shadow: 0 0 30px 0 rgba(53,53,53,.08); }
.navmod{ padding: 5px 0}
.bread,.bread a{ color: #fff}
.keke_list_box{font: 12px/1.5 Microsoft YaHei,PingFang,Heiti SC;padding:10px 0 40px 0; }
.doc-mod {width: 20%;height: auto;float: left; box-sizing: border-box;     margin: 0 0 20px; padding: 0 10px;}
.doc_price{ float: left; color: #ec3b3b}
.doc_box{position: relative;padding: 0px; }
.mod_content{transition: all .2s linear;position: relative;background-color: #fff; margin:0;border-radius: 2px; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #eee;box-shadow: 0 3px 5px rgba(0,0,0, .02);}
.mod_content:hover{/*box-shadow:5px 5px 10px rgba(0,0,0,.05),-5px 0 10px rgba(0,0,0,.05);*/cursor:pointer;transform:translate3d(0,-4px,0);border-bottom: 1px solid #eee}
.mod_content:hover .viewbtn{ opacity: 1}
.mod_content_top{margin:0 auto; position: relative;overflow: hidden;text-align: center;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.mod_content_top img{width: 100%; height:auto;vertical-align: middle;box-sizing: border-box;border: 1px solid #eee;}
.mod_content_top span.type-label{position:absolute;right:5px;bottom:7px;font-size:24px;}
.mod_content_center{padding:0;box-sizing:border-box; font-size: 15px; line-height: 25px; height: 50px;overflow:hidden; font-weight: 400; margin-top: 10px; color: #333}
.mod_bottom{margin-top:10px;padding:0px;overflow:hidden; }
.mod_bottom_detail-info{float:right;width:auto; color: #bbb}

.navmod .navtitle{float:left;padding: 10px 12px; color:#999}
.navbottomline{ border-bottom:1px dashed #eee; padding-bottom:13px;}

.orderbox{ position:relative; margin:10px 0px 5px;  padding: 3px 0px;  border-bottom: 0px solid #eee}
.orderbox li{ float:left; margin-right:10px;}
.orderbox li a{ height:30px;line-height:30px;padding:0 20px 0 0; font-size:13px;  display:block}
.orderbox li.selected a{ color:#ec3b3b !important;}
.order_right{ position:absolute;height:30px;line-height:30px; right:0px; color:#f01414}
.order_right .keke_iconfont{ margin-left:25px; color: #ec3b3b !important; font-size: 14px}
.price_order{ position:relative}
.price_order .keke_iconfont{ position:absolute;right:-2px;bottom:-1px; color:#999}
.price_order .upico{ top:-1px}
.price_order .on{ color:#f01414}
.keke_kong{margin: 0 10px; background: #fff; text-align:center; line-height:50px; padding:100px 0; font-size:16px; color:#999; }
.keke_kong img{ margin-bottom:10px;}

.bodybox{position: relative; transition: all .2s linear; margin:0 -10px;  }
.bodybox .pg{ float:inherit; display:inline-block; margin-top:20px;}

.listright{ padding: 0px 0px 40px; overflow: hidden; border-left: 1px solid #eee;}

.cate_title{ font-size: 22px; font-weight: 800; padding: 0px; margin: 0px 20px 0px 0; position: relative; float: left }
.topcatelist{margin: 20px 0 0px;padding: 0;}
.topcatelist li{ float: left; margin-right: 15px;}
.topcatelist li a{ padding: 3px 10px; /*background: #f3f3f3*/}
.topcatelist li.selected a { background: #eaebff; color: #0c3fff !important;}




.sublist{ }
.sublist span{ margin-right: 10px; line-height: 33px;}

.viewbtn {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 170px;
    padding-top: 95px;
    text-align: center;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 0)), color-stop(57%, rgba(255,255,255, 0.89)), to(#fff));
    background: linear-gradient(180deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.89) 57%, #fff 100%);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.viewbtn span{ padding: 5px 18px; font-size: 14px; border-radius: 33px; display: inline-block;  text-align: center; color: #FFFFFF;   background-color: #ec3b3b;}



.pgbox{ margin-left: 20px; text-align: center}

.bgcc{ padding-top: 10px; box-sizing: border-box; height: 230px; width: 100%; background: #2a5be4; background: url("./images/userbanner.jpg") bottom; background-size: 100% auto}


.listnavsub{box-sizing: border-box; padding: 5px 15px; margin: 5px auto 15px}
.countnum{ font-size: 14px; margin-top: 5px; float: left;  color: #999; margin-left: 30px; font-weight: 400 }

.img-block{ width: 150px; height: 150px; float: left; margin-right: 30px; margin-top: 10px;}
.img-block img{ width:100%; height: 100%; object-fit: cover;}

.user_name b{font-size: 24px;line-height: 40px;}
.rank{ margin-top: 5px; color: #999; border: 1px solid #999;  border-radius: 50px; display: inline-block; font-size: 12px; padding: 0 15px; margin-left: 20px}
.profile{ margin-top: 15px; color: #888; margin-left: 180px; line-height: 23px; font-size: 13px; box-sizing: border-box;}

.follow-btn{color: #fff;
    padding: 2px 30px;
    margin-right: 15px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 30px;
    background: #ec3b3b;
    display: inline-block;
    text-align: center;
    border: 0px solid #eee;
    margin-top: 15px;
}

.keke_kong{ text-align:center; line-height:50px; font-size: 14px; padding:100px 0; color:#999; }
.keke_kong img{ margin-bottom:10px; width: 180px}