body{background:#f8f9fa!important}
.mod_list{margin:0}
.listnav{padding:10px 0;background:#f3f3f3;background: linear-gradient(to bottom, #f3f3f3, #fff);box-sizing:border-box;text-align:center;font:14px/1.5 Microsoft YaHei,PingFang,Heiti SC;border-bottom: 2px solid #eee}
.navmod{padding:5px 0;margin-top:-150px}
.bread{ padding: 0 15px; box-sizing: border-box}
.bread,.bread a{color:#ccc}
.keke_list_box{font:12px/1.5 Microsoft YaHei,PingFang,Heiti SC;padding:10px 0 30px 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:0}
.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{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:0;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 0 5px;padding:3px 0;border-bottom:0 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; text-align:center;line-height:30px;right:0; padding:0 15px; border-radius:50px;color:#fff; background: #243b55;background: linear-gradient(to right, #141e30, #243b55);}
.order_right .keke_iconfont{font-size:14px}
.order_right a{ text-align: center; color: #fff}
.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:#fff}
.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:0 0 40px;overflow:hidden;border-left:1px solid #eee}
.cate_title{font-size:22px;font-weight:800;padding:0;margin:0 20px 0 0;position:relative;float:left}
.topcatelist{margin:20px 0 0;padding:0}
.topcatelist li{float:left;margin-right:15px}
.topcatelist li a{padding:3px 10px}
.topcatelist li.selected a{background:#eaebff;color:#0c3fff!important}
.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,.89)),to(#fff));background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.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:#fff;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;text-align:center;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:130px;height:130px;margin-right:30px;margin:10px auto 0}
.img-block img{border:5px solid #fff;width:100%;height:100%;border-radius:100px;object-fit:cover}
.user_name{ margin-top: 15px;}
.user_name b{font-size:24px;line-height:40px}
.rank{margin-top:10px;color:#999;border:1px solid #999;border-radius:50px;display:inline-block;font-size:12px;padding:0 15px}
.profile{color:#a8a8a8;line-height:25px;font-size:13px; width:50%; margin:6px auto 0;box-sizing:border-box}
.follow-btn{color:#fff;padding:2px 30px;height:30px;line-height:30px;font-size:14px;border-radius:30px;background:#ec3b3b;display:inline-block;text-align:center;border:0 solid #eee;margin-top:15px}
.follow-btn:hover{ color:#fff; background: #cf1300}
.orderbox li{float:left;margin-right:15px;height:30px;line-height:30px;font-size:13px;font-weight:800}
.orderbox li a{height:28px;line-height:28px;padding:0 15px;background:#fff;border-radius:50px;font-size:13px;font-weight:400;display:block;box-shadow:0 0 30px 0 rgba(53,53,53,.08)}
.orderbox li.selected a{background:#05f;background: linear-gradient(to right, #141e30, #243b55);color:#fff!important;text-align:center}
.priceli a {padding-right: 25px !important;}
.list-content,.emptybox{text-align: center}
.emptybox img{ width: 200px; margin: 100px 0 50px}
.emptytip{ margin-bottom: 200px; font-size: 16px; color: #b5b9c7}