/*********************************************************
	Swiper (SLIDE - 02) - CONTENT
*********************************************************/ 
.info_01 {
	color: #587daa;
	font-size: 1.05rem;
}

.mp-scrollMain {
	margin-top: 10.5em;
}

.btn-menpaistory {
	background: url('../img/s_02/01/button_l.webp');
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 320px;
	height: 40px;
}

.menpaiJianJie_ContentTitle {
	max-width: 280px;
	height: 68px;
}

.menpaiJianJie_PowerDiagram {
	width: auto;
}

.menpaiContent {
	color: #587daa;
	max-height:50vh;
	padding-left: 4rem;
	padding-right: 4rem;
}

.menpaiContent .mpContentTitle {
	font-weight: 600;
	font-size: 1.05rem;
}

.menpaiContent .mpContents {
	font-size: 0.95rem;
}

/****************  Modal ****************/
/* 弹出窗口动画效果 */
#menpaiModal {
    transition: opacity 0.3s ease;
}

#menpaiModal.hidden {
    opacity: 0;
    pointer-events: none;
}

#menpaiModal:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}

/* 弹出窗口内容动画 */
#menpaiModal > div {
    transition: transform 0.3s ease;
}

#menpaiModal.hidden > div {
    transform: scale(0.95);
}

#menpaiModal:not(.hidden) > div {
    transform: scale(1);
}

/* 滚动条样式 */
.menpaiContent::-webkit-scrollbar {
    width: 8px;
}

.menpaiContent::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.menpaiContent::-webkit-scrollbar-thumb {
    background: rgba(88, 125, 170, 0.6);
    border-radius: 4px;
}

.menpaiContent::-webkit-scrollbar-thumb:hover {
    background: rgba(88, 125, 170, 0.8);
}

