.banner{background:url("https://cultea-bucket-prd-images.s3.cn-north-1.amazonaws.com.cn/sys-master/images/h5a/heb/8879525560350/WechatIMG972.jpeg") no-repeat center center; min-height:150px; padding:10px 0px 0px 0px; text-align:center;}
.banner h2{font-size:24px; margin-top:20px;}
.banner p{font-size:16px; margin:20px 0px; padding:0px;color:#A5A5A5;}


.product{width:1200px; margin:0px auto;}
dl.productcate{ position:relative; background:#F7F7F7; margin:0px auto;border:1px solid #ddd; border-radius:3px; font-size:13px;}
dl.productcate dt{ margin:0px; padding:0px; position:absolute;left:0px;top:0px;line-height:50px; min-height:50px;width:100px; text-align:center; font-weight:bold;}
dl.productcate dd{ margin:0px 0px 0px 100px; padding:5px; background:#FFF;line-height:30px; min-height:30px; border-left:1px solid #ddd;}
dl.productcate dd a{line-height:30px; min-height:30px; display:inline-block; padding:0px 20px;color:#222; background:#F6F6F6; margin:5px 15px; border-radius:20px;}
dl.productcate dd a.on{ background:#05BE50;color:#fff;}

dl.productsearch{ position:relative;margin:0px auto;border:1px solid #ddd; background:#fff; border-radius:3px; font-size:13px;color:#333;}
dl.productsearch dt{ margin:0px; padding:0px 10px 0px 0px; position:absolute;right:0px;top:0px;line-height:55px; min-height:55px;}
dl.productsearch dt a{line-height:35px; min-height:35px; display:inline-block; padding:0px 15px;margin:0px 5px 0px 0px; border-radius:3px; background:#EBEBEB; font-weight:800;}
dl.productsearch dt span{line-height:35px; min-height:35px; display:inline-block; margin:0px 20px 0px 0px; font-size:14px;}

dl.productsearch dd{ margin:0px; padding:10px;line-height:35px; min-height:35px;}
dl.productsearch dd a{line-height:30px; min-height:30px; display:inline-block; padding:0px 20px; background:#EBEBEB; margin:0px 15px; border-radius:15px;position:relative;color:#222;}
dl.productsearch dd a.on{color:#07983B;}
dl.productsearch dd a.SortSales{ padding:0px 25px 0px 15px;color:#0C3B1D;}
dl.productsearch dd a.SortPrice{ padding:0px 25px 0px 15px;color:#0C3B1D;}
dl.productsearch dd a i.iconsort-up{ position:absolute;right:10px;top:-3px; font-size:10px;}
dl.productsearch dd a i.iconsort-down{ position:absolute;right:10px;bottom:-4px; font-size:10px;}
dl.productsearch dd a.on i.iconsort-up.iconColor{color:#07983B;}
dl.productsearch dd a.on i.iconsort-down.iconColor{color:#07983B;}


.productcontent{ margin:0px auto; padding:0px;}
.productcontent article{width:23%; margin:20px 1%; background:#fff;-moz-box-shadow:0 0 12px #eee;-webkit-box-shadow:0 0 12px #eee;box-shadow:0 0 12px #eee; display:inline-block; border-radius:5px; position:relative;}
.productcontent article img{width:276px;height:276px;border-radius:5px 5px 0px 0px;}
.productcontent article font{ display:block; padding:10px 15px; text-align:left; font-size:14px;color:#666;height:22px;}
.productcontent article b{ display:block; padding:0px 15px; min-height:50px;height:50px;line-height:25px; font-size:20px; text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.productcontent article strong{ display:block; padding:10px 15px 20px 15px; font-size:20px;color:#009A3D; text-align:left;}
.productcontent article:hover{-moz-box-shadow:0 0 12px #ddd;-webkit-box-shadow:0 0 12px #ddd;box-shadow:0 0 12px #ddd;}

.productcontent article i.promotion{background:#07983B;color:#fff;font-style:normal; border-radius:5px; display:inline-block; padding:2px 5px; font-size:12px;max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.productcontent article i.iconcart{ position:absolute;right:10px;bottom:10px;color:#07983B; font-size:22px; border-radius:50%; padding:8px;}
.productcontent article i.iconcart:hover{ background:#07983B;color:#fff;}