@charset "utf-8";
/* CSS Document */
/*通用*/
*{ margin:0; padding:0;}
body{ background:#fff; color:#333; font-family:'Helvetica Neue',"Helvetica Neue", Helvetica, Arial, sans-serif;}
ul{ margin:0; padding:0;}
ul li{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}


.f_out{ color:#c00;}
a.f_out{ color:#c00;}
a.f_out:hover{ color:#c00;}

.f_sub{ color:#07c;}
a.f_sub{ color:#07c;}
a.f_sub:hover{ color:#c00;}

.f_blur{ color:#999;}

.f_through{ text-decoration:line-through;}
.valign{ vertical-align:middle;}

.fl{ float:left;}
.fr{ float:right;}

.cut_txt{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.ft8{ font-size:8px;}
.ft10{ font-size:10px;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.ft22{ font-size:22px;}
.ft24{ font-size:24px;}
.ft26{ font-size:26px;}
.ft28{ font-size:28px;}

.ft_nor{ font-weight:normal;}
.ft_bold{ font-weight:bold;}

.ctn-100{ width:100%;}

.ctn-wrap{
	 /*padding:0 12px;*/
	 height: 160px;
}
.ctn-w320{ width:320px; margin:0 auto;}
.ctn-w296{ width:296px; margin:0 auto;}
.ctn-w320 .ctn-wrap{
	margin-left: 15%;
	position: relative;
	float: left;
	margin-top: -10%;
	 padding:0 12px;
	 z-index: 1000;
}
.activity{
	width: 100%;
	height: 150px;
	margin-top: 25px;
	border-top: 1px solid rgb(210,210,210);
}
.activity .list{
	width: 50%;
	height: 100%;
	float: left;
	margin-top: 1%;
	/*overflow: hidden;*/
}
/*.activity .list img{
	width: 99%;
	height: 116%;
}*/
.activity .list .title{
	display: block;
	width: 60%;
	float: right;
	text-align: right;
	position: relative;
	top: -115%;
}
.activity .list .goods{
	display: block;
	width: 80%;
	float: right;
	text-align: right;
	position: relative;
	top: -120%;
}
.mt6{ margin-top:6px;}
.mt12{ margin-top:12px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}

.text-shadow{ text-shadow:1px 1px 0 #fff;}

/*首页头部*/
.index-header{  width:100%;}
.ih-top{ height:40px; }
.ih-top-top{
	height: 25px;
	background: rgb(183,0,5);
	color: 12px;
	text-align: center;
	line-height: 25px;
	color: #fff;
}
.floor{
	width: 100%;
	/*height: 540px;*/
	/*margin-top: 25px;*/
	border-top: 1px solid rgb(224,224,224);
}
.floor .banner{
	width: 100%；
	height:200px;
	margin-top: 10px;
}
.floor .banner img{
	width: 100%;
}
.floor .list{
	width: 100%;
	height: 360px;
	margin-top: 10px;
}
.floor .list .goods{
	width: 33%;
	height: 180px;
	float: left;
}
.floor .list .goods img{
	width: 100%;
	height: 100px;
}
.floor .list .goods .title{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 20px;
	margin-top: 5px;
	text-align: center;
}
.floor .list .goods .price{
	display: block;
	text-align: center;
	color: rgb(223,5,4);
}
.float{
	width: 100%;
	height: 40px;
	float: left;
	position: fixed;
	bottom: 0px;
	background: rgb(2500,250,250);
	border:1px solid rgb(204,204,204);
}
.float .list{
	width: 25%;
	height: 50px;
	float: left;
	text-align: center;
}
.float .list .images{

	display: block;
}
.float .list img{
	margin-top: 3px;
	height: 20px;
}
.float .list a{
	line-height: 16px;
	font-size: 12px;
	color: #666;
}
.ih-header{ background:#fff; height:65px;}
.ih-logo{ padding:6px 0 0 12px;}
.ih-lan{ padding:44px 15px 0 5px; float:right;font-size: 12px;}
.ih-cart{ padding:44px 0px 0 0;font-size: 12px;color:rgb(179,0,2); }


.ih-nav{ width: 100%;height:20px; border-top:1px solid rgb(215,215,215);border-bottom:1px solid rgb(215,215,215);}
.ih-nav ul{
display: block;
width: 100%;
 padding:0 6px;
}
.ih-nav ul li{ float:left; color:rgb(175,173,174);width: 12%;
}
.ih-nav ul li a{ height:20px; line-height:20px; display:inline-block; color:rgb(175,173,174); padding:0 2px;}

/*banner*/
.indexPicMain{ width:100%; height:215px;}
.listPicMain{ width:100%;  height:215px;}
.pagPicMain{ width:100%;  margin:0 auto; text-align:center; position:relative; z-index:999; margin-top:-50px;}
.pagPicMain .swiper-pagination-switch{ width:8px; height:8px; line-height:0; border-radius:5px; font-size:0; display:inline-block; background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.5); margin:0 2px;}
.pagPicMain .swiper-active-switch{ background:rgba(204,0,0,0.8);}

/*ih-search*/
.ih-search{ width: 60%;
position: relative;
padding: 12px 0;
margin: 0 auto;
z-index: 1000;
margin-top: -40px;
}
.ih-search_txt{ opacity: 0.6;width:100%; height:20px; border:1px solid rgb(185,185,185); color:#666; border-radius:0; -webkit-appearance:none; padding:0 6px; padding-right:70px;background: rgb(204,203,202);}
.ih-search_btn{ position:absolute; right:0; top:12px;}
.ih-search_but{ opacity: 0.6;height:20px; width:65px; background:rgb(159,159,159) url(../images/ih-searchico.png) no-repeat 8px center; border:none; color:#000; padding-left:18px; line-height:20px;}
.img-wrap{
	width: 100%;
	height: 160px;
}
/*quick-group*/
.img-wrap .quick-img{
	position: relative;
	top: 0px;
	width:33%;
	height: 80px;
	float: left;
	/*margin-top: -110px;*/
}
.img-wrap .quick-img .image-radio{
	/*margin-top: -110px;*/
}
.quick-img .image-radio{
	width: 100%;
	height: 80%;
	text-align: center;
}
.quick-img .image-radio img{
	width: 80%;

}
.quick-img .cat_radio{
	display: block;
	width: 100%;
	height: 20%;
	text-align: center;
	line-height: 15%;
}
.quick-group a{ border-right:1px solid #e3e3e3; display:block; display:table-cell; width:33.333333333%; text-align:center; color:#d4142e; padding:10px 0;}
.quick-group a.nobd{ border:none;}
.quick-group a span{ background:url(../images/quick-ico.png) no-repeat center top; height:24px; width:100%; display:block;}
.quick-group a span.quick-ico1{ background-position:center 3px;}
.quick-group a span.quick-ico2{ background-position:center -27px;}
.quick-group a span.quick-ico3{ background-position:center -57px;}

/*ih-fnav*/
.ih-fnav{ height:30px; padding:0 12px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#ededed)); line-height:30px; background:-moz-linear-gradient(top,#fdfdfd,#ededed); margin-top:12px;}
.ih-fnav .f-log a{ color:#047; font-size:12px; padding-right:3px;}
.gotop{ color:#999; font-weight:bold;}
.gotop a{ height:30px; position:relative; padding-right:15px; display:inline-block; color:#999; font-size:12px;}
.gotop a b{ width:0; height:0; top:10px; right:0; position:absolute; border:4px solid transparent; border-bottom-color:#999;}

/*footer*/
.footer{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f5f5f5)); line-height:24px; background:-moz-linear-gradient(top,#e2e2e2,#f5f5f5); padding:15px 0; text-align:center; font-size:12px; color:#999;}
.footer p{ margin:0; padding:0;}
.footer a{ color:#999; padding:0 8px;}

/*=-===============category===================*/
.cat_header{ width:100%; height:40px; background:-webkit-gradient(linear, 0 0, 0 100%, from(#c00), to(#b00)); line-height:40px; background:-moz-linear-gradient(top,#c00,#a00); position:relative; text-align:center; z-index:999;}
.cat_view_header{ box-shadow:0 3px 3px rgba(0,0,0,0.4);}
.cat_logo img{ padding-top:4px;}

.cat_tit{ font-size:18px; line-height:40px; color:#fff;}

.list_search{ margin:0 60px; position:relative; padding-top:6px;}
.list_search_txt{ width:100%; height:28px; border:1px solid #fff; background:#eee; font-size:12px; border-radius:15px; outline:none; padding:0 40px 0 16px; line-height:normal; box-shadow:0 3px 3px #ccc inset;}
.list_search_txt:focus{ background:#fff;}
.list_search_btn{ background:transparent url(../images/sys-search.png) no-repeat center center; background-size:17px; width:18px; height:20px; border:none; position:absolute; right:8px; top:10px; border-left:1px solid #ccc; padding-left:30px;}


.cat_back{ position:absolute; left:14px;top:10px;}
.cat_cart{ position:absolute; right:12px; top:10px;}

/*cat_category*/
.cat_category{ padding:12px 12px 0;}
.category_m{ border:1px solid #e3e3e3; background:#fff; position:relative; margin-top:-1px;}
.category_tit{ font-size:16px; position:relative; padding:10px 16px;}
.category_tit .category_arrow{ position:absolute; right:16px; top:17px;}
.category_tit .category_arrow img{ height:10px;}

.category_list{ padding:0 12px 12px; display:none;}
.category_list ul{ border-top:1px solid #e3e3e3;}
.category_list ul li{ padding:10px 0; float:left; width:33.333333%; text-align:center; border-bottom:1px solid #eee;}
.category_list ul li a{ border-right:1px solid #eee; display:block; line-height:normal; color:#888;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.category_list ul li.nobd a{ border:none;}

.cat_category > .category_m:first-child{ border-top-left-radius:5px; border-top-right-radius:5px;}
.cat_category > .category_m:last-child{ border-bottom-left-radius:5px; border-bottom-right-radius:5px;}