.main {
	background: #fefef1;
	color: #464035;
}

.title {
	padding-top: 100px;
}

.content {
	margin-top: 50px;
	padding-bottom: 50px;
}

.select {
	border: 1px solid #464035;
	padding: 10px;
}

.select select {
	width: 150px;
	background: none;
	border: none;
}

.unitye {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 30px;
}

.unitye span {
	background: white;
	padding: 5px 10px;
	border-radius: 30px;
	font-size: 14px;
}

.unitye div {
	background: #716a47;
	color: white;
	word-break: break-all;
	/* 支持较老浏览器，但可能不符合标准 */
	overflow-wrap: break-word;
	/* 符合标准的处理方式 */
	border-radius: 50%;
	line-height: 1;
	display: flex;
	align-items: center;
	width: 50px;
	height: 50px;
	margin-top: 20px;
	text-align: center;
	padding: 10px;
}

.swiper-slide-button {
	border: 1px solid #464035;
	padding: 10px 0;
	margin-top: 25px;
}

.listbox {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 每行四个网格项，每个网格项占用1/4的容器宽度 */
	gap: 55px; /* 网格项之间的间隙 */
	margin-top: 50px;
}

@media (max-width: 788px) {
	.title {
		padding-top: 60px;
	}

	.listbox {
		grid-template-columns: repeat(1, 1fr);
	}

	.select {
		width: 100%;
	}

	.select select {
		width: 80%;
	}

}