.productlist li{ width:212px; height:318px; float:left; margin:10px 20px 15px 0; background: #fff; -webkit-transition: all .2s linear; transition: all .2s linear;}
.productlist li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);}
.productlist li:nth-child(3n){ margin-left: 1px;}
.productlist li:nth-child(4n){ margin-right:0; margin-left: 1px;}
.productlist li.dn{ display:none;}
.productlist li .dhidden2{ padding:5px 10px; line-height:1.6em;}
.productlist li .price{ padding:0 10px; color: #f36;font-weight: 700;}
.productlist .more{ text-align:center; padding-bottom:20px;}
.productlist .more a{ display:inline-block; padding:5px 20px; border:1px solid #eee; border-radius:20px; background:#fff;}

.webshoplist li{ width:444px; height:156px; float:left; margin:10px 0; padding: 15px 20px; background: #fff; position:relative;}
.webshoplist li:nth-child(2n){ float: right;}
.webshoplist li.dn{ display:none;}
.webshoplist li .img{ float:left;}
.webshoplist li .name{ float:left; line-height: 35px; padding-left:10px; width:236px; padding-left: 25px; margin-left:5px; background-size: 19px; background-position: left center; background-repeat: no-repeat;}
.webshoplist li .name.nobq{ width:220px;}
.webshoplist li .biaoqian{position:absolute;right: 20px;top: 20px;font-size: 14px;line-height: 24px;border: 1px solid #ea1b1b;color: #ea1b1b;padding: 0 5px;}
.webshoplist li .desc{ border-top:1px solid #eee; margin-top: 15px; padding-top: 15px; font-size:14px; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.webshoplist .more{ text-align:center; padding-bottom:20px;}
.webshoplist .more a{ display:inline-block; padding:5px 20px; border:1px solid #eee; border-radius:20px; background:#fff;}

.xglist dl{ width:445px; height:836px; float:left; margin-top:15px; background:#fff;}
.xglist dl.right{ float:right;}
.xglist dl dt{ line-height:49px; border-bottom:1px solid #ececec; padding:0 20px; font-size:15px; position:relative;}
.xglist dl dt .more{ position:absolute; right:10px; top:16px; font-size:14px; line-height:18px; color:#666}
.xglist dl dt .more i{ display:inline-block; width:15px; height:15px; line-height:15px; border-radius:50%; text-align:center; border:1px solid #999; color:#999; font-family:'宋体'; font-size:12px; margin-left:5px;}
.xglist dl dt .more:hover{ color:#f60;}

.xgshoplist dd{ padding:0 20px; position: relative}
.xgshoplist dd a{ padding:20px 0; display:block;  border-bottom:1px dashed #e2e2e2;}
.xgshoplist dd:last-child a{ border-bottom:0;}
.xgshoplist dd img{ float:left; border:1px solid #eee; }
.xgshoplist dd .name{padding-left: 22px; margin-left:88px; background-size: 19px; background-position: left center; background-repeat: no-repeat;}
.xgshoplist dd .desc{ line-height:1.9em; padding-top: 2px;}
.xgshoplist dd .shop-link{ position: absolute; z-index: 999; position: absolute; right: 20px; top: 20px; padding: 2px 10px !important; border: 0; text-align: center}
.xgshoplist dd .web-shop-type {margin-left:10px; color: #A1A1A0; font-size: 12px; display: inline-block;}

.xgproductlist dd{ padding:0 20px;}
.xgproductlist dd a{ padding:15px 0 14px 0; display:block;  border-bottom:1px dashed #e2e2e2;}
.xgproductlist dd:last-child a{ border-bottom:0;}
.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;}
.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 .cuxiao{line-height: 0.9rem; margin-top: 5px; padding-right:10px; display:inline-block; border:1px solid #F33; color:#F33; border-radius:2px;}
.xgproductlist .cuxiao span{ color:#fff; margin-right:10px; padding:2px; display:inline-block; background:#F33;}

.productlist .cuxiao{margin-left: 10px; line-height: 0.9rem; padding-right:10px; display:inline-block; border:1px solid #F33; color:#F33; border-radius:2px;}
.productlist .cuxiao span{ color:#fff; margin-right:10px; padding:2px; display:inline-block; background:#F33;}


.shop-type-icon {display: inline-block;  vertical-align: middle; width: 19px; height: 19px; background-size: 19px; background-position:center; background-repeat: no-repeat;}
.shop-type-jd {background-image: url("/public/images/web/jd-mall-icon.png")}
.shop-type-tmall {background-image: url("/public/images/web/tmall.png")}
.shop-type-taobao {background-image: url("/public/images/web/taobao-icon.png")}
.shop-link {display: inline-block;float: right; padding: 2px 10px;background: #f36;  margin-top: 5px; vertical-align: middle; color: #fff; border-radius: 3px;}

.articlelist{ background:#fff; padding:0 10px; text-align:center;}
.articlelist .item{ border-bottom:1px solid #eee; padding:10px 0; display:table; text-align:left;}
.articlelist .item .img{ display:table-cell; vertical-align:middle; width:5%; padding:10px;}
.articlelist .item .info{ display:table-cell; vertical-align:middle; width:100%; padding:0 10px;}
.articlelist .item .ttl{ font-size:18px; font-weight:bold; line-height:2em; margin-bottom:0.5em;}
.articlelist .item .desc{ font-size:14px; color:#999; line-height:1.8em;}
.articlelist .more{ display:inline-block; margin:10px auto; border:1px solid #ddd; padding:0 20px; border-radius:1em; line-height:2em; font-size: 14px;}
