body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html,body,.wrapper{width:100%; height: 100%;}
body{background: #150c32;}
img{border: 0; -webkit-touch-callout: none;}

.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}

@keyframes bounceInleft {
	0% {opacity: 0;transform: translateX(-400px);}
	100% {transform: translateX(0);}
}

@keyframes bounceInright{
	0% {opacity: 0;transform: translateX(400px);}
	100% {transform: translateX(0);}
}

@keyframes bounceInbot {
	0% {opacity: 0;transform: translateY(400px);}
	100% {transform: translateX(0);}
}

@keyframes bounceIntop {
	0% {opacity: 0;transform: translateY(-400px);}
	100% {transform: translateX(0);}
}

@keyframes scale {
    0%{transform: scale(1.5);opacity: 0;}
    80%{transform: scale(0.9);opacity: 1;}
    100%{transform: scale(1);opacity: 1;}
}

.nav-spr{ background-image:url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/nav-spr.png); background-repeat:no-repeat; background-size:2.1rem 6.37rem;}
.nav-spr.back-to-top{ width:0.48rem; height:0.57rem; background-position:57.40741% 99.48276%;}
.nav-spr.btn-guide{ width:0.88rem; height:0.38rem; background-position:2.45902% 96.32721%;}
.nav-spr.no-1{ width:2.04rem; height:0.71rem; background-position:50% 0.53004%;}
.nav-spr.no-2{ width:2.04rem; height:0.71rem; background-position:50% 13.42756%;}
.nav-spr.no-3{ width:2.04rem; height:0.61rem; background-position:50% 89.23611%;}
.nav-spr.no-4{ width:2.04rem; height:0.71rem; background-position:50% 26.32509%;}
.nav-spr.no-5{ width:2.04rem; height:0.71rem; background-position:50% 39.22261%;}
.nav-spr.no-6{ width:2.04rem; height:0.71rem; background-position:50% 52.12014%;}
.nav-spr.no-7{ width:2.04rem; height:0.71rem; background-position:50% 65.01767%;}
.nav-spr.no-8{ width:2.04rem; height:0.71rem; background-position:50% 77.91519%;}

.page .btn-guidebox{width: .88rem; height: .38rem; position: absolute; left: 50%; margin-left: -.44rem; bottom: .4rem; z-index: 3;}
.page .btn-guidebox i{display: block;}
.swiper-slide-active .btn-guidebox{animation: bounceInbot .5s 1.5s ease both;}
.swiper-slide-active .btn-guidebox .btn-guide{-webkit-animation: down .8s ease-in-out alternate infinite;animation: down .8s ease-in-out alternate infinite; display: block;}
@-webkit-keyframes down{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(10px)}}
@keyframes down{0%{transform:translateY(0)}100%{transform:translateY(10px)}}

