body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
li,
div,
span,
a,
p,
form,
header,
section,
article,
footer {
    margin: 0;
	padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em,
b {
    font-style: normal
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

img {
    border: 0
}
li {
    list-style: none;
}
@media all and (orientation:portrait){
  html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
  html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
  html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\6A2A\8FC7\6765";position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:30px;z-index:99999;text-align:center;font-size:16px;color:#fff;}
  body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-160px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;}
}
button,
input,
select,
textarea {
    font-size: 100%;
    outline: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th,
ul,
ol {
    padding: 0
}
body,html{
	background-color: #031e37;
	height: 100%;
	width: 100%;
	overflow-y: hidden;
	overflow-x: hidden;

}

.wrap{
	width: 100%;
	height: 100%;
	position: relative;
}
.swiper-slide .ani-p{
	transform:translateX(-2rem);
	opacity:0;
	transition:all .4s;}
.ani-slide .ani-p{
	transform:translateX(0);
	opacity:1;
}
.swiper-slide .ani-s{
	transform:translateX(2rem);
	opacity:0;
	transition:all .4s;}
.ani-slide .ani-s{
	transform:translateX(0);
	opacity:1;
}
.swiper-slide .ani-t{
	transform:translateY(-2rem);
	opacity:0;
	transition:all .4s;}
.ani-slide .ani-t{
	transform:translateY(0);
	opacity:1;
}
.swiper-slide .ani-b{
	transform:translateY(2rem);
	opacity:0;
	transition:all .4s;}
.ani-slide .ani-b{
	transform:translateY(0);
	opacity:1;
}
@keyframes breathe {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
.page::after{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/top.png) no-repeat;
	background-size: 100% 100%;
	width: 6.87rem;
	height: 3.17rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
}
.page::before{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bottom.png) no-repeat;
	background-size: 100% 100%;
	width: 12.66rem;
	height: 4.12rem;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}
.page2::after{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/top-y.png) no-repeat;
	background-size: 100% 100%;
	width: 6.87rem;
	height: 3.17rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
}
.part1::before{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bottom-o.png) no-repeat;
	background-size: 100% 100%;
	width: 9.86rem;
	height: 4.28rem;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}
.page2::before{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bottom-y.png) no-repeat;
	background-size: 100% 100%;
	width: 12.66rem;
	height: 4.12rem;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}
