@charset "utf-8";
@import "style/font.css";
.shop_tag{ position:absolute; height:20px; line-height:20px; padding:0 5px; z-index:10; color:#fff; background:#f30;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.shop_tag:before{ content:"11.11";}

.shop_collection{ position:relative}
.shop_collection img{ float:left; margin-right:10px; width:100px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.shop_collection p.act{ padding:4px 0 4px 0}
.shop_collection p.act span{ -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; display:inline-block; height:18px; line-height:18px; padding:0 5px; font-size:12px; margin-right:10px;}
.shop_collection p.act span.groupbuy{ background:#33cc33}
.shop_collection p.act span.vipbuy{ background:#EB6B6F}

.shop_collection p.info{ line-height:24px;}
.shop_collection p.info span.s20{ color:#F30}
.shop_collection p.info span.s16{ color:#ccc; padding-left:10px; text-decoration:line-through}
.shop_collection p.info em{ font-style:normal;}
.shop_collection h4{ line-height:20px; max-height:40px; overflow:hidden; padding-top:3px;}

.shop_collectionlist div:last-child { border-bottom:0px; }


/**/
.goodslist{ }
.goodsitem{ float:left; width:50%;}
.goodsitem a{ padding:10px 10px 0 10px;display:block}
.goodsitem a img{ width:100%; display:block; margin:0 auto}
.goodsitem a div{ }
.goodsitem a div p.act{ padding:3px 0 2px 0}
.goodsitem a div p.act span{ -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; display:inline-block; height:18px; line-height:18px; padding:0 5px; font-size:12px; margin-right:10px;}
.goodsitem a div p.act span.groupbuy{ background:#33cc33}
.goodsitem a div p.act span.vipbuy{ background:#EB6B6F}

.goodsitem a div p.info{ line-height:24px; padding-bottom:10px;}
.goodsitem a div p.info span{ color:#c00;}
.goodsitem a div p.info em{ font-style:normal;}
.goodsitem a div h4{ line-height:24px; max-height:48px; min-height:48px; overflow:hidden; padding-top:6px;}
.goodsitem a div p.act +h4{ max-height:24px; min-height:24px; padding-top:0px;}

/**/
.shop_groupbuy_diy_1{ background:#f9f5ea; }
.shop_groupbuy_diy_1 div{ padding:10px;}
.shop_groupbuy_diy_1 img { float:right; width:150px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.shop_groupbuy_diy_1 h4{ padding-top:10px; font-size:17px;}
.shop_groupbuy_diy_1 p.price{ color:#c00}

.shop_groupbuy_diy_2{ padding:0 5px;}
.shop_groupbuy_diy_2 li{ float:left; width:50%;}
.shop_groupbuy_diy_2 li a{ display:block; background:#f6f6f6; margin:0 5px 10px 5px}
.shop_groupbuy_diy_2 li div.flexbox{ padding:0 10px;}
.shop_groupbuy_diy_2 li h4{ height:40px; line-height:40px; padding:0 10px;}
.shop_groupbuy_diy_2 li img{ width:100px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.shop_groupbuy_diy_2 li span.flex{ color:#c00; font-size:14px;}
.shop_groupbuy_diys p.count_text{ padding:5px 0}
.shop_groupbuy_diys p.count{ padding:0 10px 5px 10px; font-size:13px;}
.shop_groupbuy_diys p.count span{ float:right; color:#c00}
.shop_groupbuy_diys p.per{ display:block; width:100%; background:#ddd; height:4px;}
.shop_groupbuy_diys p.per:before{ content:""}
.shop_groupbuy_diys p.per span{ display:block; background:#c00; height:4px;}

.shop_groupbuy_diy_3{ padding:10px; border-bottom:1px solid #eee;}
.shop_groupbuy_diy_3 img{ width:100px; height:100px; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; margin-right:10px;}
.shop_groupbuy_diy_3 h4{ font-size:16px; line-height:20px; max-height:40px; overflow:hidden; margin:4px 0;}
.shop_groupbuy_diy_3 p.price{ color:#f30; height:24px;}
.shop_groupbuy_diy_3 p.price span{ float:right; border:1px solid #f00; display:inline-block; padding:0 10px; height:20px; margin-top:1px; -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; line-height:20px; font-size:14px}
.shop_groupbuy_diy_3 .inc { padding-top:2px; line-height:20px;}
.shop_groupbuy_diy_3 .c2{ text-decoration:line-through}
.shop_groupbuy_diy_3 .in{ text-align:right; font-size:13px; color:#999}
.shop_groupbuy_diy_3 span.per{ display:inline-block; width:80px; background:#ddd; height:6px; margin-left:10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.shop_groupbuy_diy_3 span.per:before{ content:""}
.shop_groupbuy_diy_3 span.per em{ display:block; background:#f30; height:6px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}

/**/
.shop_goods_diys p.act{ position:absolute;  font-size:10px;}
.shop_goods_diys p.act span{color:#fff; padding:0 6px; height:16px; text-align:center; line-height:16px; display:inline-block; margin-right:3px;}
.shop_goods_diys p.act span.groupbuy{ background:#8abc69}
.shop_goods_diys p.act span.vipbuy{ background:#d15d5d}

.shop_goods_diy_1{ padding:5px;}
.shop_goods_diy_1 li{ float:left; width:33.33%;box-sizing:border-box; border-top:1px solid #f6f6f6; border-right:1px solid #f6f6f6;}
.shop_goods_diy_1 a{ display:block; padding:10px;}
.shop_goods_diy_1 a div{ padding:10px; background:#f6f6f6; position:relative}


.shop_goods_diy_1 a img{ width:100%; display:block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.shop_goods_diy_1 li h4{ font-size:15px; line-height:18px; height:36px; overflow:hidden; margin:10px 0 5px 0; color:#444}
.shop_goods_diy_1 li p.price{ color:#c00; font-size:16px;}
.shop_goods_diy_1 li.nt{ border-top:0px;}
.shop_goods_diy_1 li.nr{ border-right:0px;}
.shop_goods_diy_1 p.act{ left:0px;bottom:0px; }


.shop_goods_diy_4 { height: 195px;}
.shop_goods_diy_4 .scrollx_area { padding-top: 10px;height: 195px;}
.shop_goods_diy_4 .scrollx_area .c { padding: 0 10px;}
.shop_goods_diy_4 li { display: inline-block;width: 130px; white-space: normal;padding:0 2.5px;}
.shop_goods_diy_4 li img { width: 130px;display: block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.shop_goods_diy_4 li h4 { line-height: 18px;height: 36px;overflow: hidden;font-size: 0.875rem;margin-top:5px;}
.shop_goods_diy_4 li p { height: 28px;line-height: 28px;color:#C00; text-align:center}

.shop_top3{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(#c09e61), to(rgba(234, 224, 208, 0.5)));}
.shop_top3 h3{ padding:0 10px; height:50px; line-height:50px; color:#fff; font-size:1.0625rem;}
.shop_top3 ul{ padding:0 5px}
.shop_top3 ul li{ float:left; width:33.33%;}
.shop_top3 ul li a{ display:block; background:#fff; margin:0 5px 10px 5px;	-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;;border-radius: 5px 5px 0 0;}
.shop_top3 ul li img{ width:100%; display:block;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;;border-radius: 5px 5px 0 0;}
.shop_top3 ul li div{ font-size:12px; padding:5px; height:32px; background:#f6f6f6;border-top:1px solid #eee}
.shop_top3 ul li div p{ height:16px; line-height:16px; overflow:hidden}
.shop_top3 ul li div span{ color:#f60;}