.page .btn-close{ background: #485b8c; position: absolute; left: -1.2rem; top: .3rem; width: 1rem; height: .75rem; z-index: 9; padding-top: .2rem; -webkit-transition: .3s ease all; transition: .3s ease all;}
.page .btn-close:hover{ background: #5569b5;}
.show-more .btn-close{left: .3rem;}
.page .btn-close i{ display: block; margin: 0 auto;}

.nav-box{height: 100%; position: fixed; right: 0; top: 0; z-index: 9;}
.nav-box::after{content:'';position: absolute; right: -.8rem; top: 0; width: 4.46rem; height: 100%; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/nav-bg.png) 0 50% no-repeat; z-index: 1; pointer-events: none; background-size: cover;}
.nav-box .nav{position: absolute; right: 0; top: 50%; margin-top: -2.6rem; z-index: 8; -webkit-transform-origin: center right; transform-origin: center right;}
.nav-box .nav li.on i{display: block;}
.nav-box .nav p{line-height: .58rem; height: .58rem; padding-right: .63rem; text-align: right; color: #a39696; font-size: .18rem;}
.nav-box .nav li.on p{display: none;}
.nav-box .back-to-top{position: absolute; bottom: .4rem; right: .8rem; z-index: 8;}

.page{width: 100%; height: 100%; position: relative; overflow: hidden;}
.page1{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p1.jpg) 50% 20% no-repeat; background-size: cover;}
.page1 .btn-fhsq{position: absolute; z-index: 3; left: .3rem; top: .3rem;}

.spr2{ background-image:url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/spr2.png); background-repeat:no-repeat; background-size:12.87rem 0.62rem;}
.spr2.biochemical1{ width:0.83rem; height:0.47rem; background-position:83.30565% 20%;}
.spr2.biochemical2{ width:1.06rem; height:0.53rem; background-position:28.70449% 33.33333%;}
.spr2.btn-check{ width:1.93rem; height:0.52rem; background-position:50.63985% 30%;}
.spr2.btn-next{ width:0.65rem; height:0.56rem; background-position:0.2455% 50%;}
.spr2.btn-prev{ width:0.65rem; height:0.56rem; background-position:5.72831% 50%;}
.spr2.btn-sticker{ width:1.96rem; height:0.46rem; background-position:99.72502% 18.75%;}
.spr2.sports1{ width:0.86rem; height:0.47rem; background-position:76.18651% 20%;}
.spr2.sports2{ width:1.05rem; height:0.53rem; background-position:37.81726% 33.33333%;}
.spr2.system1{ width:1.64rem; height:0.48rem; background-position:66.69635% 21.42857%;}
.spr2.system2{ width:2rem; height:0.53rem; background-position:12.6035% 33.33333%;}