.swiper-part{
	width: 100%;
	height: 100%;
}
.swiper-part .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-part .swiper-wrapper{
    transition-delay:.3s;
}
#swiper-container2 .swiper-wrapper{
    transition-delay: 0s;
}
.part1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bg1.jpg) 50% 50% no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kv-video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.logo{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/logo.png) center no-repeat;
	background-size: 100% 100%;
	width: 2.42rem;
	height: 1.06rem;
	position: absolute;
	top: .36rem;
	left: .55rem;
	z-index: 2;
}
.btn-jrgw{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/btn-jrgw.png) center no-repeat;
	background-size: 100% 100%;
	width: 2.49rem;
	height: .74rem;
	position: absolute;
	top: .36rem;
	right: .29rem;
}
.slgoan{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/slogan.png) center no-repeat;
	background-size: 100% 100%;
	width: 10.25rem;
	height: 4.08rem;
	position: absolute;
	bottom: .18rem;
	left: 50%;
	margin-left: -5.12rem;
}
.down-box{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/down-box.png) center no-repeat;
	background-size: 100% 100%;
	width: 1.6rem;
	height: 3.32rem;
	position: absolute;
	top: 50%;
	margin-top: -1.66rem;
	left: .15rem;
	z-index: 1;
	
}
.down-con{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: 2.1rem .11rem 0 .15rem;
}
.btn-hide{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/btn-close.png) center no-repeat;
	background-size: 100% 100%;
	width: .27rem;
	height: .27rem;
	position: absolute;
	top: -.04rem;
	right: -.17rem;
}
.down{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/sp-down.png) center no-repeat;
	background-size: 1.21rem 1.24rem;
	display: block;
	margin: .05rem 0;
}
.code_ap{
	background-position: 0 0;
	width: 1.21rem;
	height: .41rem;
}
.code_az{
	background-position: 0 -.41rem;
	width: 1.21rem;
	height: .41rem;
}
/* .code_pc{
	background-position: 0 -98px;
	width: 142px;
	height: 47px;
} */
.right-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 50%;
	margin-top: -1.95rem;
	right: .16rem;
	z-index: 1;
}
/* .btn-chest{
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/chest.png) center no-repeat;
	background-size: 100% 100%;
	width: 171px;
	height: 130px;
	margin-left: 10px;
	margin-bottom: 3px;
} */
.nav-box{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-box.png) center no-repeat;
	background-size: 100% 100%;
	width: 1.91rem;
	height: 3.91rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding-left: .08rem;
	padding-top: .16rem;
}
.btn-nav{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-sp.png) center no-repeat;
	background-size: 1.44rem 3.46rem;
	display: block;
	margin: .04rem 0;
	width: 1.44rem;
	height: .43rem;
}
.btn-nav.on{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-sp-on.png) center no-repeat;
	background-size: 1.44rem 3.46rem;
}
.nav1{
	
	background-position: 0 0;
	
}
.nav2{
	background-position: 0 -.51rem;
}
.nav3{
	background-position: 0 -1rem;
}
.nav4{
	background-position: 0 -1.51rem;
}
.nav5{
	background-position: 0 -2.02rem;
}
.nav6{
	background-position: 0 -2.52rem;
}
.nav7{
	background-position: 0 -3.03rem;
}
.nav1.on{
	background-position: 0 0;
	
}
.nav2.on{
	background-position: 0 -.51rem;
}
.nav3.on{
	background-position: 0 -1rem;
}
.nav4.on{
	background-position: 0 -1.51rem;
}
.nav5.on{
	background-position: 0 -2.02rem;
}
.nav6.on{
	background-position: 0 -2.52rem;
}
.nav7.on{
	background-position: 0 -3.03rem;
}
.part2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bg2.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	padding-left: 50px;
	justify-content: center;
}
.tit1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tit1.png) center no-repeat;
	background-size: 100% 100%;
	width: 3.14rem;
	height: 1.38rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.part3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bg3.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	padding-left: 50px;
	justify-content: center;
}
.part1-con{
	background-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 11.75rem;
	height: 6.18rem;
	margin-top: -0.22rem;
	margin-left: -0.5rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.p1-tab1{
	width: 132px;
	height: 50px;
	display: block;
	position: absolute;
	top: 118px;
	left: 0px;
}
.p1-tab2{
	width: 132px;
	height: 50px;
	display: block;
	position: absolute;
	top: 180px;
	left: 0px;
}
.p1-tab3{
	width: 132px;
	height: 50px;
	display: block;
	position: absolute;
	top: 242px;
	left: 0px;
}
.tit2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tit2.png) center no-repeat;
	background-size: 100% 100%;
	width: 3.14rem;
	height: 1.38rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}

.part2-con{
	background-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 11.98rem;
	height: 6.37rem;
	margin-top: -0.25rem;
	margin-left: -0.68rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding: .45rem .15rem 0 0;
}
.part2-con::after{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/hxz.png) no-repeat;
	background-size: 100% 100%;
	width: .88rem;
	height: .83rem;
	position: absolute;
	top: 0.19rem;
	left: 0.25rem;
	pointer-events: none;
}
.p2-panel{
	display: none;
	position: relative;
}

.p2-panel1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p2-1.png) no-repeat;
	background-size: 100% 100%;
	width: 8.53rem;
	height: 5.68rem;
	position: relative;
}

