body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{-webkit-text-size-adjust:none;margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}

/*MEA*/
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;outline:0 none}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;resize:none;}
table{border-collapse:collapse;border-spacing:0;}
body,html{background:#FFF;font-family:"Microsoft Yahei";}
html{font-size:100px;}
body{font-size:14px;line-height:28px;color:#060606;}
a{color:#5B5B5B;outline:none;}
#footer_ied{background:#5E6FB4;padding:34px 0;text-align:center;line-height:2;position:relative;}
#footer_ied a,#footer_ied{color:#fff}
#afooter{position:relative;width:100%;text-align:center;background:#000;color:#fff;padding:20px 0;line-height:22px;}
#afooter a{color:#fff;}
@font-face{font-family:"font1";src:url(https://game.gtimg.cn/images/cf/cp/a20260528ver/font1.ttf);}
@font-face{font-family:"font2";src:url(https://game.gtimg.cn/images/cf/cp/a20260528ver/font2.ttf);}

html{scroll-behavior:smooth;}
html,body,.wrapper{position:relative;width:100%;}
.part{position:relative;width:100%;box-sizing:border-box;text-align:center;overflow: hidden;}
html{font-size:calc(100vw / 1920 * 100);}

.wrapper {
  /* 4 sections + kv = 60.47rem, matching bg.jpg height. */
	
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/bg.jpg) no-repeat 0 0 / 19.2rem;
}

.kv{height:11rem;}
.part1{height:10.65rem;}
.part2{height: 13.01rem;}
.part3{height: 12.06rem;}
.part4{height: 10.71rem;}







.p_prev{
  display: block;
  content: '';
  width: 0.35rem;
  height: 0.51rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/btn_prev.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 2.68rem;
  left: 3.46rem;
  z-index: 3;
}
.p_next{
  display: block;
  content: '';
  width: 0.35rem;
  height: 0.51rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/btn_next.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 2.68rem;
  right: 3.46rem;
   z-index: 3;
}
.p_prev.swiper-button-disabled,
.p_next.swiper-button-disabled{
	opacity: 0.5;
}
.p_box{
	display: block;
	margin: 0 auto;
	position: relative;
	
	width: 100%;
	height: 10rem;
	margin: 0 auto 0;
	display: flex;
    justify-content: center;
}
.swiper-container{
	width: 11.19rem;
	height: 10rem;
	margin: 0;
/* 	position: absolute;
	top: 0;
	left: 0; */
}
.swiper-slide{
	position: relative;
}
.swiper-container img{
  display: block;
  width: 11.19rem;
  height: auto;
  margin: 0 auto;
}
.swiper-container p{
	display: block;
    width: 100%;
    line-height: 1.2;
    font-size: .23rem;
    color: #eff6ff;
    margin-top: 0.15rem;
    font-family: "font2";
}
.swiper-container p.left{
	display: flex;
	justify-content: center;
	text-align: left;
}
.swiper-container p a{
	color: #eef5ff;
	text-decoration:underline;
	margin-top: 0.15rem;
	display: block;
}

.swiper-container p span{
    text-align: left;
    display: flex;
    justify-content: center;
}

.swiper-container video{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.btn_play{
	position: absolute;
	width: 100%;
	height: 6.4rem;
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/btn_play.png) center/auto 1.46rem no-repeat;
	top: 0;
	left: 0;
	margin: auto;
	z-index: 2;
}
/* .btn_play3{
	width: 50%;
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/btn_play.png) .48rem 5.30rem/auto 1.18rem no-repeat;
}
.btn_play4{
	width: 50%;
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/btn_play.png) .16rem 5.30rem/auto 1.18rem no-repeat;
	left: unset;
	right: 0;
} */

.img_table{
	width: 10.16rem;
	height: 5.41rem;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	left: 0.8rem;
	top: 0.32rem;
	z-index: 2;
}
.img_table img{
	width: 10.02rem;
	height: auto;
	margin: 0 auto 0 0;
}
.img_table::-webkit-scrollbar {
	width: 0.09rem;
	height: 1px;
	overflow-y: auto;
	overflow-x: hidden;
}
.img_table::-webkit-scrollbar-thumb {
	background: #ffc600 url(https://game.gtimg.cn/images/cf/cp/a20260528ver/scroll-tap.jpg) no-repeat center center/100% 100%;
}
.img_table::-webkit-scrollbar-track {
  background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/scroll-bg.jpg) no-repeat center center/0.05rem 100%;
}


.p_text{
  display: block;
  width: 100%;
  line-height: 2;
  font-size: .24rem;
  color: #fff;
  position: absolute;
  top: 8.14rem;
  left: 0;
  font-family:"font2";
}
.p_text a{
	color: #fff;
	text-decoration:underline;
	margin-top: 0.2rem;
	display: block;
}

.p_text span{
    text-align: left;
    display: flex;
    justify-content: center;
}


.top-nav {
  position: absolute;
  width: 18.7rem;
  height: 0.83rem;
  top: 8rem;
  left: 0.35rem;
  z-index: 20;
  text-align: center;
}
.top-nav.fixed {
  position: fixed;
  top: 0;
}
.top-nav ul {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    position: absolute;
}
.top-nav ul li {
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .34rem;
    line-height: 1.2;
    color: #ffffff;
    font-family: "font1";
    width: 3.91rem;
    height: 1.31rem;
    background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/nav.png) top left / 100% 100% no-repeat;
    overflow: hidden;
	margin: 0 0.15rem;
	flex-shrink: 0;
}
.top-nav ul li p{
	color: #ffffff;
	background: linear-gradient(0deg, #feffd9, #ffffff);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
    margin-top: 0.1rem;
}
/* .top-nav ul li:hover,.top-nav ul li.on {
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/nav_on.png) top left/100% 100% no-repeat;
}
.top-nav ul li:hover p,.top-nav ul li.on p{
	color: #8f590b;
	background: linear-gradient(0deg, #ca5030, #8f590b);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
} */
@media only screen and (orientation: portrait){
	.left-nav{
		display: none !important;
	}
}

.left-nav {
  position: fixed;
  width: 1.97rem;
  height: 2.63rem;
  top: 50%;
  left: 0.35rem;
  margin-top: -1.3rem;
  z-index: 20;
  text-align: center;
}
.left-nav ul {
    display: flex;
	flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
    position: absolute;
}
.left-nav ul li {
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .18rem;
    line-height: 1.2;
    color: #ffffff;
    font-family: "font1";
    width: 1.97rem;
    height: 0.66rem;
    background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/nav.png) top left / 100% 100% no-repeat;
    overflow: hidden;
	margin: 0;
	flex-shrink: 0;
}
.left-nav ul li p{
	color: #ffffff;
	background: linear-gradient(0deg, #feffd9, #ffffff);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
    margin-top: 0.05rem;
}
.left-nav ul li:hover, .left-nav ul li.on {
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/nav_on.png) top left/100% 100% no-repeat;
}
.left-nav ul li:hover p, .left-nav ul li.on p{
	color: #8f590b;
	background: linear-gradient(0deg, #ca5030, #8f590b);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}


.tips{
  display: block;
  width: 100%;
  line-height: 1.6;
  font-size: 0.34rem;
  color: #fff;
  text-align: center;
  font-family: "font2";
  margin-top: 1.88rem;
}

.p_page{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 19.2rem;
  margin: 0 auto 0.25rem;
}
.p_page a{
  display: block;
    width: 2.54rem;
    height: 0.85rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/page.png) top left/auto 100% no-repeat;
  overflow: hidden;
  margin: 0 0.1rem;
}
.p_page a p{
 display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  
	font-size: 0.24rem;
	line-height: 1.2;
	font-family:"font1";
	color: #ffffff;
	background: linear-gradient(0deg, #feffd9, #ffffff);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	margin-top: 0.02rem;
}
.p_page a:hover, .p_page a.on{
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/page_on.png) top left/auto 100% no-repeat;
}
.p_page a:hover p, .p_page a.on p{
	color: #8f590b;
	background: linear-gradient(0deg, #ca5030, #8f590b);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}


.p_page2{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 13rem;
  margin: 0 auto -0.18rem;
}
.p_page2 a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.95rem;
  height: 1.2rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/page2.png) top left/auto 100% no-repeat;
  overflow: hidden;
  margin: 0 0.07rem;
  font-size: 0.22rem;
  line-height: 1.2;
  font-family:"font1";
}
.p_page2 p{
	color: #ffffff;
	background: linear-gradient(0deg, #186eb2, #22abfb);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	margin-bottom: 0.13rem;
}
.p_page2 a:hover, .p_page2 a.on{
	color: #422108;
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/page2_on.png) top left/auto 100% no-repeat;
}
.p_page2 a:hover p, .p_page2 a.on p{
	color: #ffffff;
	background: linear-gradient(0deg, #c99125, #d38454);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.p_page2.show{
	display: flex !important;
}


.btn_home{
  display: block;
  width: 2.48rem;
  height: .83rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/btn_home.png) 0 0/100% 100% no-repeat;
  position: absolute;
  top: 0.39rem;
  right: 0.45rem;
}
.logo{
	position: absolute;
	width: 2.59rem;
	height: 0.71rem;
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/logo.png) 0 0/100% 100% no-repeat;
	left: 0.5rem;
	top: 0.4rem;
}

.title{
  display: block;
  width: 16rem;
  height: 1.31rem;
  margin: 0 auto 0.5rem;
}



/*p1*/
.title1{background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/t1.png) center/auto 100% no-repeat;}

/*p2*/
.title2{background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/t2.png) center/auto 100% no-repeat;}


/*p3*/
.title3{background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/t3.png) center/auto 100% no-repeat;}


/*p4*/
.title4{background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/t4.png) center/auto 100% no-repeat;}
.p4_page{
	margin-bottom: 0.5rem;
}