.page2{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p2-1.jpg) 50% 50% no-repeat; background-size: cover;}
.page2 .swiper-container{width: 13.34rem; height: 5.6rem; position: absolute; left: 50%; margin-left: -6.67rem; padding-top: .6rem; top: 50%; margin-top: -2.04rem; overflow: initial;}
.page2 .swiper-slide{width: 8.88rem; height: 3.98rem; position: relative; opacity: 0;}
.page2 .slide-tit,.page2 .btn-sticker,.page2 .txt-list,.page2 .btn-check{display: none;}
.page2 .swiper-slide .img-box{width: 8.88rem; height: 3.98rem; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p2-lb1.gray.png) no-repeat; background-size: 100% 100%;}
.page2 .swiper-slide.swiper-slide-active .img-box{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p2-lb1.png) no-repeat; background-size: 100% 100%;}
.page2 .swiper-slide img{display: block; width: 100%;}
.page2 .swiper-slide-active .slide-tit,.page2 .swiper-slide-active .btn-sticker,.page2 .swiper-slide-active .txt-list,.page2 .swiper-slide-active .btn-check{display: block;}
.page2 .slide-tit{position: absolute; left: 1.72rem; top: -.55rem;}
.page2 .swiper-container-3d .swiper-slide-shadow-left,.page2 .swiper-container-3d .swiper-slide-shadow-right{background-image:none}
.page2 .swiper-wrapper .btn-sticker{position: absolute; right: -.25rem; top: -.48rem;}
.page2 .swiper-slide-active, .page2 .swiper-slide-next, .page2 .swiper-slide-prev{opacity: 1;}
.page2 .txt-list{font-size: 0; text-align: left; height: .3rem; position: absolute; left: .88rem; bottom: .4rem;}
.page2 .txt-list span{display: inline-block; vertical-align: top; color: #435687; font-size: .18rem; line-height: .3rem; margin: 0 .06rem; font-style: italic;}
.page2 .btn-check{position: absolute; right: 1.78rem; bottom: .25rem;}
.page2 .btn-slide{ position: absolute; top: 50%; margin-top: -1rem; z-index: 3;}
.page2 .btn-prev{left: 2.78rem;}
.page2 .btn-next{right: 2.48rem;}
.page2 .swiper-button-disabled{display: none;}
.page2.show-more .swiper-container{display: none;}
.page2.show-more .txt-ul{display: block;}
.page2 .txt-ul{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}
.page2 .txt-ul:after{content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p2-2.jpg) no-repeat; background-size: cover;}
.page2 .txt-ul li{position: absolute; width: 5.78rem; left: 50%; top: 0; margin-left: -.11rem; height: 100%; padding-top: .2rem; display: none; z-index: 2; padding: .9rem 0 2.1rem;}
.page2 .txt-ul li.show{display: block;}
.page2 .txt-ul h3{ color: #fff; font-size: .24rem; line-height: .32rem;}
.page2 .txt-ul p{font-size: .22rem; line-height: .3rem; color: #bcceec;}
.page2 .txt-ul .bot-box{position: absolute; left: 0; bottom: 1rem; z-index: 3;}
.page2 .txt-ul .bot-box a{display: block;}
.page2 .txt-tit{display: block; position: absolute; left: 0; top: .2rem;}
.page2 .txt-box{padding-bottom: .24rem;}
.page2 .scrollbar-box{height: 100%; overflow-y: auto;}
.page2 .scrollbar-box::-webkit-scrollbar {width:.08rem;height:.08rem; border-radius:.04rem;}
.page2 .scrollbar-box::-webkit-scrollbar-thumb {background-color:#bcceec;border-radius:.04rem;}

.spr3{ background-image:url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/spr3.png); background-repeat:no-repeat; background-size:8.99rem 2.91rem;}
.spr3.bt-ckxq.close{ width:1.85rem; height:0.51rem; background-position:83.33333% 76.66667%;}
.spr3.bt-ckxq{ width:1.85rem; height:0.51rem; background-position:83.33333% 98.75%;}
.spr3.btn-map{ width:2.24rem; height:0.57rem; background-position:88.14815% 53.4188%;}
.spr3.btn-return{ width:0.78rem; height:0.37rem; background-position:31.30329% 97.24409%;}
.spr3.btn-tab1.on{ width:2.94rem; height:1.2rem; background-position:50.57851% 1.75439%;}
.spr3.btn-tab1{ width:2.94rem; height:1.2rem; background-position:0.49587% 48.53801%;}
.spr3.btn-tab2.on{ width:2.94rem; height:1.2rem; background-position:99.50413% 1.75439%;}
.spr3.btn-tab2{ width:2.94rem; height:1.2rem; background-position:49.42149% 73.09942%;}
.spr3.txt-01{ width:3.01rem; height:0.78rem; background-position:0.50167% 1.40845%;}
.spr3.txt-02{ width:2.52rem; height:0.78rem; background-position:0.46368% 96.24413%;}


.page3{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p3-1.jpg) 50% 50% no-repeat; background-size: cover;}
.page3 .main{width: 100%; height: 100%; font-size: 0; text-align: center;}
.page3 li{display: inline-block; vertical-align: top; width: 50%; height: 100%; position: relative; overflow: hidden;}
.page3 .bt-ckxq{position: absolute; left: 50%; margin-left: -1.08rem; top:50%; margin-top: 2.4rem;}
.page3 li.show .bt-ckxq{display: none;}
.page3 li .main-box{display: none; width: 100%; height: 100%;}
.page3 li.show .main-box{display: block; padding: 2.1rem 1.15rem 0 .45rem;}
.page3 li.show .btn-close{left: .3rem;}
.page3 .broken .main-box{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p3-js1.jpg) 50% 50% no-repeat; background-size: cover;}
.page3 .training .main-box{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p3-js2.jpg) 50% 50% no-repeat; background-size: cover;}
.page3 .main-txtbox{height: 100%; overflow-y: auto; width: 100%;}
.page3 .main-txtbox::-webkit-scrollbar {width:.08rem;height:.08rem; border-radius:.04rem;}
.page3 .main-txtbox::-webkit-scrollbar-thumb {background-color:#435687;border-radius:.04rem;}
.page3 .tit{display: block; position: absolute; top: 1.2rem;}
.page3 .img-list{padding-bottom: .4rem;}
.page3 .tit{left: .45rem;}
.page3 .txt-box{text-align: justify; padding-left: .7rem; width: 5.36rem; padding-bottom: .3rem; width: 95%;}
.page3 h4{font-size: .24rem; line-height: .3rem; color: #e0ebfe;}
.page3 .txt-box p{font-size: .2rem; line-height: .28rem; color: #a5b7d5;}
.page3 .img-list{ padding-left: .7rem; text-align: left;}
.page3 .img-list img{display: inline-block; vertical-align: top; height: 1.28rem;}

.page4{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p4.jpg) 50% 100% no-repeat; background-size: cover;}
.page4 .main{width: 13.34rem; height: 8.3rem; position: absolute; left: 50%; top: 50%; margin-left: -6.67rem; margin-top: -4.15rem;}
.page4 .btn1{width: 4.01rem; height: 5.94rem; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p4-btn1.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -4.56rem; margin-top: -3.65rem; background-size: 100% 100%;}
.page4 .btn2{width: 4.82rem; height: 5.16rem; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p4-btn2.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -.23rem; margin-top: -2.87rem; background-size: 100% 100%;}
.page4 .btn-map{position: absolute; top: 50%; left: 50%; margin-top: 1.86rem; margin-left: -1.09rem; z-index: 3;}

.page4.show-more .main{display: none;}
.page4.show-more .more-main{display: block;}

.page4 .more-main{width: 11rem; position: absolute; left: 50%; margin-left: -6rem; top: 50%; margin-top: -3rem; display: none;}
.page4 .tab-btnbox{font-size: 0; text-align: center; height: 1.5rem; position: relative; z-index: 2;}
.page4 .tab-btnbox a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; margin: 0 1rem;}
.page4 .tab-divbox{width: 10.98rem; margin: -1.04rem auto 0; height: 5.87rem; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p4-bg.png) no-repeat; background-size: 100% 100%;}
.page4 .list-box{font-size: 0; text-align: center; padding-left: .36rem; padding-top: .54rem; position: relative; display: none;}
.page4 .list-box.show{display: block;}
.page4 .list-main{width: 4.63rem; display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-top: .15rem;}
.page4 .tit{ color: #fff; font-size: .24rem; line-height: .5rem;}
.page4 .list-main li{display: inline-block; vertical-align: top; width: 1.5rem; height: 1.32rem; padding-top: .22rem;}
.page4 .list-main li p{ color: #fff; font-size: .18rem; line-height: .36rem; width: 120%; margin-left: -10%;}
.page4 .list-main img{display: block; margin: 0 auto; height: .7rem;}
.page4 .list-main .icon{height: .9rem; margin-top: -.14rem;}
.page4 .txt-list{width: .3rem; line-height: .24rem; position: absolute; left: .66rem; top: 1.56rem; color: #b1bef8; font-size: .18rem;}
.page4 .txt-list .p1{height: 1.34rem;}
.page4 .txt-list .p2{height: 1.06rem;}

.spr5{ background-image:url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/spr5.png); background-repeat:no-repeat; background-size:5.34rem 4.78rem;}
.spr5.btn-left{ width:0.82rem; height:0.99rem; background-position:81.41593% 30.07916%;}
.spr5.btn-right{ width:0.82rem; height:0.99rem; background-position:81.41593% 56.72823%;}
.spr5.nav1.on,li.on .spr5.nav1{ width:1rem; height:1.3rem; background-position:57.14286% 91.95402%;}
.spr5.nav1{ width:0.64rem; height:0.81rem; background-position:96.17021% 28.71537%;}
.spr5.nav2.on,li.on .spr5.nav2{ width:1rem; height:1.09rem; background-position:84.79263% 0.81301%;}
.spr5.nav2{ width:0.63rem; height:0.82rem; background-position:95.96603% 49.74747%;}
.spr5.txt-box{ width:3.63rem; height:3.15rem; background-position:1.75439% 1.84049%;}
.spr5.txt-i{ width:0.15rem; height:0.16rem; background-position:47.7842% 97.8355%;}
.spr5.txt1{ width:1.81rem; height:1.13rem; background-position:99.15014% 87.67123%;}
.spr5.txt2{ width:2.43rem; height:1.55rem; background-position:1.03093% 99.07121%;}

.page5{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p5.jpg) 50% 100% no-repeat; background-size: cover;}
.page5 .main{width: 13.34rem; height: 8.3rem; position: absolute; left: 50%; top: 50%; margin-left: -6.67rem; margin-top: -4.15rem;}
.page5 .main li{display: none; width: 100%; height: 100%; position: relative;}
.page5 .main li.show{display: block;}
.page5 .bg{width: 9.21rem; height: 8.3rem; position: absolute; left: 50%; top: 0; margin-left: -5.65rem; z-index: 1;}
.page5 .guanxiaoyu .bg{ background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p5-rw1.png) no-repeat; background-size: 100% 100%;}
.page5 .sparrow .bg{ background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p5-rw2.png) no-repeat; background-size: 100% 100%;}
.page5 .txt{position: absolute; top: 1.71rem; left: 50%; margin-left: 2.07rem; width: 3.46rem; z-index: 2;}
.page5 .guanxiaoyu .txt{padding-left: .6rem;}
.page5 .txt2 p{ color: #d1b5f5; font-size: .18rem; line-height: .3rem; padding-top: 1.58rem; text-align: right;}
.page5 .txt-box{margin-top: -.04rem; margin-left: -.61rem; padding-top: .76rem;}
.page5 .txt-box p{height: .22rem; line-height: .22rem; color: #e8edff; font-size: .16rem; padding-right: .15rem; position: relative; width: 2.84rem; text-align: right;}
.page5 .txt-box i{position: absolute; right: 0; top: .03rem;}

.page5 .p5-nav{ width: 1.7rem; position: absolute; left: 50%; margin-left: 2.82rem; bottom: .3rem; font-size: 0; text-align: center; z-index: 3;}
.page5 .p5-nav li{width: .62rem; height: 1.28rem; display: inline-block; vertical-align: top; position: relative; margin: 0 .02rem; cursor: pointer;}
.page5 .p5-nav li.on{width: .98rem;}
.page5 .p5-nav li i{position: absolute; left: 50%; margin-left: -.31rem; bottom: 0;}
.page5 .p5-nav li.on i,.page5 .p5-nav li:hover i{margin-left: -.49rem;}

.page6{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p6.jpg) 50% 100% no-repeat; background-size: cover;}

.page6_spr { background-repeat: no-repeat;background-image:url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/page6_spr.png);}
.page6_cont {width:1297px; height:356px; background-position: -10px -10px}
.page6_line {width:950px; height:13px; background-position: -10px -376px}
.page6_list {width:153px; height:153px; background-position: -1317px -10px}
.page6_next {width:38px; height:51px; background-position: -1480px -10px}
.page6_prev {width:38px; height:51px; background-position: -1480px -71px}
.page6_tab1 {width:269px; height:59px; background-position: -1317px -242px}
.page6_tab1.cur {width:269px; height:59px; background-position: -1317px -173px}
.page6_tab2 {width:269px; height:59px; background-position: -970px -376px}
.page6_tab2.cur {width:269px; height:59px; background-position: -1317px -311px}
.page6_tab3 {width:269px; height:59px; background-position: -10px -399px}
.page6_tab3.cur {width:269px; height:59px; background-position: -1249px -380px}

