.object-fit-cover {
	object-fit: cover;
}

.play-banner {
	height: 288px !important;
	border-radius: .75rem;
	overflow: hidden;
}

.register-text {
	position: absolute;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 6rem;
	text-align: center;
	top: 50%;
	left: 50%;
	font-size: .75rem;
	border-radius: 40px;
	transform: translate(-50%, -50%);
}

.banner {
	height: 18rem;
}

@media (min-width:768px) {
	.pt-8 {
		padding-bottom: 1rem
	}

	.pb-8 {
		padding-bottom: 1rem
	}

	.register-text {
		position: absolute;
		height: 4.25rem;
		line-height: 4.25rem;
		width: 20rem;
		text-align: center;
		top: 50%;
		left: 50%;
		font-size: 1.75rem;
		border-radius: 40px;
		transform: translate(-50%, -50%);
	}

	.md\:banner {
		height: 31.25rem;
	}
}


.title-line {
	position: absolute;
	bottom: -1rem;
	background: #0089a8;
	height: 0.375rem;
	width: 5rem;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 10px;
}

.souvenir {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-bottom: 0.0625rem solid #e5e7eb;
}

.price {
	position: relative;
}

.price span {
	position: relative;
	display: inline-block;
	color: #FF0000;
}

.price span::before {
	content: "￥";
	font-size: 1rem;
}

.swiper-pagination-bullet-active {
	background: #0089a8 !important;
	width: 20px !important;
	border-radius: 4px !important;
}

.swiper-pagination-bullet {
	margin-right: 1rem;
}

.slider {
	position: relative;
	white-space: nowrap;
	width: 100%;
	/* 双倍宽度 + 间距 */
	animation: slide 10s linear infinite;

}

.hdbanner {
	display: inline-block;
	height: 16rem;
	margin-right: 1rem;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;

}

.hdbannerimg {
	transition: transform 0.5s ease;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	object-fit: cover;

}

.textmodel {
	font-size: 1rem;
	left: 0;
	bottom: 0;
	width: 100%;
	/* height: 30%; */
	box-sizing: border-box;
	padding: 1rem;
	flex-direction: column;
	font-weight: 500;
	justify-content: flex-end;
	align-items: left;
	text-shadow: 0 0 5px rgb(0 0 0 / 21%);
	background-image: linear-gradient(180deg, transparent, rgb(0 0 0 / 46%) 50%);
}

.swiper-container {
	width: 100%;
	margin: 20px auto 0px;
}

.swiper-slide {
	text-align: center;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-border {
	padding: .5rem;
	/* border: 1px solid #cccccc; */
	border-radius: 1rem;
}

.swiper-img {
	max-width: 100%;
	/* 防止超出 */
	max-height: 100%;
	border-radius: 1rem;
}

.swiper-button-next,
.swiper-button-prev {
	top: 50% !important
}

.swiper-button-next,
.swiper-button-prev {
	top: 55% !important
}

.aspect-ratio11 {
	aspect-ratio: 5 / 3 !important;
}

.w-90 {
	width: 90% !important
}

.title-line {
	position: absolute;
	bottom: -0.5rem;
	background: #0089a8;
	height: 0.375rem;
	width: 5rem;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 10px;
}

@media (min-width:768px) {
	.md\:aspect-ratio52 {
		aspect-ratio: 5 / 2 !important
	}

	.md\:w-70 {
		width: 70% !important
	}

	.md\:title-line {
		position: absolute;
		bottom: -1rem;
		background: #0089a8;
		height: 0.375rem;
		width: 5rem;
		left: 50%;
		transform: translate(-50%, 0%);
		border-radius: 10px;
	}
}

/* @keyframes slide {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-50%);
		}
	} */