.p2-panel2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p2-2.png) no-repeat;
	background-size: 100% 100%;
	width: 8.53rem;
	height: 5.68rem;
	position: relative;
}
/* .btn-look{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/btn-look.png) no-repeat;
	background-size: 100% 100%;
	width: 129px;
	height: 44px;
	position: absolute;
	bottom: 25px;
	right: 11px;
} */
.p2-tab-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: .16rem;
	position: relative;
	margin-top: 0.03rem;
}
.p2-tab-box::after{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/line.png) no-repeat;
	background-size: 100% 100%;
	width: 2.12rem;
	height: .71rem;
	position: absolute;
	top: 1.19rem;
	left: -0.02rem;
	pointer-events: none;
}
.p2-tab1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-con1.png) no-repeat;
	background-size: 100% 100%;
	width: 2.14rem;
	height: 1.48rem;
	display: block;
	margin-bottom: .16rem;
}
.p2-tab2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-con2.png) no-repeat;
	background-size: 100% 100%;
	width: 2.14rem;
	height: 1.48rem;
	display: block;
	margin-bottom: .19rem;
}
.p2-tab1.on{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-con1-on.png) no-repeat;
	background-size: 100% 100%;
}
.p2-tab2.on{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-con2-on.png) no-repeat;
	background-size: 100% 100%;
}
.p2-swi{
	width: 100%;
	height: 100%;
	position: relative;
}
.p2-swi-box{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mhlb.png) no-repeat;
	background-size: 100% 100%;
	width: 2.48rem;
	height: 1.47rem;
	position: absolute;
	top: .1rem;
	right: .09rem;
}
.p2Swiper{
	width: 2.35rem;
	height: 1.2rem;
	top: .05rem;
}
.p2-slide1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mhlb1.png) no-repeat;
	background-size: 100% 100%;
	width: 2.35rem;
	height: 1.2rem;
}
.p2-slide2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mhlb2.png) no-repeat;
	background-size: 100% 100%;
	width: 2.35rem;
	height: 1.2rem;
}
.p2-slide3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mhlb3.png) no-repeat;
	background-size: 100% 100%;
	width: 2.35rem;
	height: 1.2rem;
}
.p2-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: .1rem!important;
	position: absolute;
}
.p2-swi .swiper-pagination-bullet{
	display: block;
	width: .08rem;
	height: .08rem;
	background-color: #005865;
	margin: 0 .1rem!important;
	opacity: 1!important;
}
.p2-swi .swiper-pagination-bullet-active{
	display: block;
	width: .08rem;
	height: .08rem;
	background-color: #f5b030;
	box-sizing: border-box;
	border: 1px solid #ffffff;
}


.animate{
	position: absolute;
	width: 2.3rem;
	height: 2.96rem;
	top: -.08rem;
	left: 0.62rem;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/aimier.png) no-repeat; 
	background-size:368rem auto;
	animation: runGift2 5s steps(160, end) infinite;
	 -webkit-animation: runGift2 5s steps(160, end) infinite;
}
@keyframes runGift2{100% {background-position:-368rem  0 ;}}
@-webkit-keyframes runGift2{ 100% {background-position:-368rem  0 ;}}

.vid-box{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/vid.png) center no-repeat;
	background-size: 100% 100%;
	width: 274px;
	height: 156px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 96px;
	left: 312px;
}
.btn-play{
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/btn-play.png) center no-repeat;
	background-size: 100% 100%;
	width: 45px;
	height: 40px;
	animation: breathe 3s ease-in-out infinite;
}
.btn-play2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/icon-play.png) center no-repeat;
	background-size: 100% 100%;
	width: 101px;
	height: 120px;
	position: absolute;
	display: block;
	top: 316px;
	left: 630px;
	display: none;
}