.btn-menpaiModalClose,
.btn-changjingModalClose {
	background: url('../img/s_02/01/close.webp');
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

@media(max-width: 1600px){	
	.menpaiContent {
		max-height: 80vh;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	.menpaiContent .mpContentTitle {
		font-weight: 600;
		font-size: 1rem;
	}

	.menpaiContent .mpContents {
		font-size: 0.85rem;
	}
	
	.mp-scrollMain {
		margin-top: 3.5rem;
	}
	
	.info_01 {		
		font-size: 0.7rem;
	}
	
	.btn-menpaistory {
		max-width: 250px;
		height: 40px;
	}
	
	.main_Title {
		max-width: 325px;
	}
	
	.menpaiJianJie_ContentTitle {
		max-width: 120px;
		height: 38px;
	}

	.menpaiJianJie_PowerDiagram {
		width: 150px;
	}
}

@media(max-width: 768px){	
	.menpaiContent {
		max-height: 18vh;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	.mp-scrollMain {
		margin-top: 2rem;
	}
	
	.menpaiContent .mpContentTitle {
		font-weight: 600;
		font-size: 0.85rem;
	}
	
	.menpaiContent .mpContents {
		font-size: 0.7rem;
	}
}



/*********************************************************
	Swiper (SLIDE - 02) - CONTENT [MenPaiJiNeng]
*********************************************************/ 
.btn-menpaiJiNeng {
	background: url('../img/s_02/02/page2_btnTab.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
}

.btn-menpaiJiNeng:hover,
.btn-menpaiJiNeng:focus,
.btn-menpaiJiNeng.active {
	background: url('../img/s_02/02/page2_btnTab_Hover.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	color: #fbebb3;
	text-shadow: 2px_2px_2px_#69aad7;
}

.menpaiJiNeng_title {
	font-size: 0.85rem;
}

.powerIcon {
	width: 45px;
	height: 45px;
}

.p2_tabContent {
	color: #587daa;
}

.p2_tabContent .p2_tabContentTitle {
	font-size: 1rem;
}

.p2_tabContent span {
	font-size: 0.85rem;
	text-align: justify;
}

.btn-play {
	width: 80px;
	height: 80px;
	animation: heartbeat 2.5s ease-in-out infinite;
	transform-origin: center;
}

@keyframes heartbeat {
	0% {
		transform: scale(1);
	}
	14% {
		transform: scale(1.15);
	}
	28% {
		transform: scale(1);
	}
	42% {
		transform: scale(1.15);
	}
	70% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}

/****************  Modal ****************/
#videoModal {
	display: flex;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

#videoModal.active {
	opacity: 1;
	pointer-events: auto;
}

body.modal-open {
	overflow: hidden;
}

@media(max-width: 768px) {
	.p2_tabContent .p2_tabContentTitle {
		font-size: 0.85rem;
	}

	.p2_tabContent span {
		font-size: 0.7rem;
		text-align: justify;
	}
}



/*********************************************************
	Swiper (SLIDE - 02C) - CONTENT [MenPaiWaiGuan]
*********************************************************/
.main-mpwg-container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.tabs-mpwg-container {
	margin-bottom: 40px;
}

.tabs-mpwg-header {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-bottom: 30px;
}

.tab-button {
	background: url('../img/s_02/02c/icon/btn_menu_normal.webp');
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	width: 300px;
	height: 60px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fbebb3;
	text-shadow: 2px 2px 2px #81acc8;
}

.tab-button:hover,
.tab-button.active {
	background: url('../img/s_02/02c/icon/btn_menu_active.webp');
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-3px);
	cursor: pointer;
	width: 300px;
	height: 60px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #b87414;
	text-shadow: 2px 2px 2px #81acc8;
}

/* Carousel Content */
.carousel-container {
	position: relative;
	width: 100%;
    height: 60%;
	margin-bottom: 30px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	/*padding: 30px;*/
}

.carousel-track {
	display: flex;
    height: 100%;
    transition: transform 0.5s ease;
    gap: 30px;  /* 增加间距 */
    padding: 0 8%;  /* 调整边距 */
    box-sizing: border-box;
    align-items: center;  /* 垂直居中 */
}

.carousel-slide {
    flex: 0 0 33.33%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.35s;
}

.card {
    overflow: hidden;
    transition: all 0.35s;
}

.card img {
	width: 100%;
    height: 400px;  /* 改为100%，铺满整个卡片 */
    object-fit: cover;  /* 保持比例，裁剪填充 */
    display: block;
}

.carousel-slide.center .card {
    transform: scale(1.0 );  /* 稍微再放大一点 */
    z-index: 10;  /* 保证在最上层 */
}

.carousel-slide:not(.center) .card {
    transform: scale(0.9);
    opacity: 0.7;
}


/* Navigation Button [next/prev] */
.carousel-nav {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 200;
    pointer-events: none;
    display: flex;
	justify-content: space-between;
}

.nav-btn {
	cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24px;           
    transition: all 0.3s ease;
    pointer-events: all;
}

.nav-btn.tab-mpwg-3prev {
	background: url('../img/s_02/02c/icon/btn_prev.webp');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 70px;
	cursor: pointer !important;
}
        
.nav-btn.tab-mpwg-3next {
	background: url('../img/s_02/02c/icon/btn_next.webp');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 70px;
	cursor: pointer !important;
}

@media (min-width: 992px) {
    .carousel-slide {
        flex: 0 0 33.33%;
    }
    
    .carousel-slide.center .card {
        transform: scale(1.0);
        z-index: 100;
    }
    
    .carousel-slide:not(.center) .card {
        transform: scale(0.85);
        opacity: 0.6;
    }
}

@media (max-width: 991px){
	 .carousel-track {
        padding: 0 5%;
        gap: 0;
        transition: transform 0.3s ease;
    }
    
    .carousel-slide {
        flex: 0 0 100%;  
        padding: 0 10px; 
    }
    
    .card {
        width: 100%;
        height: 100%;
    }
    
    .card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .carousel-slide.center .card {
        transform: scale(1);
        opacity: 1;
    }
    
    .carousel-slide:not(.center) {
        opacity: 0;  /* 完全隐藏 */
        pointer-events: none;
    }
}

@media (max-width: 576px) {
    .carousel-container {
        height: 50%;
    }
    
    .carousel-slide {
        padding: 0 5px;
    }
}


/*********************************************************
	Swiper (SLIDE - 02D) - CONTENT [MenPaiWuDao]
*********************************************************/
.content-mpwd-container {
	font-size: 0.85rem;
	color: #587daa;
}

.content-mpwd {
	height: 92vh;
}

.charDeco {
	transform-origin: center;
	animation: rotate-deco 20s linear infinite;
}

@keyframes rotate-deco {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform:  rotate(360deg);
	}
}

.info6Title {
	font-size: 1.2rem;
}

.infoMainTitle {
	position: relative;
}

.infoMainTitle::before,
.infoMainTitle::after {
	content: "";
	display: inline-block;
	background: url('../img/s_02/02d/jn_line.webp');
	background-repeat: no-repeat;
	background-size: contain;
	width: 352px;
	height: 5px;
}

.info6subTitle {
	font-size: 1rem;
	font-weight: 700;
}

.btn-Info {
	background-repeat: no-repeat;
	background-size: contain;
	width: 186px;
	height: 53px;
	cursor: pointer;
}

.btnInfo1-01,
.btnInfo1-02 {
	background: url('../img/s_02/02d/btn-bg.webp');
	color: #fbebb3;
	text-shadow: 2px 2px 2px #5ba0d3;
	font-weight: 600;
	font-size: 1rem;
}

.btnInfo1-01.active,
.btnInfo1-02.active {
	background: url('../img/s_02/02d/btn-bg-active.webp');
	color: #b87414;
	text-shadow: none;
	font-weight: 800;
	font-size: 1rem;
}

.subContent {
	margin-left: 1.5rem;
}

.infoContentTitle {
	font-weight: 700;
	font-size: 0.85rem;
}

.infoContents {
	font-size: 0.75rem;
}

.infoSubContent {
	font-size: 0.72rem;
}

.fade-in-right {
	animation: fadeInRight 0.6s ease-out forwards;
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translateX(40px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@media (max-width: 768px) {
	.content-mpwd {
		height: 72vh;
	}
	
	.subContent {
		margin-top: 16rem;
		margin-left: 0rem;
	}
}


/*********************************************************
	Swiper (SLIDE - 02) - CONTENT [TianChiManTuo]
*********************************************************/ 
.main-tcmt-container {
	font-size: 0.85rem;
	color: #587daa;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.taba-tcmt-container {
	margin-bottom: 40px;
}

.tabs-tcmt-header {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-bottom: 30px;
}

.tab-tcmt {
	background: url('../img/s_02/02f/icon/btn_menu_normal.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 300px;
	height: 60px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fbebb3;
	text-shadow: 2px 2px 2px #81acc8;
	display: flex;
    justify-content: center;
    align-items: center;
}

.tab-tcmt:hover,
.tab-tcmt.active {
	background: url('../img/s_02/02f/icon/btn_menu_active.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 300px;
	height: 60px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #b87414;
	text-shadow: 2px 2px 2px #81acc8;
}

/* Carousel Content */
.carousel-container {
	position: relative;
	width: 100%;
    height: 60%;
	margin-bottom: 30px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	/*padding: 30px;*/
}

.carousel-track-2 {
	display: flex;
    height: 100%;
    transition: transform 0.5s ease;
    gap: 30px;  /* 增加间距 */
    padding: 0 8%;  /* 调整边距 */
    box-sizing: border-box;
	justify-content: center;
    align-items: center;  /* 垂直居中 */
}

.carousel-slide2 {
    flex: 0 0 33.33%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.35s;
}

.card {
    overflow: hidden;
    transition: all 0.35s;
}

.card img {
	width: 100%;
    height: 400px;  /* 改为100%，铺满整个卡片 */
    object-fit: contain;  /* 保持比例，裁剪填充 */
    display: block;
}

.gilded-img-1 {
	width: 100%;
    height: 200px !important;  /* 改为100%，铺满整个卡片 */
    object-fit: contain;  /* 保持比例，裁剪填充 */
    display: block;
}

.caption {
	flex: 1;
    padding: 20px 25px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.slide01-title {
	position: absolute;
    top: 0;
	transform: translate(131%, 140%);
	color: #43739c;
	font-size: 1rem;
	font-weight: 600;
}

.slide01-desc {
	line-height: 1.3;
    margin: 0;
    width: 16%;
    text-align: justify;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 121px;
    position: absolute;
    top: 50%;
    transform: translate(13%, 36%);
	font-size: 0.81rem;
}

.slide02-title01 {
	position: absolute;
    top: 0;
	transform: translate(83%, 90%);
	color: #43739c;
	font-size: 1rem;
	font-weight: 600;
}

.slide02-title02 {
	position: absolute;
    top: 0;
	transform: translate(83%, 1170%);
	color: #43739c;
	font-size: 1rem;
	font-weight: 600;
}

.desc-gilded-1 {
	line-height: 1.3;
    margin: 0;
    width: 22%;
    text-align: justify;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 121px;
    position: absolute;
    top: 0;
    transform: translate(5%, 82%);
    font-size: 0.81rem;
}

.desc-gilded-2 {
	line-height: 1.3;
    margin: 0;
    width: 22%;
    text-align: justify;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 121px;
    position: absolute;
    top: 0;
    transform: translate(5%, 290%);
    font-size: 0.81rem;
}

.reward-list {
	display: flex;
    justify-content: space-between;
}

.reward-list li {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
	font-size: 0.75rem;
}

.card_reward {
	width: 50px !important;
    height: 50px !important;
	object-fit: cover;
    display: block;
}

.slide03-bg {
	width: 100%;
    min-width: 1152px;
    height: 646px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-track-2.table-layout {
    display: block !important;
    padding: 20px !important;
    height: auto !important;
}

.table-container {
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 30px;
    border-radius: 20px;
    box-sizing: border-box;
}

.activity-table {
    width: 90%;
    overflow: hidden;
    color: #537cad;
	margin: 0 auto;
}

.activity-table td {
    padding: 15px 20px;
    /*border-bottom: 1px solid rgba(201, 160, 99, 0.3);*/
    text-align: center;
    vertical-align: middle;
}

.activity-table tr:last-child td {
   /* border-bottom: none;*/
}

.activity-table tr:hover td {
    background: rgba(170, 140, 94, 0.2);
}

/* ✅ table_row1 样式 - 提高优先级 */
.activity-table .table_row1 {
    display: inline-block;
    background: url('../img/s_02/02f/p6_l_bg.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    font-weight: 600 !important;
    padding: 15px 45px !important;
    color: #537cad !important;
	font-size: 1.2rem;
    min-width: 80px;
}

.sldie03-reward {
	display: flex;
	justify-content: space-evenly;
	padding: 0 20px !important;
}

.slide03-reward-list {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	gap: 3px;
}

.slide03-row03 {
	color: #c5a454;
	font-weight: 700;
	font-size: 1.2rem;
}

.slide03-row04 {
	font-weight: 700;
	font-size: 1.2rem;
}

.notis {
	color: #537cad;
	font-weight: 700;
	font-size: 1rem;
	text-align: center;
}

@media (min-width: 992px) {
    .carousel-slide2 {
        flex: 0 0 33.33%;
    }
	
	.carousel-track-2 {
		display: flex !important;
        gap: 30px;
        padding: 0 8%;
        height: 100%;
        transition: transform 0.5s ease;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }
    
    .carousel-track-2 .carousel-slide2 {
        flex: 0 0 33.33% !important;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* ✅ 网格布局 - 只有gilded Tab用 */
    .carousel-track-2.grid-layout {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        padding: 0 5% !important;
        width: 100% !important;
        height: auto !important;
        align-items: stretch !important;
    }
    
    .carousel-track-2.grid-layout .carousel-slide2 {
        flex: none !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* 网格布局取消中间高亮缩放 */
    .carousel-track-2.grid-layout .carousel-slide2.center .card {
        transform: none !important;
    }
    
    /* 电脑版隐藏手机导航 */
    .nav-wrapper2 {
        display: none;
    }
}

/* ===== 手机版 (≤991px) - 单图滑动 ===== */
@media (max-width: 991px) {
	.tab-tcmt{
		font-size: 0.85rem;
	}
	
	.tab-tcmt {
		background-size: cover;
		font-size: 1.2rem;
	}
	
	.tab-tcmt:hover,
	.tab-tcmt.active {
		background-size: cover;
		font-size: 1.2rem;
	}
	
     .carousel-track-2.grid-layout {
        display: flex !important;
        grid-template-columns: none !important;
    }
    
    .carousel-track-2 {
        display: flex !important;
        transition: transform 0.3s ease;
        gap: 0;
        padding: 0 5%;
        height: 100%;
    }
    
    .carousel-slide2 {
        flex: 0 0 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    /* 手机版只显示当前图片 */
    .carousel-slide2:not(.center) {
        display: none !important;
    }
    
    .carousel-slide2.center {
        display: flex !important;
    }
	
	.slide-desc {
		width: 45%;
	}

	/* Navigation Button [next/prev] */
    .nav-wrapper2 {
        position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		z-index: 200;
		pointer-events: none;
		display: flex;
		justify-content: space-between;
    }
    
    .nav-btn2 {
        cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 24px;           
		transition: all 0.3s ease;
		pointer-events: all;
    }
    
    .nav-btn2.tab-tcmt-3prev {
		background: url('../img/s_02/02c/icon/btn_prev.webp');
		background-repeat: no-repeat;
		background-position: center;
		width: 70px;
		height: 70px;
		cursor: pointer !important;
	}
			
	.nav-btn2.tab-tcmt-3next {
		background: url('../img/s_02/02c/icon/btn_next.webp');
		background-repeat: no-repeat;
		background-position: center;
		width: 70px;
		height: 70px;
		cursor: pointer !important;
	}
    
    .counter2 {
        color: white;
        font-size: 18px;
        padding: 8px 20px;
        background: #2a2a2a;
        border-radius: 40px;
        border: 1px solid #c9a063;
    }
	
	.carousel-track-2.table-layout {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 15px !important;
        width: 100% !important;
        display: block !important;
    }
    
    /* 表格容器宽度自适应 */
    .slide03-bg {
        min-width: auto !important;
        width: 100% !important;
        background-size: cover !important;
        padding: 15px !important;
    }
    
    /* 表格强制宽度，产生横向滚动 */
    .activity-table {
        /*width: 1152px !important; */
		width: 100%;
        margin: 0 auto;
    }
    
    /* 调整表格单元格内边距，适应手机 */
    .activity-table td {
        padding: 12px 10px !important;
        white-space: normal;
        word-break: break-word;
    }
    
    /* 调整奖励列表显示 */
    .sldie03-reward {
        padding: 0 10px !important;
        gap: 15px;
    }
    
    .slide03-reward-list {
        font-size: 0.9rem;
    }
    
    .slide03-reward-list img {
        width: 40px;
        height: 40px;
    }
    
    /* 调整表头背景 */
    .activity-table .table_row1 {
        padding: 0 !important;
        font-size: 1rem !important;
        min-width: 60px;
		background-size: cover;
    }
    
    /* 调整售价和限购文字 */
    .slide03-row03,
    .slide03-row04 {
        font-size: 1rem !important;
        white-space: nowrap;
    }
}

@media (max-width: 576px) {
    .carousel-track-2.table-layout {
        padding: 10px !important;
    }
    
    .slide03-bg {
        padding: 10px !important;
    }
    
    .activity-table {
		width: 100%;
       /* width: 1050px !important; */
    }
    
    .activity-table td {
        padding: 10px 8px !important;
    }
    
    .sldie03-reward {
        padding: 0 5px !important;
        gap: 10px;
    }
    
    .slide03-reward-list {
        font-size: 0.8rem;
    }
    
    .slide03-reward-list img {
        width: 35px;
        height: 35px;
    }
    
    .activity-table .table_row1 {
        padding: 0 !important;
        font-size: 0.9rem !important;
    }
    
    .slide03-row03,
    .slide03-row04 {
        font-size: 0.9rem !important;
    }
}

























































.tab-swiper-container {
	position: relative;
	padding: 20px 0 60px 0;
}

.tab-swiper {
    width: 100%;
    height: 100%;
}

#sliderContent .swiper-slide {
	width: 364px !important;
	height: 547px !important;
	transition: all 0.3s ease;
	transform: scale(1);
	opacity: 1;
	margin: 0 auto;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}

#sliderContent .swiper-slide-tcmt01 {
	background: url('../img/s_02/02f/p5_con01.webp');	
}

#sliderContent .swiper-slide-tcmt02 {
	background: url('../img/s_02/02f/p5_con02.webp');
}

#sliderContent .swiper-slide-tcmt03 {
	background: url('../img/s_02/02f/p5_con03.webp');
}



/*********************************************************
	Swiper (SLIDE - 03) - CONTENT [XinShaXing]
*********************************************************/
.xinshaxing-container {
	font-size: 0.9rem;
	color: #6b8eb9;
}

.xinshaxing-frame {
	position: absolute;
	inset: 0;
	background: url('../img/s_03/frame_bg.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 0;
	pointer-events: none;
	height: 650px;
	transform: translateX(80px);
	display: block;
}

.Title {
	position: relative;
}

.xinshaxing-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: #587daa;
	padding-left: 22px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #6e9dc0;
	display: flex;
	align-items: center;
}

.xinshaxing-title:after {
	content: '';
	position: absolute;
	background: #edca7a;
	width: 3px;
	height: 32px;
	left: 0;
}

.deco-list {
	display: inline-block;
	background: url('../img/s_03/png/deco.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 10px;
	height: 10px;
}

.xinshaxing-subtitle {
	font-weight: 700;	
}

.btn-xinshaxing {
	background: url('../img/s_03/btn_modal.webp');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	max-width: 320px;
	height: 40px;
	font-size: 1.2rem;
	font-weight: 700;
}

.xinshaxingModal {
	max-width: 1200px;
}

.xsx-scrollMain {
	margin-top: 10.5em;
}

.xsxContent {
	color: #587daa;
	max-height:50vh;
	padding-left: 4rem;
	padding-right: 4rem;
}

.xinshaxingContent {
	font-size: 0.9rem;
}

.xinshaxingContent .xsxContentTitle {
	font-weight: 600;
	font-size: 1.05rem;
}


/****************  Modal ****************/
/* 弹出窗口动画效果 */
#xinshaxingModal {
    transition: opacity 0.3s ease;
}

#xinshaxingModal.hidden {
    opacity: 0;
    pointer-events: none;
}

#xinshaxingModal:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}

/* 弹出窗口内容动画 */
#xinshaxingModal > div {
    transition: transform 0.3s ease;
}

#xinshaxingModal.hidden > div {
    transform: scale(0.95);
}

#xinshaxingModal:not(.hidden) > div {
    transform: scale(1);
}

/* 滚动条样式 */
.xsxContent::-webkit-scrollbar {
    width: 8px;
}

.xsxContent::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.xsxContent::-webkit-scrollbar-thumb {
    background: rgba(88, 125, 170, 0.6);
    border-radius: 4px;
}

.xsxContent::-webkit-scrollbar-thumb:hover {
    background: rgba(88, 125, 170, 0.8);
}

.xsxContents01 {
	display: block;
	width: 100%;
}

.btn-xinshaxingModalClose,
.btn-xinshaxingModalClose {
	background: url('../img/s_03/close.webp');
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.xsxtable-info {
	border: 1px solid #59a7d7;
	border-collapse: collapse;
	width: 80%;
	min-height: 400px;
	margin: 0 auto;
}

.xsxtable-info td {
	text-align: center;
	padding: 0;
	vertical-align: middle;
	border-right: 1px solid #59a7d7;
}

.xsxtable-info td:last-child {
	border-right: none;
}

.xsxtable-info tr {
	border-bottom: 1px solid #59a7d7;
}

.xsxTableTitle {
	font-weight: 700;
}

.xsxTableHighlight{
	font-size: 0.75rem;
}

@media(max-width: 768px){
	.xinshaxing-frame{
		display: none;
	}
	
	.xinshaxingContent {
		max-height: 18vh;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	.xsx-scrollMain {
		margin-top: 2rem;
	}
	
	.xsxContent .xsxContentTitle {
		font-weight: 600;
		font-size: 0.85rem;
	}
	
	.xsxContent .xsxContents {
		font-size: 0.7rem;
	}
}


/*********************************************************
	Swiper (SLIDE - 04) - CONTENT [QuanXinWanFa]
*********************************************************/
.quanxinwanfa-container {
	font-size: 0.9rem;
	color: #6b8eb9;
}

.quanxinwanfa-frame {
	position: absolute;
	inset: 0;
	background: url('../img/s_04/frame_bg.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 0;
	pointer-events: none;
	height: 650px;
	display: block;
}

.Title {
	position: relative;
}

.btn-quanxinwanfa {
	background: url('../img/s_04/btn_modal.webp');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	max-width: 320px;
	height: 40px;
	font-size: 1.2rem;
	font-weight: 700;
}

.quanxinwanfaModal {
	max-width: 1200px;
}

.qxwf-scrollMain {
	margin-top: 10.5em;
}

.qxwfContentTitle {
	font-weight: 700;	
}

.qxwfContent {
	color: #587daa;
	max-height:50vh;
	padding-left: 4rem;
	padding-right: 4rem;
}

.quanxinwanfaContent {
	font-size: 0.9rem;
}

.qaunxinwanfaContent .qxwfContentTitle {
	font-weight: 600;
	font-size: 1.05rem;
}


/****************  Modal ****************/
/* 弹出窗口动画效果 */
#qaunxinwanfaModal {
    transition: opacity 0.3s ease;
}

#qaunxinwanfaModal.hidden {
    opacity: 0;
    pointer-events: none;
}

#qaunxinwanfaModal:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}

/* 弹出窗口内容动画 */
#qaunxinwanfaModal > div {
    transition: transform 0.3s ease;
}

#qaunxinwanfaModal.hidden > div {
    transform: scale(0.95);
}

#qaunxinwanfaModal:not(.hidden) > div {
    transform: scale(1);
}

/* 滚动条样式 */
.qxwfContent::-webkit-scrollbar {
    width: 8px;
}

.qxwfContent::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.qxwfContent::-webkit-scrollbar-thumb {
    background: rgba(88, 125, 170, 0.6);
    border-radius: 4px;
}

.qxwfContent::-webkit-scrollbar-thumb:hover {
    background: rgba(88, 125, 170, 0.8);
}

.qxwfContents01 {
	display: block;
	width: 100%;
}

.btn-quanxinwanfaModalClose,
.btn-quanxinwanfaModalClose {
	background: url('../img/s_04/close.webp');
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.qxwftable-info {
	border: 1px solid #59a7d7;
	border-collapse: collapse;
	width: 80%;
	min-height: 400px;
	margin: 0 auto;
}

.qxwftable-info td {
	text-align: center;
	padding: 0;
	vertical-align: middle;
	border-right: 1px solid #59a7d7;
}

.qxwftable-info td:last-child {
	border-right: none;
}

.qxwftable-info tr {
	border-bottom: 1px solid #59a7d7;
}

.qxwfTableTitle {
	font-weight: 700;
}

.qxwfTableHighlight{
	font-size: 0.75rem;
}

@media(max-width: 768px){
	.quanxinwanfa-frame{
		display: none;
	}
	
	.quanxinwanfaContent {
		max-height: 18vh;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	.qxwf-scrollMain {
		margin-top: 2rem;
	}
	
	.qxwfContent .qxwfContentTitle {
		font-weight: 600;
		font-size: 0.85rem;
	}
	
	.qxwfContent .qxwfContents {
		font-size: 0.7rem;
	}
}


/*********************************************************
	Swiper (SLIDE - 05) - CONTENT [YanMenLunWu]
*********************************************************/
.ymlw-title {
	background: url('../img/s_05/s_05a/page2_btnTab.webp');
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 33px;
	max-width: 158px;
	padding: 24px 0;
	color: #587daa;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 700;
}

.ymlw-content {
	color: #587daa;
	margin-top: 15px;
	line-height: 30.5px;
}

.ymlw-title.title02 {
	margin-top: 50px;
}

.ymlw-rewardList {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-items: center;
	margin-top: 20px;
}

.ymlw-rewardList img {
	max-width: 100%;
	height: auto;
	display: block;
}

.ymlw-rewardList .rewardList {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #587daa;
	gap: 10px;
}

@media (max-width: 991px){
	.ymlw-rewardList .rewardList{
		text-align: center;
	}
}


/*********************************************************
	Swiper (SLIDE - 05) - CONTENT [WuDaoErZhong]
*********************************************************/
.emWDEZ_infoDesc {
	font-size: 0.81rem;
}

.emWDEZ_infoContent {
	color: #7297be;
	font-size: 0.815rem;
}

.emWDEZ_infoSubContent02{
	transform: translateY(30px);
}

.emWDEZ_infoSubContent03{
	transform: translateY(8px);
}

.emWDEZ_infoSubContent04{
	transform: translateY(33px);
}

.emWDEZ_infoContentTitle {
	font-weight: 600;
}

.wdez_subContent {
	margin-left: -2.5rem;
}

.emWDEZ_infoContents {
	width: 80%;
}