.cont-list{border-bottom: 1px solid #e6e6e6;padding:4% 2% 2%;}
.cont-list:last-child{border-bottom: none}

/*i-header*/
.i-header{position: relative;width: 100%;}
.i-header .index_bg{width: 100%;display: block;}
.i-header .header-cont{position: absolute;width:94%;left:50%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.i-header .header-cont h1{color: #fff;text-align: center;font-size: 1.6rem;margin-bottom:2%}
.i-header .header-cont h1 .city{color: #fff;font-size: 1.4rem;padding-left: 6px;}
.i-header .header-cont h1 .icon{display: inline-block;width: 20px;height:24px;vertical-align:-7px;background-size: 400px auto;}
/*nav*/
.nav{margin-bottom: 10px;padding: 10px 0}
.nav li{width:25%;float: left;padding: 7px 0}
.nav li a{text-align: center;}
.nav li i{display:block;width:70px;height:70px;background-color: pink;margin:0 auto;background: url(nav.png) no-repeat;background-size: 286px auto;}
.nav li .nav-icon-01{}
.nav li .nav-icon-02{background-position: -72px 0}
.nav li .nav-icon-03{background-position: -144px 0}
.nav li .nav-icon-04{background-position: -216px 0}
.nav li .nav-icon-05{background-position: 0px -72px}
.nav li .nav-icon-06{background-position: -72px -72px}
.nav li .nav-icon-07{background-position: -144px -72px}
.nav li .nav-icon-08{background-position: -216px -72px}
.nav li p{font-size: 1.4rem;padding-top:5px;}
/*loupan*/
.title{margin-bottom: 2%;}
.title .tit-name{color: #555b5f;font-size: 1.4rem;}
.title .tit-name .icon{display:inline-block;height: 25px;width: 22px;background-position: -22px 0;vertical-align:-7px;background-size: 400px auto;margin-right:6px;}
.cont-list-02 .title .tit-name .icon{background-position: -49px 0;width: 23px;}
.cont-list-03 .title .tit-name .icon{background-position: -73px 0;width: 24px;}
.cont-list-04 .title .tit-name .icon{background-position: -98px 0;width: 26px;}
.cont-list-05 .title .tit-name .icon{background-position: -124px 0;width: 24px;}
.cont-list-06 .title .tit-name .icon{background-position: -150px 0;width: 22px;}
.title .tit-more{color: #555b5f;font-size: 1.2rem;}
.loupan{margin-left: -2%;}
.loupan li{width: 48%;float: left;margin-left: 2%;padding: 1% 0;overflow: hidden;}
.loupan li .lp-picture{width: 100%}
.loupan li .lp-name{color: #131517;font-size: 1.4rem;padding-top: 1%}
.loupan li .lp-price{color: #949ba1;font-size: 1.2rem;height: 1.8rem;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.loupan li .lp-price .red{color: #f35a5a}
/*brand*/
.brand{margin-left: -2%}
.brand a{width: 31.33%;display: block;float: left;margin:1% 0 1% 2%;}
.brand a:first-child{display: none;}
.brand a:first-child img{width: 108%;margin-left: -4%}
.brand a span{border:1px solid #d8d8d8;display: block;border-radius: 6px;overflow: hidden;}
.brand a img{width: 100%;border-radius: 6px;}
/*brand end*/
.list{
	width: 100%;
	position: absolute;
	z-index: 100;
	background-color: #FFF;
	margin-top: 50px;
	height: 100%;
}
.list a{
	width: 100%;
	float: left;
	line-height: 40px;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 16px;
	color: #999;
}