.merchant-main{
	flex: auto;
	margin-top: -66px;
	padding-bottom: 80px;
	z-index: 2
}
.banner{
	border-radius: 16px;
	background: #fafcff;
	overflow: hidden
}
.banner .banner-pic{
	width: 100%;
	height: 200px
}
.filters{
	display: flex;
	gap: 15px;
	margin-top: 30px;
	overflow: hidden
}
.filters .number{
	width: 65px;
	height: 56px;
	flex: none;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #f8f8f8;
	cursor: pointer
}
.filters .number.active, .filters .number:hover{
	color: #338df0;
	text-decoration: underline
}
.filters .letter{
	position: relative;
	flex: 1;
	padding: 0 50px;
	border-radius: 12px;
	background: #f8f8f8;
	overflow: hidden
}
.filters .letter .filter-swiper{
	width: 100%
}
.filters .letter .filter-swiper .swiper-slide{
	width: auto!important
}
.filters .letter .text{
	height: 56px;
	line-height: 56px;
	padding: 0 20px;
	cursor: pointer
}
.filters .letter .text.active, .filters .letter .text:hover{
	color: #338df0;
	text-decoration: underline
}
.filters .letter .swiper-button-next{
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	border-radius: 50%;
	background: url(../images/arrow.png) no-repeat center/cover;
	cursor: pointer;
	z-index: 2
}
.filters .letter .swiper-button-prev{
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	border-radius: 50%;
	background: url(../images/arrows.png) no-repeat center/cover;
	cursor: pointer;
	z-index: 2
}
.list .item{
	margin-top: 30px
}
.list .item .name{
	font-size: 18px;
	font-weight: 700
}
.list .item .tags{
	display: flex;
	flex-wrap: wrap;
	padding-top: 4px;
	column-gap: 12px
}
.list .item .tags .tag{
	margin-top: 10px;
  	width: calc(25% - 9px);
  	font-size: 14px;
  	display: block;
  	padding: 12.5px 20px;
  	border-radius: 8px;
  	background: #fff;
  	box-sizing: border-box;
  	border: 1px solid #4d9ffe;
  	cursor: pointer;
  	overflow: hidden;
  	overflow-wrap: normal;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.list .item .tags .tag.active, .list .item .tags .tag:hover{
	color: #338df0;
	text-decoration: underline
}
@media screen and (max-width: 920px){
	.list .item .tags .tag{width: calc(33.3333% - 8px);}	
}
@media screen and (max-width: 620px){
	.list .item .tags .tag{width: calc(50% - 7px);}	
}