body {
	background-image: url(../image/bg2.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

#zyx .search {
	width: 93.6vw;
	margin: 3vw auto;
	height: 12vw;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;

}

#zyx .search .city_name {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	padding-left: 2.6vw;
	padding-right: 3.5vw;
	font-size: 0.7rem;
	color: #4d4d4d;
	position: relative;
	margin-right: 6vw;
}

#zyx .search .city_name .iconfont {
	color: #999;
	margin-left: 5px;
}

#zyx .search .city_name::after {
	background-color: #c9c9c9;
	width: 2px;
	height: 5vw;
	right: 0vw;
	top: 3.5vw;
	content: '';
	position: absolute;
	z-index: 1000;
}

#zyx .search .con {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#zyx .search .con .iconfont {
	color: #999;
	margin-right: 5px;

}

#zyx .search .con input {
	font-size: 0.7rem;
}

.swiper-container#banner {
	width: 93.6vw;
	margin: 0 auto;
}

.swiper-container#banner .swiper-slide img {
	width: 100%;
	height: auto;
	-moz-border-radius: 5px;
	/* Firefox */
	-webkit-border-radius: 5px;
	/* Safari 和 Chrome */
	border-radius: 5px;
	/* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.swiper-container#banner .swiper-pagination-bullet {
	background: none;
	border: 1px solid #e4f2fa;
	background-color: #e4f2fa;
	opacity: 1;
}

.swiper-container#banner .swiper-pagination-bullet-active {
	opacity: 1;
	background: #bbdcef;
	border: 1px solid #bbdcef;
}

#zyx .nav {
	margin: 0 3.2vw;
    padding-top: 5vw;
	padding-bottom: 2vw;
	
}

#zyx .nav ul {
	height: 57vw;
	width: 100%;
	align-items: flex-start;
	display: flex;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
}

#zyx .nav ul li {

	width: 21.8vw;
	height: 26.4vw;
	background-color: #fff;
	box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
	text-align: center;

}

#zyx .nav ul li a {
    flex-direction: column;
    justify-content: center;
    display: flex;
    height: 100%;
}

#zyx .nav ul li .img{
	width: 12.6vw;
	height: 12.6vw;
	margin: 0 auto;
}
#zyx .nav ul li .img img{
	width: 100%;
	height: 100%;
}
#zyx .nav ul li span{
	font-size: 0.7rem;
	color: #2f3135;
	margin-top: 10px;
}

#zyx .select {
	margin: 3vw 3.2vw;
	height: 6.4vw;
	width: 93.6vw;
	background-color: #eaf5fb;
	border-radius: 3.2vw;
	overflow: hidden;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

#zyx .select ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#zyx .select ul li{
	width: 23.4vw;
}

#zyx .select ul li a{
	font-size: 0.6rem;
	color: #3354a6;
	display: block;
	text-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	line-height: 6.4vw;
}

#zyx .select ul li.active a{
	background-color: #41c7f5;
	color: #fff;
}

#zyx .list{
	margin: 3vw 3.2vw;
	width: 93.6vw;
	padding-bottom: 40px;
}

#zyx .list ul{
	align-items: flex-start;
	display: flex;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
}

#zyx .list ul li{
	width: 44.5vw;
	height: 58.5vw;
	margin-bottom: 3.6vw;
}

#zyx .list ul li .img{
	width: 44.5vw;
	height: 44.5vw;
	border-radius: 2vw;
	overflow: hidden;
}

#zyx .list ul li .img img{
	width: 100%;
	height: auto;
	min-height: 44.5vw;
}

#zyx .list ul li .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 9.4vw;
	margin-top: 2.1vw;
}

#zyx .list ul li .title .tit{
	font-size: 0.7rem;
	color: #333;
}

#zyx .list ul li .title .price{
	font-size: 0.75rem;
	color: #ffc718;
}

#zyx .list ul li .dec{
	font-size: 0.6rem;
	color: #c5c5c5;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	height: 5.4vw;
	line-height: 5.4vw;
}