.productinfo{ padding:20px; background:#fff; margin-bottom:15px;}
.productinfo .img{ float:left; border: 1px solid rgba(0,0,0,.05);}
.productinfo .info{ width:512px; float:right;}
.productinfo .info .title{ font-weight:bold; font-size:22px; line-height:1.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;word-break:break-all;padding-bottom:5px;}
.productinfo .info .desc{ padding:10px 0; line-height:1.8em; font-size:14px; color:#666;}
.productinfo .info .cansu{ padding:10px 0; border-top:1px dotted #ccc;}
.productinfo .info .cansu li{ float:left; min-width:33.3333%; line-height:2em; font-size:14px; color:#999;}
.productinfo .info .cansu li a{ color:#FF3366;}
.productinfo .info .cansu li a:hover{ color:#f90;}
.productinfo .info .price{ padding:15px 20px; background:#f8f8f8; border-radius:3px; color:#999;}
.productinfo .info .price .marketprice{ font-size:14px;}
.productinfo .info .price del{color:#666;}
.productinfo .info .price .cuxiaoprice{color:#FF3366; font-weight:bold;}
.productinfo .info .price .cuxiaoprice span{ font-size:14px;color:#FF3366;}
.productinfo .info .price .cuxiaoprice i{ font-size:26px;color:#FF3366;}
.productinfo .info .price .cuxiaoprice *{ display:inline-block; vertical-align:middle;}
.productinfo .info .price .cuxiaoprice i.cuxiao{ font-size:12px; font-weight: normal; color:#fff; background:#FF3366; line-height:1.2em; border-radius:3px; margin-left:10px; padding:3px 8px;}
.productinfo .info .buybtn{ display: inline-block; font-size: 16px; font-weight: 700; margin-top: 30px; color: #fff; background: #FF3366; border-radius: 3px; line-height: 2.9em; padding: 0 108px;}
.productinfo .info .buybtn:hover{ background:#f90;}
.productinfo .brandinfo{ background:#f8f8f8; border-radius:3px; margin-top:20px; padding:15px 0; font-size:14px;}
.productinfo .brandinfo .brandname{ font-weight:bold; line-height:1em; border-left:4px solid #FF3366; padding:0 20px; margin-bottom:10px;}
.productinfo .brandinfo .branddesc{ padding:0 20px; color:#666; line-height:1.5em;}

.huibestbrand{ overflow:hidden; margin-bottom:20px;}
.huibestbrand dt{ border-bottom:1px solid #ddd; padding:5px 0 0 0;color:#999; margin-bottom:15px;color:#fb3434;}
.huibestbrand dt i{ font-weight:bold; font-size:22px; line-height:2em;color:#fb3434;}
.huibestbrand dt span{ color:#fb3434; padding:0 20px; font-size:14px;}
.huibestbrand dt .nav{ color:#999; font-size:14px; display: inline-block; margin-top:1em;}
.huibestbrand dt .nav a{border-left:1px solid #ccc;line-height: 1em;display: inline-block;padding:0 10px;color:#666;}
.huibestbrand dt .nav a:first-child{ border-left:0;}
.huibestbrand dt .nav a.active{ color:#f36;}
.huibestbrand dt .nav a:hover{ color:#f60;}

.xgproductlist{}
.xgproductlist dt{ padding:16px 0; line-height:18px; background: #fff; position:relative; margin-bottom: 10px;}
.xgproductlist dt span{ font-size:18px; border-left:4px solid #9F85CF; padding:0 15px; line-height: 18px; display: inline-block; font-weight: 700;}
.xgproductlist dd#itemlist{ background:#fff;}
.xgproductlist dd .item{ padding:15px 25px 15px 25px; width:50%; float:left;  border-bottom:1px dashed #e2e2e2; position: relative}
.xgproductlist dd .top {position: absolute; left: 13px; top: 25px; width: 27px; height: 24px; background-repeat: no-repeat; background-size: contain;}
.xgproductlist dd .top1 {background-image: url("/public/images/web/top1.png")}
.xgproductlist dd .top2 {background-image: url("/public/images/web/top2.png")}
.xgproductlist dd .top3 {background-image: url("/public/images/web/top3.png")}
.xgproductlist dd .top4 {background-image: url("/public/images/web/top4.png")}
.xgproductlist dd .top5 {background-image: url("/public/images/web/top5.png")}
.xgproductlist dd .top6 {background-image: url("/public/images/web/top6.png")}
.xgproductlist dd .top7 {background-image: url("/public/images/web/top7.png")}
.xgproductlist dd .top8 {background-image: url("/public/images/web/top8.png")}
.xgproductlist dd .top9 {background-image: url("/public/images/web/top9.png")}
.xgproductlist dd .top10 {background-image: url("/public/images/web/top10.png")}
.xgproductlist dd img{ float:left; border:1px solid #eee; margin-right:10px;}
.xgproductlist dd .info{ float:right; height:100px; width:290px; line-height:1.5em; position: relative}
.xgproductlist dd .info .shop-name {padding-left: 25px; position: relative; width: 210px;padding-top:3px;}
.xgproductlist dd .info .shop-name i{width: 18px;  height: 18px; line-height: 18px; font-size: 13px; position: absolute; left: 0; top: 5px; text-align: center; background-color: #FF3399;  display: inline-block;  margin-right: 5px; color: white; border-radius: 5px; }
.xgproductlist dd .buy{ background:#FF3366; display:inline-block; float:right; font-size:14px; padding:2px 10px; color:#fff;}
.xgproductlist dd a:hover .buy{ background:#f90;}
.xgproductlist dd.center{ text-align:center; padding:15px;}
.xgproductlist dd .more{ display:inline-block; margin:10px auto; border:1px solid #ddd; background-color: #fff; padding:0 20px; border-radius:1em; line-height:2em; font-size: 16px;}

.shop-link {position: absolute; right: 0; bottom: 0}

.category-list {margin-top: 20px;}
.category-list a:hover {color: #f90;}
.category-list .category-item {border-radius: 15px; text-align: center; padding: 2px 15px; color:#666; display:inline-block; border:1px solid #eee;margin: 0 10px 0 0;}