.video-dia {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
}
.pop-close {
  position: absolute;
  width: 0.88rem;
  height: 0.88rem;
  top: -0.3rem;
  right: -0.88rem;
  font-size: 0.6rem;
  line-height: 0.88rem;
  font-family: "font2";
  color: #FFF;
  text-align: center;
}
.pop-video-contain {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13.4rem;
  height: 7.54rem;
  margin-top: -3.77rem;
  margin-left: -6.7rem;
  border: 0.02rem #fff solid;
}
.player-contain {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.player-contain .poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
video{
	object-fit: cover !important;
}



.dia0{
  width: 7.48rem;
  height: 4.62rem;
  background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/pop.png) 0 0/100% 100% no-repeat;
}
.btn-cloes{
    display: block;
    width: .5rem;
    height: .5rem;
	background: url(https://game.gtimg.cn/images/cf/cp/a20260528ver/btn_close.png) center/.27rem auto no-repeat;
    position: absolute;
    top: -.4rem;
    right: -.5rem;
}
.dia-img {
    display: block;
    width: 90%;
    height: 4.2rem;
    object-fit: contain;
    margin: 0.2rem auto 0;
}

.mobile .swiper-container{
	width: 13.71rem;}
.mobile .swiper-container p{
    font-size: .34rem;
    line-height: 1;
}
.mobile .img_table{
	left: 1.8rem;
}