.page6_main { width: 1300px; height: 696px; position: absolute; top: 50%; left: 50%; margin: -348px 0 0 -650px;}
.page6_tab_box { position: absolute; width: 994px; height: 59px; right: 0; bottom: 12px; z-index: 9;}
.page6_tab_box a { display: block; float: left; width: 218px; height: 59px; margin-right: 86px;}
.page6_tab_box a em { display: block;}
.page6_tab_box a em.cur { display: none;}
.page6_tab_box a.cur em { display: none;}
.page6_tab_box a.cur em.cur { display: block;}
.page6_tab_box a:hover em { display: none;}
.page6_tab_box a:hover em.cur { display: block;}
.page6_wrap_box { width: 100%; height: 329px; position: relative; z-index: 2;}
.page6_item { width: 100%; height: 100%; display: none; position: relative;}
.page6_swiper { position: relative; z-index: 2; width: 711px; height: 253px; overflow: hidden; margin: 0 auto;}
.page6_swiper li { float: left; margin: 0 42px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; cursor: pointer;}
.page6_swiper .page6_pic { width: 153px; height: 88px; position: relative; display: table-cell; vertical-align:middle; position: relative; top: 34px;}
.page6_swiper .page6_pic img { display: block; width: 180px; margin-left: -14px; height: auto;}
.page6_swiper .page6_name { position: absolute; width: 264%; left: -82%; top: 159px; font-size: 0; text-align: center;}
.page6_swiper .page6_name h5 { display: inline-block; vertical-align: middle; padding: 0 12px; width: auto; line-height: 32px; background-color: rgba(61,79,131,0.6); color: #ffffff; font-size: 22px;}
.page6_swiper li.swiper-slide-active { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;}
.page6_swiper li.swiper-slide-active .page6_name { height: 50px; top: 104px;}
.page6_swiper li.swiper-slide-active .page6_name h5 { font-size: 32px; background: none; line-height: 50px; text-shadow: 0 4px 4px #4b70c4,0 4px 4px #4b70c4; padding: 0;}
.page6_swiper li.swiper-slide-active .page6_pic img { display: block; transform: scale(1.2);}
.page6_line { position: absolute; top: 71px; left: 50%; margin-left: -475px;}
.page6_arrows { position: absolute; top: 51px; width: 1030px; height: 0; left: 50%; margin-left: -515px; z-index: 6;}
.page6_arrows a { display: block;}
.page6_prev { float: left;}
.page6_next { float: right;}
.page6_cont { margin: 0 auto; position: relative;}
.page6_cont .page6_pic { width: 930px; height: 348px; z-index: 2; display: table-cell; vertical-align: middle; position: relative; top: -62px; margin-left: 288px; left: 288px;}
.page6_cont .page6_pic img { display: block; width: 100%; height: auto; margin: 0 auto;}
.page6_cont .page6_name { position: absolute; z-index: 2; left: 0; top: -62px; line-height: 57px; color: #ffffff; font-size: 48px;}
.page6_cont .page6_name h5 { padding-left: 14px; font-weight: bold;}
.page6_cont .page6_name:before { content: ""; width: 8px; height: 37px; background-color: #c03401; position: absolute; top: 11px; left: 0;}
.page6_cont_text { position: absolute; left: 28px; top: 28px; color: #435687; font-size: 22px; line-height: 30px; width: 240px; z-index: 2; height: 326px; overflow-y: auto;}
.page6_cont_text::-webkit-scrollbar {width:8px;height:8px; border-radius:4px;}
.page6_cont_text::-webkit-scrollbar-thumb {background-color:#435687;border-radius:4px;}
.page6_swiper .page6_pic img.wq_img5,.page6_swiper .page6_pic img.wq_img10,.page6_swiper .page6_pic img.wq_img17,.page6_swiper .page6_pic img.wq_img18,.page6_swiper .page6_pic img.wq_img22,.page6_swiper .page6_pic img.wq_img23,.page6_swiper .page6_pic img.wq_img25 { width: auto; height: 100%; margin: 0 auto;}
.page6_cont .page6_pic .wq_img5,.page6_cont .page6_pic .wq_img10,.page6_cont .page6_pic .wq_img11,.page6_cont .page6_pic .wq_img17,.page6_cont .page6_pic .wq_img18,.page6_cont .page6_pic .wq_img20,.page6_cont .page6_pic .wq_img22,.page6_cont .page6_pic .wq_img23,.page6_cont .page6_pic .wq_img25 { height: 100%; width: auto;}
.page6_cont .page6_pic .wq_img8,.page6_cont .page6_pic .wq_img9,.page6_cont .page6_pic .wq_img12,.page6_cont .page6_pic .wq_img13,.page6_cont .page6_pic .wq_img14 { margin: 0 0 0 auto; width: 90%;}
.page6_swiper .page6_pic img.yh_img1,.page6_swiper .page6_pic img.yh_img2,.page6_swiper .page6_pic img.yh_img3,.page6_swiper .page6_pic img.yh_img4,.page6_swiper .page6_pic img.yh_img5 { width: auto; height: 100%; margin: 0 auto;}
.page6_cont .page6_pic .yh_img1,.page6_cont .page6_pic .yh_img2,.page6_cont .page6_pic .yh_img3,.page6_cont .page6_pic .yh_img4,.page6_cont .page6_pic .yh_img5 { height: 100%; width: auto; position: relative; left: -90px;}
.page6_swiper .page6_pic img.wh_img5,.page6_swiper .page6_pic img.wh_img8 { width: 130px; margin: 0 auto;}
.page6_cont .page6_pic .wh_img6 { width: auto; height: 100%; margin: 0 auto;}
.page6_cont .page6_pic .wh_img2,.page6_cont .page6_pic .wh_img5,.page6_cont .page6_pic .wh_img8,.page6_cont .page6_pic .wh_img11,.page6_cont .page6_pic .wh_img14,.page6_cont .page6_pic .wh_img19 { width: auto; height: 80%; position: relative; top: 20px;}
.page6_posi1 .page6_pic { left: 140px;}
.page6_cont .wq_img14,.page6_cont .wq_img15,.page6_cont .wq_img17,.page6_cont .wq_img19,.page6_cont .wq_img20,.page6_cont .wq_img21,.page6_cont .wq_img22,.page6_cont .wq_img23,.page6_cont .wq_img24,.page6_cont .wq_img25,.page6_cont .wq_img26,.page6_cont .wq_img27,.page6_cont .wq_img28 { position: relative; left: -120px;}

.spr7{ background-image:url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/spr7.png); background-repeat:no-repeat; background-size:2.32rem 3.66rem;}
.spr7.btn-fhsq{ width:1.93rem; height:0.52rem; background-position:7.69231% 50%;}
.spr7.time1{ width:0.12rem; height:3.6rem; background-position:92.72727% 50%;}
.spr7.time2{ width:0.11rem; height:3.6rem; background-position:98.64253% 50%;}
.spr7.tit1{ width:1.99rem; height:0.76rem; background-position:9.09091% 1.03448%;}
.spr7.tit2{ width:1.99rem; height:0.74rem; background-position:9.09091% 27.73973%;}


.page7{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p7.jpg) 50% 100% no-repeat; background-size: cover;}
.page7 .main{width: 12.02rem; height: 8.8rem; position: absolute; left: 50%; top: 50%; margin-left: -6.01rem; margin-top: -4.4rem; font-size: 0; text-align: center;}
.page7 .time-box{display: inline-block; vertical-align: top; width: 6rem; padding-top: 2.03rem; position: relative;}
.page7 .time-left{padding-right: 1.15rem;}
.page7 .time-right{padding-left: 0;}
.page7 .page-tit{display: block; margin: 0 auto;}
.page7 .time-left .time-list{ background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p7-bg1.png) no-repeat; width: 5.76rem; height: 4.05rem; margin-left: -.67rem; margin-top: .14rem; padding-top: .8rem; background-size: 100% 100%;}
.page7 .time-right .time-list{ background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p7-bg2.png) no-repeat; width: 5.55rem; height: 5.24rem; margin-left: -.03rem; margin-top: -.56rem; padding-top: .94rem; background-size: 100% 100%;}
.page7 .time1{position: absolute; right: .66rem; top: 3.09rem;}
.page7 .time2{position: absolute; left: -.3rem; top: 3.09rem;}
.page7 .time-box li{height: .89rem; text-align: left;}
.page7 .time-box h3{font-size: .2rem; line-height: .3rem; color: #fffeff; position: relative; padding-left: 2rem;}
.page7 .time-right h3{padding-left: 1.5rem;}
.page7 .time-box h3:after{content: ''; width: .03rem; height: .18rem; position: absolute; left: 1.9rem; top: .06rem; background: #fffeff;}
.page7 .time-right h3:after{left: 1.4rem;}
.page7 .time-box li p{font-size: .16rem; color: #ffff; padding-left: 1.9rem; line-height: .2rem; padding-top: .06rem;}
.page7 .time-right li p{ padding-top: 0;}
.page7 .time-right li p{padding-left: 1.4rem; width: 4.7rem;}

.page7 .time-left .time{position: absolute; right: .85rem; top: 3.38rem;}
.page7 .time-right .time{position: absolute; left: -.12rem; top: 2.9rem;}
.page7 .time li{height: 1.13rem; line-height: 1.13rem; color: #bbb9f7; font-size: .18rem;}
.page7 .time li:nth-of-type(1){height: 1.01rem;}
.page7 .time li:nth-of-type(2){height: .94rem;}
.page7 .time li:nth-of-type(3){height: .87rem;}

.page8{background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p8.jpg) 50% 100% no-repeat; background-size: cover;}
.page8 .main{width: 10.22rem; height: 6.65rem; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/p8-btn.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -5.55rem; margin-top: -3.325rem; background-size: 100% 100%;}


.page2.swiper-slide-active .swiper-container{animation: scale .5s .5s linear; opacity: 0; animation-fill-mode:forwards;}

.page2.show-more .txt-ul:after{animation: bounceInleft 1s ease both;}
.page2.show-more .txt-ul li{animation: bounceInright 1s ease both;}

.page3 li.show .tit{animation: bounceInleft 1s ease both;}
.page3 li.show .main-txtbox{animation: bounceInright 1s ease both;}

.page4.swiper-slide-active .btn1{animation: bounceInleft 1s ease both;}
.page4.swiper-slide-active .btn2{animation: bounceInright 1s ease both;}
.page4.swiper-slide-active .btn-map{animation: bounceInbot .5s .5s ease both;}

.page4.show-more .tab-btnbox{animation: bounceIntop 1s ease both;}
.page4.show-more .tab-divbox{animation: bounceInbot 1s ease both;}


.page5.swiper-slide-active .bg{animation: bounceInleft 1s ease both;}
.page5.swiper-slide-active .txt{animation: bounceInright 1s ease both;}
.page5.swiper-slide-active .p5-nav{animation: bounceInbot .5s .5s ease both;}

.page6.swiper-slide-active .page6_wrap_box{animation: bounceIntop 1s ease both;}
.page6.swiper-slide-active .page6_cont{animation: bounceInbot 1s ease both;}
.page6.swiper-slide-active .page6_tab_box{animation: bounceInright .5s .5s ease both;}

.page7.swiper-slide-active .time-left{animation: bounceInleft 1s ease both;}
.page7.swiper-slide-active .time-right{animation: bounceInright 1s ease both;}

.page8.swiper-slide-active .main{animation: scale 0.5s 0.5s linear; opacity: 0; animation-fill-mode:forwards;}

@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;}
}


.blue-mask{position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); z-index: 99; height: 100%; width: 100%; display: none;}
.blue-mask.show{display: block;}
.blue-sticker{width: 10rem; height: 5.4rem; position: absolute; left: 50%; top: 50%; margin-left: -5rem; margin-top: -2.7rem;}
.blue-mask.show .blue-sticker{animation: bounceInbot .5s ease both;}
.blue-sticker .btn-close{position: absolute; width: .78rem; height: .44rem; background: url(//game.gtimg.cn/images/cfm/cp/a20220408HLjfbbztm/btn-close.png) no-repeat; right: -.9rem; top: 0; background-size: 100% 100%;}
.blue-sticker .img-box{height: 100%; overflow-y: auto; padding-right: .08rem;}
.blue-sticker .img-box img{width: 100%; display: block;}
.blue-sticker .img-box::-webkit-scrollbar {width:.08rem;height:.08rem;}
.blue-sticker .img-box::-webkit-scrollbar-track-piece {background-color:#6992e4;}
.blue-sticker .img-box::-webkit-scrollbar-thumb {background-color:#a1e1fd;}