/* 通用鼠标指针样式 */
a, button, input[type="submit"], input[type="button"], .head_img,
.reserve-btn, .get-code, .close, .channel-item, .nav-button, 
.news-btn-zx, .news-btn-xw, .news-btn-gg, .news-btn-gl, .more, 
.feature-button-prev, .feature-button-next, .platform-option, .tab-item,
.side-nav-handler, .header ul li, .reserve-box-btn, .section4 .news-btn-box > div,
.section4 .more, .section4 .new-box-content, .section3-category-nav .category-btn,.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: url('../images/p1/pointer.png'), pointer;
}

/* 禁用状态的鼠标指针 */
button:disabled, input[type="submit"]:disabled, input[type="button"]:disabled,
.get-code.disabled {
	cursor: not-allowed;
}

/* 文本选择区域的鼠标指针 */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea {
	cursor: text;
}

/* 第一屏 */
.section1 {
	background-image: url("../images/p1/bg1.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* 立即预约 */
@keyframes breathing {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.section1 .reserve-btn {
	position: absolute;
	bottom: 12%;
	width: 3.6rem;
	height: 1.31rem;
	background: url(../images/p1/reserve_btn.png) 100% / 100% no-repeat;
	animation: breathing 1.5s ease-in-out infinite;
}

/* 下载区域 */
.section1 .download-area {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0.5rem;
	width: 7.56rem;
	height: 1.76rem;
	background: url(../images/p1/download_area_bg.png) 100% / 100% no-repeat;
	z-index: 1;
}

.section1 .download-area .qrcode {
	display: flex;
	align-items: center;
	width: 1.68rem;
	height: 1.38rem;
	padding: 0 0 0 0.35rem;
	background: url(../images/p1/download_qrcode_bg.png) 100% / 100% no-repeat;
	box-sizing: border-box;
}

.section1 .download-area .qrcode img {
	width: 1.25rem;
	height: 1.25rem;
}

.section1 .download-area .store {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.section1 .download-area .store .btn {
	width: 2.11rem;
	height: 0.63rem;
	margin: 0 0.2rem;
	cursor: url('../images/p1/pointer.png'), pointer;
}

.section1 .download-area .store .btn.ios {
	margin-bottom: 0.1rem;
	background: url(../images/p1/download_ios_btn.png) 100% / 100% no-repeat;
}

.section1 .download-area .store .btn.android {
	background: url(../images/p1/download_android_btn.png) 100% / 100% no-repeat;
}

.section1 .download-area .third-party {
	width: 1.21rem;
	height: 1.38rem;
	cursor: url('../images/p1/pointer.png'), pointer;
}

.section1 .download-area .third-party.mumu {
	background: url(../images/p1/download_mumu_btn.png) 100% / 100% no-repeat;
}

.section1 .download-area .third-party.sd {
	background: url(../images/p1/download_sd_btn.png) 100% / 100% no-repeat;
	margin-left: 0.2rem;
}

.section1 .channel-area {
	position: absolute;
  right: 0.1rem;
  top: 1rem;
	display: flex;
	gap: 0.2rem;
	z-index: 10;
	width: 4.42rem;
	height: .65rem;
	background: url(../images/p1/channel_bg.png) 100% / 100% no-repeat;
	padding-left: 1.1rem;
}

.section1 .channel-item {
	cursor: url('../images/p1/pointer.png'), pointer;
	transition: transform 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section1 .channel-item:hover {
	transform: scale(1.1);
}

.section1 .channel-item img {
	width: 0.34rem;
	height: 0.34rem;
}

/* 渠道二维码弹窗样式 */
.section1 .channel-qrcode-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
	display: none;
}

.section1 .channel-qrcode-box {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1001;
	display: none;
	width: 3.41rem;
	height: 3.99rem;
	background: url(../images/p1/channel_qrcode_bg.png) 100% / 100% no-repeat;
}

.section1 .channel-qrcode-box .close {
	position: absolute;
	top: -0.4rem;
	right: -0.4rem;
	cursor: url('../images/p1/pointer.png'), pointer;
}

.section1 .channel-qrcode-box .close img {
	width: 0.3rem;
	height: 0.3rem;
}

.section1 .channel-qrcode-box .channel-qrcode-content {
	position: relative;
	font-size: 0.22rem;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: .82rem;
}

.section1 .channel-qrcode-box .channel-qrcode-content p {
	color: #7f5231;
	margin-bottom: 0.4rem;
}

.section1 .channel-qrcode-box .qrcode-img {
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	transform: none;
	top: auto;
	left: auto;
}

/* 第二屏 */
.section2 {
	background-image: url("../images/p2/bg2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* 立即预约 */
@keyframes breathing {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.section2 .reserve-btn {
	position: absolute;
	right: 8%;
	top: 50%;
	width: 2.21rem;
	height: 1.43rem;
	background: url("../images/p2/reserve_btn.png") 100% / 100% no-repeat;
	z-index: 2;
	animation: breathing 1.5s ease-in-out infinite;
}

@keyframes rocking {
	0% {
		transform: rotate(-3deg);
	}
	25% {
		transform: rotate(9deg);
	}
	75% {
		transform: rotate(-3deg);
	}
	100% {
		transform: rotate(6deg);
	}
}

.section2 .reserve-people{
	position: absolute;
	right: 11%;
	top: 62%;
	width: 2.91rem;
	height: 3.6rem;
	background: url("../images/p2/people.png") 100% / 100% no-repeat;
	z-index: 1;
	animation: rocking 2s ease-in-out infinite alternate;
	transform-origin: bottom center;
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.section2 .reserve-num-box {
	display: block;
	position: absolute;
	width: 7.28rem;
	height: 0.64rem;
	bottom: 10%;
	background: url("../images/p2/reserve_box.png") 100% / 100% no-repeat;
}

.section2 .reserve-num-box .reserve-num {
	width: 2.21rem;
	height: 0.6rem;
	color: #ff0000;
	font-size: 0.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 0.6rem;
	margin-left: 23%;
}
/* 第三屏 */
.section3 {
	background-image: url("../images/p3/bg3.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	position: relative;
}

.section3-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section3-swiper {
	width: 12rem;
	height: 8rem;
	position: relative;
}

.section3 .carousel-container {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

.section3 .slide-content {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	position: absolute;
	left: 25%;
}

.section3 .slide-image {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section3 .slide-description {
	width: 33%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section3 .slide-image img,
.section3 .slide-description img {
	max-width: 95%;
	max-height: 95%;
}

.section3-swiper .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section3-navigation {
	position: absolute;
	bottom: 1rem;
	left: 55%;
	transform: translateX(-50%);
	display: flex;
	gap: 1rem;
	z-index: 10;
}

.section3-navigation .nav-button {
	cursor: url('../images/p1/pointer.png'), pointer;
	width: 0.9rem;
	height: 0.9rem;
	position: relative;
	background: transparent;
}

.section3-navigation .nav-button img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s;
}

.section3-navigation .nav-button img.active {
	opacity: 0;
}

.section3-navigation .nav-button img.inactive {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.section3-navigation .nav-button.swiper-pagination-bullet-active img.active {
	opacity: 1;
}

.section3-navigation .nav-button.swiper-pagination-bullet-active img.inactive {
	opacity: 0;
}

.section3-button-prev,
.section3-button-next {
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	width: 1.22rem;
	height: 1.06rem;
	cursor: url('../images/p1/pointer.png'), pointer;
	z-index: 10;
}

.section3-button-prev {
	left: 2.5rem;
}

.section3-button-next {
	right: 2rem;
}

.section3-button-prev img,
.section3-button-next img {
	width: 100%;
	height: 100%;
}

.section3-category-nav {
	position: absolute;
	left: 3.6rem;
	top: .5rem;
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	z-index: 10;
	width: 4rem;
	height: 9rem;
	position: relative;
}

.section3-category-nav .category-btn {
	width: 0.81rem;
	height: 0.81rem;
	position: absolute;
	cursor: url('../images/p1/pointer.png'), pointer;
}

.section3-category-nav .category-btn:nth-child(1) {
	left: 1.5rem;
	top: 1.5rem;
}

.section3-category-nav .category-btn:nth-child(2) {
	left: 0.8rem;
	top: 2.7rem;
}

.section3-category-nav .category-btn:nth-child(3) {
	left: 0.5rem;
	top: 4.2rem;
}

.section3-category-nav .category-btn:nth-child(4) {
	left: 0.8rem;
	top: 5.5rem;
}

.section3-category-nav .category-btn:nth-child(5) {
	left: 1.5rem;
	top: 6.6rem;
}

.section3-category-nav .category-btn.active {
	width: 1.03rem;
	height: 1.01rem;
	z-index: 11;
}

.section3-category-nav .category-btn img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s;
}

.section3-category-nav .category-btn img.active {
	opacity: 0;
}

.section3-category-nav .category-btn.active img.normal {
	opacity: 0;
}

.section3-category-nav .category-btn.active img.active {
	opacity: 1;
}

/* 第三屏标签页效果 */
.section3-tabs {
	position: relative;
	width: 100%;
	height: 100%;
}

.section3-tab {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s, visibility 0.5s;
	display: flex;
	align-items: center;
}

.section3-tab.active {
	opacity: 1;
	visibility: visible;
}

/* 第四屏 */
.section4 {
	background-image: url("../images/p4/bg4.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.section4 .new-box {
	width: 15.12rem;
	height: 7.5rem;
	background: url("../images/p4/new-bg.png") 100%/ 100% no-repeat;
	position: relative;
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateY(100%);
}

.section4 .new-box.show {
	animation: slideUp 0.8s ease-out forwards;
}

.section4 .new-box-top {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 1.1rem 2.8rem 1rem 2.6rem;
}

.section4 .new-box-img {
	width: 100%;
	height: 2.2rem;
	margin-bottom: 0.3rem;
	border-radius: 0.2rem;
	position: relative;
}

.section4 .new-box-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section4 .news-swiper {
	width: 100%;
	height: 100%;
}

.section4 .news-swiper .swiper-slide {
	width: 100%;
	height: 100%;
}

.section4 .news-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.section4 .news-pagination {
	position: absolute;
	bottom: -0.4rem;
	width: 100%;
	text-align: right;
	z-index: 50;
}

.section4 .news-pagination .swiper-pagination-bullet {
	width: .5rem;
	height: 0.1rem;
	display: inline-block;
	border-radius: .2rem;
	background: #478687;
	margin: 0 0.08rem;
	opacity: 0.8;
}

.section4 .news-pagination .swiper-pagination-bullet-active {

  background: #fad740;
	opacity: 1;
}

.section4 .new-box-detail {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem;
	height: 2.6rem;
}

.section4 .new-box-content {
	width: calc(50% - 0.1rem);
	height: calc(50% - 0.1rem);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	cursor: url('../images/p1/pointer.png'), pointer;
	padding: 0.15rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.1rem;
	transition: background-color 0.3s;
}

.section4 .new-box-content:hover {
	background-color: rgba(255, 255, 255, 0.3);
}

.section4 .new-box-time {
	color: #937653;
	font-size: 0.18rem;
	margin-bottom: 0.1rem;
	border-bottom:1px solid #000
}

.section4 .new-box-title {
	color: #333;
	font-size: 0.18rem;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	height:1rem;
}

.section4 .new-box-text {
	color:#555;
  font-size: .16rem;
  line-height: .25rem;
}
.section4 .new-box-text p {
	margin:.1rem 0;
}
.section4 .new-box-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2.7rem;
	position: relative;
	top: -.76rem;
}

.section4 .news-btn-box {
	display: flex;
	gap: 0.3rem;
}

.section4 .news-btn-zx,
.section4 .news-btn-xw,
.section4 .news-btn-gg,
.section4 .news-btn-gl {
	width: 1.02rem;
	height: 0.57rem;
	cursor: url('../images/p1/pointer.png'), pointer;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: transform 0.2s;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.section4 .news-btn-zx:hover,
.section4 .news-btn-xw:hover,
.section4 .news-btn-gg:hover,
.section4 .news-btn-gl:hover {
	transform: scale(1.05);
}

.section4 .news-btn-zx {
	background-image: url("../images/p4/zx.png");
}

.section4 .news-btn-xw {
	background-image: url("../images/p4/xw.png");
}

.section4 .news-btn-gg {
	background-image: url("../images/p4/gg.png");
}

.section4 .news-btn-gl {
	background-image: url("../images/p4/gl.png");
}

.section4 .news-btn-zx.active,
.section4 .news-btn-xw.active,
.section4 .news-btn-gg.active,
.section4 .news-btn-gl.active {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

.section4 .new-box .more {
	position: absolute;
	width: 1.61rem;
	height: 0.57rem;
	background: url("../images/p4/more.png") 100%/ 100% no-repeat;
	right: 3rem;
	cursor: url('../images/p1/pointer.png'), pointer;
	transition: transform 0.2s;
}

.section4 .new-box .more:hover {
	transform: scale(1.05);
}

/* 第五屏 */
.section5 {
	background-image: url("../images/p5/bg5.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section5-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1rem 0;
}

.feature-carousel {
	width: 100%;
	position: relative;
	padding: 0 3.92rem;
	box-sizing: border-box;
	overflow: hidden;
}

.feature-swiper {
	width: 100%;
	height: 7rem;
	position: relative;
	padding: 1rem 0;
	overflow: hidden;
}

.feature-swiper .swiper-slide {
	width: 40%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	position: relative;
}

/* .feature-swiper .swiper-slide:after {
	content: '';
	position: absolute;
	top: 0.05rem;
	left: -2.5rem;
	width: 8.8rem;
	height: 4.92rem;
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.5) 0%,
		rgba(0, 0, 0, 0.5) 30%,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.5) 70%,
		rgba(0, 0, 0, 0.5) 100%
	);
	pointer-events: none;
	z-index: 10;
} */

.feature-swiper .swiper-slide-active {
	opacity: 1;
	transform: scale(1.05); /* 轻微放大突出 */
	z-index: 5;
}

.feature-swiper .swiper-slide-active:after {
	display: none; /* 移除活动幻灯片的遮罩层 */
}
.feature-swiper .swiper-slide img {
	width: 8.59rem;
	height: 4.88rem;
	position: relative;
	z-index: 2;
	background: url("../images/p5/mini-box.png") no-repeat center center;
	background-size: 100% 100%;
	padding: 0.1rem;
	filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3)); /* 增强光感 */
}
.feature-swiper .swiper-slide.swiper-slide-active img {
	width: 8.59rem;
	height: 4.88rem;
	position: relative;
	z-index: 2;
	background: url("../images/p5/box.png") no-repeat center center;
	background-size: 100% 100%;
	padding: 0.1rem;
	filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3)); /* 增强光感 */
}

.feature-button-prev, 
.feature-button-next {
	position: absolute;
	top: 46%;
	transform: translateY(-50%);
	width: 0.81rem;
	height: .71rem;
	cursor: url('../images/p1/pointer.png'), pointer;
	z-index: 10;
}

.feature-button-prev {
	left: 3%;
}

.feature-button-next {
	right: 3%;
}



.feature-button-prev img,
.feature-button-next img {
	width: 100%;
	height: 100%;
}

.featurePage {
	position: absolute;
	bottom: 0.5rem;
	width: 100%;
	text-align: center;
	z-index: 10;
}

.featurePage .swiper-pagination-bullet {
	width: 0.26rem;
	height: 0.26rem;
	display: inline-block;
	margin: 0 0.1rem;
	background: url("../images/p5/un-select.png") no-repeat center center;
	background-size: contain;
	opacity: 1;
}

.featurePage .swiper-pagination-bullet-active {
	background: url("../images/p5/select.png") no-repeat center center;
	background-size: contain;
}
/* 第六屏 */
.section6 {
	width: 100%;
	height: auto;
	position: relative;
}