.part4{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bg2.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	padding-left: 50px;
	justify-content: center;
}
.tit3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tit3.png) center no-repeat;
	background-size: 100% 100%;
	width: 3.15rem;
	height: 1.35rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.part3-con{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p3.png) no-repeat;
	background-size: 100% 100%;
	width: 11.8rem;
	height: 6.04rem;
	margin-top: .06rem;
	margin-left: -.6rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.p3-panel-box{
	width: 4.47rem;
	height: 5.27rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	justify-content: center;
	top: .46rem;
	right: .85rem;
}
.p3-panel1{
	display: none;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p3-1.png) no-repeat;
	background-size: 100% 100%;
	width: 4.18rem;
	height: 5.09rem;
	position: relative;
}
.jn-gif1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/jn1.gif) no-repeat;
	background-size: cover;
	width: 4.02rem;
	height: 2.01rem;
	position: absolute;
	top: 1.98rem;
	right: 0.1rem;
}
.jn-gif2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/jn2.gif) no-repeat;
	background-size: cover;
	width: 4.02rem;
	height: 1.59rem;
	position: absolute;
	top: 2.45rem;
	right: 0.08rem;
}
.p3-panel2{
	display: none;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p3-2.png) no-repeat;
	background-size: 100% 100%;
	width: 4.18rem;
	height: 5.08rem;
	position: relative;
}
.p3-panel3{
	display: none;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p3-3.png) no-repeat;
	background-size: 100% 100%;
	width: 4.12rem;
	height: 4.93rem;
}
.p3-tab1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-hero1.png) no-repeat;
	background-size: 100% 100%;
	width: .48rem;
	height: 1.17rem;
	display: block;
	position: absolute;
	top: .17rem;
	right: .24rem;
}
.p3-tab2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-hero2.png) no-repeat;
	background-size: 100% 100%;
	width: .48rem;
	height: 1.17rem;
	display: block;
	position: absolute;
	top: 1.4rem;
	right: .24rem;
}
.p3-tab3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-hero3.png) no-repeat;
	background-size: 100% 100%;
	width: .48rem;
	height: 1.17rem;
	display: block;
	position: absolute;
	top: 2.63rem;
	right: .24rem;
}
.p3-tab1.on{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-hero1-on.png) no-repeat;
	background-size: 100% 100%;
}
.p3-tab2.on{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-hero2-on.png) no-repeat;
	background-size: 100% 100%;
}
.p3-tab3.on{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-hero3-on.png) no-repeat;
	background-size: 100% 100%;
}
.panel-s{
	display: block;
}
.wpSwiper{
	width: 7.28rem;
	height: 4.86rem;
	margin: 0;
}
.wpSwiper .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/wp1.png) center no-repeat;
	background-size: 100% 100%;
	width: 7.28rem;
	height: 4.86rem;
}
.wp2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/wp2.png) center no-repeat;
	background-size: 100% 100%;
	width: 7.28rem;
	height: 4.86rem;
}
.wp3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/wp3.png) center no-repeat;
	background-size: 100% 100%;
	width: 7.28rem;
	height: 4.86rem;
}
.p4-box{
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding-right: .63rem;
	margin-top: -.03rem;
}
.wptab-box{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	box-sizing: border-box;
	padding-bottom: .03rem;
	margin-left: .03rem;
	position: relative;
	
}
.wptab-box::after{
	content: '';
	display: block;
	position: absolute;
	top: 1.63rem;
	left: -0.06rem;
	pointer-events: none;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/line2.png) no-repeat;
	background-size: 100% 100%;
	width: .39rem;
	height: 1.97rem;
}
.wptab{
	position: relative;
	filter: brightness(0.6);
	margin: .05rem 0;
}
.wptab1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-wp1.png) center no-repeat;
	background-size: 100% 100%;
	width: 2.23rem;
	height: 1.37rem;
}
.wptab2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-wp2.png) center no-repeat;
	background-size: 100% 100%;
	width: 2.23rem;
	height: 1.37rem;
	position: relative;
	left: .15rem;
}
.wptab3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tab-wp3.png) center no-repeat;
	background-size: 100% 100%;
	width: 2.23rem;
	height: 1.37rem;
}
.wptab.on{
	filter: none;
}
.swiper-cube .swiper-cube-shadow{
	transform: none;
	display: none;
}
.swiper-cube .swiper-cube-shadow:before{
	display: none;
}
.swiper-slide-shadow-left{
	display: none;
}
.swiper-slide-shadow-right{
	display: none;
}
.wpcopy{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/md-copy.png) center no-repeat;
	background-size: 100% 100%;
	width: 3.37rem;
	height: 1.4rem;
	position: absolute;
	top: 3.78rem;
	left: 0.16rem;
	z-index: 1;
}

