.knowledge-left{width: 250px; padding:15px 25px; background-color: #fff; margin-right: 20px; float: left;}
.category-title{border-bottom: 1px solid #ddd; font-size: 17px; font-weight: 700; padding: 10px 0; line-height: 25px;}
.category-list li{margin: 20px 0; }
.category-list li a{display: block; height: 60px; /* background-color: #f5f5f5; */}
.category-list li a:hover{}
.category-list li .pic{width:100px; height: 60px; float: left}
.category-list li .sm-pic{width:60px}
.category-list li .name{margin:0 15px 0 75px; font-size: 16px; line-height: 30px; padding: 15px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.category-list li .msg{margin-left:115px; font-size:14px; line-height:20px; padding:5px 0}
.category-list li .title{line-height:25px; font-weight:bold}
.category-list li .tips{color:#999;}
.category-list li a:hover .title{color:#0099cc}
.category-list li a:hover .name{color:#0099cc}
.knowledge-list-warp{overflow: hidden; background: #fff; padding: 0 40px;}
.knowledge-list .title{font-size: 20px; border-bottom: 1px solid #ddd; margin: 20px 0; padding-bottom: 15px}
.knowledge-list li{padding:20px 0; border-bottom: 1px solid #ddd; height: 115px;}
.knowledge-list li .pic{float: left; margin-right: 20px}
.knowledge-list li .text-box{overflow: hidden; }
.knowledge-list li .name{font-size: 18px; line-height: 25px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin:5px 0;}
.knowledge-list li .msg{height: 60px; line-height: 20px; color: #666; font-size: 14px}

.related-product{}
.related-product li{margin: 20px 0; display: block; text-align: center;}
.related-product li .pic{width: 250px; height: 250px; overflow: hidden; }
.related-product li .name{display: block; line-height: 20px; margin: 10px; font-size: 14px}

.knowledge-recom-warp{overflow: hidden; background-color: #fff; padding: 10px 40px 40px}
.knowledge-recom .title{border-bottom: 1px solid #ddd; font-size: 17px; padding: 10px 0;line-height: 25px;}
.knowledge-recom li{display: block; border-bottom: 1px solid #ddd; padding: 20px 0}
.knowledge-recom li .pic{width: 170px; height: 115px; overflow: hidden; float: left; margin-right: 25px}
.knowledge-recom li .text-box{overflow: hidden; height: 115px;}
.knowledge-recom li .name{display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 25px; font-size: 16px; margin: 10px 0;}
.knowledge-recom li .msg{line-height: 20px; color: #999; font-size: 12px; height: 60px; overflow: hidden;}
.knowledge-page{text-align: center; height:37px; line-height:37px;font-size:14px; margin: 40px 0}
.knowledge-page a,.product-page .input{font-size:14px;text-align: center; display: inline-block; margin:0 3px; padding: 0 10px; min-width: 15px; height: 35px; line-height: 35px; border:1px solid #ddd; background-color: #f7f7f7; }
.knowledge-page a.btn{width: auto; min-width: 15px;}
.knowledge-page a.cur{border-color:#fff; background-color: #fff; color:#e4393c; margin:0;}
.knowledge-page a.ellipsis{border-color:#fff; background-color: #fff; color:#ccc; font-weight: 700; margin-right: 0}
.knowledge-page .input{border:1px solid #ddd; background-color: #fff; padding: 0 5px}
.knowledge-page a i{font-family: 宋体;}
.knowledge-page a.disabled{color: #ddd;background-color: #fff;}

.knowledge-details-warp{overflow: hidden; background-color: #fff; padding: 10px 40px 40px}
.knowledge-details{}
.details-header{border-bottom: 1px solid #ddd; font-size: 20px; padding: 15px 0}
.details-tags{margin-top: 10px}
.details-tags .tag{display: inline-block; height: 20px; line-height: 20px; background-size: 20px 20px; background-repeat: no-repeat; padding-left: 23px; color:#888; font-size: 14px; margin-right: 8px}
.details-tags .user{background-image: url(../images/user2.png);}
.details-tags .time{background-image: url(../images/time.png);}
.details-tags .view{background-image: url(../images/view.png);}

.details-msg{font-size: 16px; line-height: 30px; margin-top: 25px ; color: #333}
.details-msg img{max-width: 100%}


.product-slides-warp{padding: 5px 40px 25px; background: #fff; margin:35px 0;}
.product-slides-warp .title{font-size: 24px; line-height: 25px; margin: 25px 0}
.product-recom{text-align: center; position: relative;}
.product-recom ul{width: 100%}
.product-recom li{float: left; width: 100%; height: 390px; margin-right: 30px; margin-bottom: 10px; text-align: center;}
.product-recom li .pic{height: 100%; height:245px; position: relative; display: block}
.product-recom li .jf{position: absolute; left: 10px; top: 10px; border:1px solid #99ccff; color: #6699cc; border-radius: 3px; padding: 3px 5px;}
.product-recom li .tag{text-align: center; margin-top: 10px}
.product-recom li .tag i{display: inline-block; line-height:20px; color:#fff; padding: 3px 5px; margin:5px 3px 0;}
.product-recom li .tag .xp{background-color: #e36844}
.product-recom li .tag .tj{background-color: #7abdde}
.product-recom li .tag .bp{background-color: #f28f2d}
.product-recom li .title , .product-recom li .tips{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; line-height: 20px; margin:10px 10px 5px; display: block; font-size: 14px; font-weight: 700 }
.product-recom li .tips{font-size: 12px; color: #999; margin:0 10px; }
.product-recom li hr{border:0 none; border-bottom:1px solid #ddd; margin:10px 35px;}
.product-recom li .price{color:#ff6700; font-size:14px;}
.product-recom .reco-direction-nav{width: 77px}
.reco-direction-nav{position: absolute; height: 24px; border-radius: 3px; border:1px solid #ddd; top: -51px; right: 10px}
.reco-direction-nav li{float: left; height:24px;line-height: 24px; width: 38px; text-align: center; margin:0;}
.reco-direction-nav a {  text-align: center;  font-family: "宋体"; font-size: 20px; display: block}
.reco-direction-nav a.reco-prev{border-right: 1px solid #ddd}
.reco-direction-nav a.reco-disabled{color: #cfcfcf}