.banner {
	width: 100%;
	height: 180px;
}

.mengban{
	width: 100%;
	height: 38px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
}
.noMatch {
	width: 100% !important;
	height: auto;
	padding: 4% 0;
	text-align: center;
}

.noMatch img {
	width: 130px  !important;
	height: auto;
}

.noMatch p {
	color: #6FD1FF;
}

.bofangBtn {
	width: 30px;
	height: auto;
	position: absolute;
	top: 44%;
	left: 45%;
}

.label {
	width: 100%;
	height: auto;
}

.label p {
	height: 35px;
	line-height: 35px;
	padding: 0 4%;
	background: #F2F2F2;
}

.label p span {
	padding: 0 2%;
	margin: 0 2%;
	border-radius: 20px;
	border: 1px solid #383838;
}


.swiper-container-h {
	width: 100%;
	height: 100%;
}

.swiper-container-h .swiper-slide {
	position: relative;
	text-align: center;
	font-size: 18px;
	background: #fff;
}

.swiper-container-h .swiper-pagination-bullet {
	background: #f6f6f6 !important;
}

.swiper-container-h .swiper-pagination-bullet-active {
	background: #FFFFFF !important;
}

.swiper-container-h .tips {
	width: 70%;
	font-size: 14px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #FFFFFF;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.info {
	width: 100%;
	height: auto;
}

.listInfo {
	padding: 15px;
	overflow: hidden;
	border-bottom: 1px solid #F2F2F2;
}

.listInfo img {
	width: 35%;
	height: 81px;
	float: left;
}

.msg {
	width: 60%;
	height: auto;
	color: #383838;
	float: left;
	line-height: 20px;
	margin-left: 5%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.timer {
	width: 60%;
	float: left;
	color: #828282;
	font-size: 12px;
	margin-left: 5%;
	margin-top: 3%;
}


/*翻页*/

.pages {
	width: 100%;
	height: auto;
	padding: 6% 0 4% 0;
	text-align: center;
	font-size: 12px;
}

.prev {
	height: 35px;
	background: #F2F2F2;
}

.next {
	height: 35px;
	color: #FFFFFF;
	background: #276BFF;
}


/*三角形*/

#triangle-up {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 8px solid #F2F2F2;
	margin-left: 76.5%;
}

@media only screen and (min-width: 300px) and (max-width: 320px) {
	#triangle-up {
		margin-left: 76.9%;
	}
	.timer {
		margin-top: 0%;
	}
}

@media only screen and (min-width: 340px) and (max-width: 360px) {
	#triangle-up {
		margin-left: 75.8%;
	}
}

@media only screen and (min-width: 400px) and (max-width: 414px) {
	#triangle-up {
		margin-left: 75.4%;
	}
}

@media only screen and (min-width: 700px) and (max-width: 768px) {
	#triangle-up {
		margin-left: 73%;
	}
	.msg {
		-webkit-line-clamp: 6;
	}
	.timer {
		margin-top: 3%;
	}
	.bofangBtn {
		position: absolute;
		left: 48%;
	}
    .listInfo img {
      height: 150px;
  	}
}

@media only screen and (min-width:1000px) and (max-width: 1024px) {
	#triangle-up {
		margin-left: 73.5%;
	}
	.msg {
		-webkit-line-clamp: 6;
	}
	.timer {
		margin-top: 3%;
	}
	.bofangBtn {
		position: absolute;
		left: 48%;
	}
   .listInfo img {
      height: 150px;
  	}
}