.part5{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bg3.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	padding-left: 50px;
	justify-content: center;
}
.tit4{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tit4.png) center no-repeat;
	background-size: 100% 100%;
	width: 3.14rem;
	height: 1.38rem;
	margin-left: .2rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.part4-con{
	background-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p4.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 11.04rem;
	height: 6.54rem;
	margin-top: -.35rem;
	margin-left: -.1rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.part6{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
}

.part6.page::after{
	z-index: 2;
}
.part6.page::before{
	z-index: 2;
}
.part6 .logo{
	z-index: 3;
}
.skinSwiper{
	width: 100%;
	height: 100%;
}
.skinSwiper .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.p5-1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p5-1.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative;
}
.p5-2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p5-2.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative;
}
/* .p5-3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p5-3.png) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative;
}
.p5-4{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p5-4.png) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: relative;
} */
.tit-skin{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tit-skin.png) no-repeat;
	background-size: 100% 100%;
	width: 3.54rem;
	height: 2.65rem;
	position: absolute;
	top: .59rem;
	left: 2.3rem;
	z-index: 3;
}
.skin1{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/skin1.png) no-repeat;
	background-size: 100% 100%;
	width: 4.36rem;
	height: 2.59rem;
	position: absolute;
	bottom: 1.8rem;
	right: 3.38rem;
}
.skin2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/skin2.png) no-repeat;
	background-size: 100% 100%;
	width: 5.96rem;
	height: 2.67rem;
	position: absolute;
	bottom: 1.2rem;
	right: 3.38rem;
}
/* .skin3{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/skin3.png) no-repeat;
	background-size: 100% 100%;
	width: 696px;
	height: 361px;
	position: absolute;
	bottom: 98px;
	right: 338px;
}
.skin4{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/skin4.png) no-repeat;
	background-size: 100% 100%;
	width: 696px;
	height: 354px;
	position: absolute;
	bottom: 104px;
	right: 338px;
} */
.skinSwiper .swi-tab{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/swi-tab.png) center no-repeat;
	background-size: 11.6rem 1.12rem;
}
.skinSwiper .swiper-next{
	background-position: -10.98rem 0;
	width: .61rem;
	height: 1.12rem;
	position: absolute;
	top: 50%;
	margin-top: -.56rem;
	right: 2.6rem;
	z-index: 1;
	cursor: pointer;
}
.skinSwiper .swiper-prev{
	background-position: 0 0;
	width: .61rem;
	height: 1.12rem;
	position: absolute;
	top: 50%;
	margin-top: -.56rem;
	left: 2.6rem;
	z-index: 1;
	cursor: pointer;
}
.skinSwiper .swiper-button-disabled{
	filter: brightness(0.6);
}

.part7{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bg3.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	padding-left: 50px;
	justify-content: center;
}
.tit6{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tit5.png) center no-repeat;
	background-size: 100% 100%;
	width: 4.05rem;
	height: 1.38rem;
	margin-left: .2rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.part6-con{
	background-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p6.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 11.7rem;
	height: 6.18rem;
	margin-top: -0.18rem;
	margin-left: -0.5rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	box-sizing: border-box;
	padding-top: 0.39rem;
	padding-left: 0.68rem;
}
.part8{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/bg2.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	padding-left: 50px;
	justify-content: center;
}
.tit7{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/tit6.png) center no-repeat;
	background-size: 100% 100%;
	width: 4.05rem;
	height: 1.38rem;
	margin-left: .2rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
}
.part7-con{
	background-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/p7.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 11.36rem;
	height: 6.19rem;
	margin-top: -0.18rem;
	margin-left: -0.6rem;
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	box-sizing: border-box;
	padding-top: .65rem;
	padding-left: 1.18rem;
}


.zjjn-vid{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/vid2.png) center no-repeat;
	background-size: 100% 100%;
	width: 430px;
	height: 251px;
	position: absolute;
	bottom: 120px;
	right: 174px;
	display: none;
	box-sizing: border-box;
	padding-top: 7px;
	padding-left: 9px;
}
.jcjn-vid{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/vid2.png) center no-repeat;
	background-size: 100% 100%;
	width: 430px;
	height: 251px;
	position: absolute;
	bottom: 120px;
	right: 174px;
	display: none;
	box-sizing: border-box;
	padding-top: 7px;
	padding-left: 9px;
}
.dia-vid{
	width: 1152px;
	height: 648px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.dia-vid .myVideo{
	width: 100%;
	height: 100%;
}
.dia-close{
	display: block;
	position: absolute;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/dia-close.png) center no-repeat;
	background-size: 100% 100%;
	width: 62px;
	height: 60px;
	position: absolute;
	top: -62px;
	right: -23px;
}
.swiper-det{
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	padding-right: 30px;
}
#swiper-container2 .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display:block;
  
}
.det-box{
	width: 9.19rem;
	height: 5.18rem;
	overflow: hidden;
}
@font-face {
	font-family: 'font1';
	src: url('//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/font1.TTF');
}
.det-con{
	font-family: 'font1';
	font-size: .24rem;
	line-height: .36rem;
	text-align: justify;
	width: 100%;
	color: #0d2c32;
}
.det-con2{
	font-size: .28rem;
}
/* 宽、高分别为垂直滚动条、水平滚动条的尺寸 */
.det-box::-webkit-scrollbar {
	width: .06rem;
    height: .06rem;
}

/* 滚动条轨道 */
.det-box::-webkit-scrollbar-track {
    background-color: #f5f5f5;
	border-radius: .03rem;
}

/* 滚动条滑块 */
.det-box::-webkit-scrollbar-thumb {
    background-color: #ce7d25;
	border-radius: 3px;
}

/* 鼠标悬停在滚动条上的滑块 */
.det-box::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}
/* .wqgif{
	position: absolute;
	bottom: 52px;
	right: 129px;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/zsgif.gif) 50% no-repeat;
	background-size: cover;
	-webkit-mask-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mask.png); 
	mask-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mask.png);
	-webkit-mask-size: 241px 138px; 
	mask-size:  241px 138px;
	width: 241px;
	height: 138px;
} */
.dh-img{
	width: 100%;
	display: block;
	height: 100%;
}
.pop2{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/pop2.png) no-repeat;
	background-size: 100% 100%;
	width: 745px;
	height: 422px;
}
.pop2 .dia-con{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 250px;
	padding-left: 100px;
}
.download{
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/btn-ljxz.png) no-repeat;
	background-size: 100% 100%;
	width: 244px;
	height: 76px;
}
.pop-close{
	display: block;
	position: absolute;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/close.png) no-repeat;
	background-size: 100% 100%;
	width: 51px;
	height: 51px;
	top: -51px;
	right: -10px;
}
.part6-con::after{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/hxz.png) no-repeat;
	background-size: 100% 100%;
	width: .88rem;
	height: .83rem;
	position: absolute;
	top: .13rem;
	left: .31rem;
	z-index: 3;
}
.part6-con::before{
	content: '';
	display: block;
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/zj.png) no-repeat;
	background-size: 100% 100%;
	width: 1.14rem;
	height: .81rem;
	position: absolute;
	bottom: 0.04rem;
	right: 0.69rem;
	z-index: 3;
}
.banner{
	background: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/banner.png) 50% no-repeat;
	background-size: cover;
	-webkit-mask-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mask.png); 
	mask-image: url(//game.gtimg.cn/images/hjdt/cp/a20231222ztyh5/mask.png);
	-webkit-mask-size: 10.2rem 5.61rem;
	mask-size:  10.2rem 5.61rem;
	width: 10.2rem;
	height: 5.61rem;
}