body,html{background-color: #111112; min-width: 1080px;}
/*-----------------------------------------*/
.lz-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-spr.png); background-repeat:no-repeat; background-size:9.05rem 0.88rem;}
.lz-spr.arrow_left_default{ width:0.83rem; height:0.82rem; background-position:0.36496% 50%;}
.lz-spr.arrow_left_disabled{ width:0.83rem; height:0.82rem; background-position:10.7056% 50%;}
.lz-spr.arrow_left_hover{ width:0.82rem; height:0.82rem; background-position:52.00486% 50%;}
.lz-spr.arrow_right_default{ width:0.83rem; height:0.82rem; background-position:21.04623% 50%;}
.lz-spr.arrow_right_disabled{ width:0.83rem; height:0.82rem; background-position:31.38686% 50%;}
.lz-spr.arrow_right_hover{ width:0.83rem; height:0.82rem; background-position:41.72749% 50%;}
.lz-spr.close{ width:0.54rem; height:0.62rem; background-position:99.64747% 11.53846%;}
.lz-spr.tc_left{ width:0.82rem; height:0.82rem; background-position:62.21142% 50%;}
.lz-spr.tc_left_hover{ width:0.82rem; height:0.82rem; background-position:72.41798% 50%;}
.lz-spr.tc_right{ width:0.82rem; height:0.82rem; background-position:82.62454% 50%;}
.lz-spr.tc_right_hover{ width:0.82rem; height:0.82rem; background-position:92.83111% 50%;}
/*conmm*/
.wrapper{max-width: 2560px;margin: 0 auto;}
.dialog{outline: none;}
.swiper-button-next,.swiper-button-prev{background: none !important;}
.sw_dia .swiper-button-prev span,.sw_box .swiper-button-prev span,.sw_dia .swiper-button-next span,.sw_box .swiper-button-next span{
transition: opacity .3s;
}
.sw_dia .tit_txt{opacity: 1;}
.sw_dia .tit_txt{text-align: center;font-size: 0;}
.sw_dia .tit_txt span{font-size: 0.48rem;font-weight: 500;color: #fff;position: relative;letter-spacing: 0.08rem;}
.sw_dia .tit_txt span::before{content: '';width:1.87rem; height:0.14rem;background: url(//game.gtimg.cn/images/gp/cp/a20230817world/line_left.png) no-repeat;background-size: 100% 100%;position: absolute;left: -2.25rem;top: 50%;transform: translateY(-50%);}
.sw_dia .tit_txt span::after{content: '';width:1.87rem; height:0.14rem;background: url(//game.gtimg.cn/images/gp/cp/a20230817world/line_right.png) no-repeat;background-size: 100% 100%;position: absolute;right: -2.25rem;top: 50%;transform: translateY(-50%);}
.sw_dia .dia-con{width: 12rem;margin: 0 auto;position: relative;}
.sw_dia .swiper-button-next{right: -1.5rem;width: 0.83rem;height: 0.83rem;position: absolute;}
.sw_dia .swiper-button-prev{left: -1.5rem;width: 0.83rem;height: 0.83rem;position: absolute;}
/* .sw_dia .swiper-button-disabled{opacity: 0.6;} */
.sw_dia .dia-close{position: absolute;right: -1.8rem;top: 0;width: 0.54rem;height: 0.62rem;}
.sw_dia .dia-close span{display: block;position: absolute;top: 0px; left: 0px; transition: opacity .3s;}
.sw_dia .dia-close span.act{opacity:0;}
.sw_dia .dia-close:hover span.act{opacity: 1;}
.sw_dia .sw_dia_box{position: relative;}
.sw_dia .dia_img{width: 100%;height: 6.7rem;}
.sw_dia .dia_img img{width: 100%;height: 100%;object-fit: cover;}
.sw_dia .dia_txt_box .tit_txt{margin: 0.8rem 0 0.4rem;}
.sw_dia .dia_txt_box .text{font-size: 0.26rem;color: #fff;opacity: 0.8;line-height: 1.8;}
.sw_dia .swiper-button-prev:hover .lz-spr.tc_left_hover{opacity: 1;}
.sw_dia .swiper-button-next:hover .lz-spr.tc_right_hover{opacity: 1;}
.sw_dia .swiper-button-prev:hover .lz-spr.tc_left{opacity: 0;}
.sw_dia .swiper-button-next:hover .lz-spr.tc_right{opacity: 0;}
.sw_dia .swiper-button-prev .arrow_left_disabled{opacity: 0;}
.sw_dia .swiper-button-next .arrow_right_disabled{opacity: 0;}
.sw_dia .swiper-button-prev .lz-spr.tc_left_hover{opacity: 0;}
.sw_dia .swiper-button-next .lz-spr.tc_right_hover{opacity: 0;}
.sw_dia .swiper-button-disabled span{opacity: 0;}
.sw_dia .swiper-button-disabled .lz-spr.tc_left,.swiper-button-disabled .lz-spr.tc_right{opacity: 1 !important;}
.sw_dia .swiper-button-prev span,.sw_dia .swiper-button-next span{position: absolute;top: 0px;left: 0px; display:block;}
.emerge{animation: atmove .4s .2s ease-out both;animation-fill-mode: forwards;}
/*Ö÷ÌåÄÚÈÝ*/
div,ul,li,a,span,p{margin: 0px;padding: 0px;}
img{vertical-align: bottom;}
.page1{ position: relative;}
.page1 img{width: 100%;}
.page1 .title{width: 100%; height: 0.76rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-text1.png) no-repeat center top; background-size: 9.64rem 0.76rem;position: absolute;left: 0rem;bottom: 1.7rem;}
.page2{height: 7.88rem; overflow: hidden;margin-top: -1px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-bg2.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.page2 .title{width: 100%; height: 1.59rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-head1.png) no-repeat center top; background-size: 5.38rem 1.58rem; margin-top: 0.5rem;}
.page2 .explore-list{position: relative;height: 3.58rem;background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-timeline.png) no-repeat center top; background-size: 25.29rem 100%; box-sizing: border-box;margin-top: 1.08rem;}
.page2 li{display: inline-block;vertical-align: top;width: 3.47rem;position: absolute;}
.page2 li:nth-child(1){left: 20.4%;top: -0.1rem;}
.page2 li:nth-child(2){left: 44.2%;top: -0.1rem;}
.page2 li:nth-child(3){left: 68.2%;top: -0.1rem;}
.page2 li:nth-child(4){left: 32.2%;top: 71%;}
.page2 li:nth-child(5){left: 56.2%;top:71%;width: 4.43rem;}
.page2 li p{font-size:0.22rem;line-height: 0.34rem;color: #fff;width: 100%;}
.page3{height: 19.81rem;margin-top: -1px;overflow: hidden;background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-bg3.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.page3 h1:nth-child(1){width: 100%; height: 1.74rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-head2.png) no-repeat center top; background-size: 8.60rem 1.74rem; margin-top: 0.6rem;}
.page3 h1:nth-child(3){width: 100%; height: 1.74rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-head3.png) no-repeat center top; background-size: 8.60rem 1.74rem; margin-top: 1.1rem;}
.page4{height: 15.55rem;margin-top: -1px;overflow: hidden;background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-bg4.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.page4 h1:nth-child(1){width: 100%; height: 1.59rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/lz-head4.png) no-repeat center top; background-size: 5.38rem 1.59rem; margin-top: 0.58rem;}
.page4 .p3_sw_box.sw_box{margin-top: 0.96rem;}
.page4 .p3_sw_box.sw_box .swiper-button-prev{left: -1.52rem;top: 3.34rem;background: none;width: 0.83rem;height: 0.83rem;position: absolute;}
.page4 .p3_sw_box.sw_box .swiper-button-next{right: -1.52rem;top: 3.34rem;background: none;width: 0.83rem;height: 0.83rem;position: absolute;}
.sw_box{width: 16.56rem; margin: .56rem auto 0;position: relative;}
.sw_box .swiper-slide{margin: 0 0.18rem;width: 5.16rem;height: 6.28rem;}
.sw_box .swiper-button-prev{left: -1.52rem;top: 3.02rem;background: none;width: 0.83rem;height: 0.83rem;position: absolute;}
.sw_box .swiper-button-next{right: -1.52rem;top: 3.02rem;background: none;width: 0.83rem;height: 0.83rem;position: absolute;}
.sw_box .swiper-button-prev:hover .lz-spr.arrow_left_hover{opacity: 1;}
.sw_box .swiper-button-next:hover .lz-spr.arrow_right_hover{opacity: 1;}
.sw_box .swiper-button-prev:hover .lz-spr.arrow_left_default{opacity: 0;}
.sw_box .swiper-button-next:hover .lz-spr.arrow_right_default{opacity: 0;}
.sw_box .swiper-button-prev .lz-spr.arrow_left_disabled{opacity: 0;}
.sw_box .swiper-button-next .lz-spr.arrow_right_disabled{opacity: 0;}
.sw_box .swiper-button-prev .lz-spr.arrow_left_hover{opacity: 0;}
.sw_box .swiper-button-next .lz-spr.arrow_right_hover{opacity: 0;}
.sw_box .swiper-button-disabled span{opacity: 0;}
.sw_box .swiper-button-disabled .lz-spr.arrow_left_disabled,.swiper-button-disabled .lz-spr.arrow_right_disabled{opacity: 1 !important;}
.sw_box .swiper-button-prev span,.sw_box .swiper-button-next span{position: absolute;top: 0px;left: 0px; display:block;}
.sw_box .sw_item{position: relative;width: 100%;height: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;}
.sw_box .sw_item img{width: 100%;height: 100%;object-fit: cover; display: block;transition: all .3s;}
.sw_box .sw_item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.sw_box .sw_item:hover img{transform: scale(1.1);}
.p1_sw_box .sw_item .dark_mask,.p2_sw_box .sw_item .dark_mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity .3s;}
.p1_sw_box .sw_item:hover .dark_mask,.p2_sw_box .sw_item:hover .dark_mask{opacity: 1;}
.p1_sw_box .sw_item .dark_mask span,.p2_sw_box .sw_item .dark_mask span{display: block; background-color: #000000;opacity: 0.6;width: 100%;height: 100%;}
.p1_sw_box .sw_item .dark_mask p,.p2_sw_box .sw_item .dark_mask p{font-size: 0.36rem;font-weight: 500;color: #fff;text-align: center;width: 100%;height: 0.8rem;letter-spacing: 0.06rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p3_sw_box .sw_item .dark_mask span{font-size: 0.4rem;font-weight: 700;color: #fff; line-height: 0.51rem;}
.p3_sw_box .sw_item .dark_mask p{font-size: 0.21rem;font-weight: 500;color: #fff;line-height: 0.21rem;}
.p3_sw_box .sw_item .dark_mask{position: absolute;left: 0.4rem;bottom: 0.4rem;}
@keyframes bounceInleft {
0% {opacity: 0;transform: translateX(-2rem);}
100% {transform: translateX(0);opacity: 1;}
}
@keyframes bounceInright{
0% {opacity: 0;transform: translateX(2rem);}
100% {transform: translateX(0);opacity: 1;}
}
@keyframes bounceInbot {
0% {opacity: 0;transform: translateY(2rem);}
100% {transform: translateY(0);opacity: 1;}
}
@keyframes bounceIntop {
0% {opacity: 0;transform: translateY(-2rem);}
100% {transform: translateY(0);opacity: 1;}
}
@keyframes scale {
0%{transform: scale(1.5);opacity: 0;}
80%{transform: scale(0.9);opacity: 1;}
100%{transform: scale(1);opacity: 1;}
}
.page1 .title,.page2 .title,.page2 .explore-list,.page3 .text1,.page3 .p1_sw_box.sw_box,.page3 .text2,.page4 .p2_sw_box.sw_box,.page4 .title,.page4 .p3_sw_box.sw_box{opacity: 0;}
.page1 .title.swiper-slide-ani,.page2 .title.swiper-slide-ani,.page2 .explore-list.swiper-slide-ani{animation: bounceInbot .4s .2s ease-out both;}
.page3 .text1.swiper-slide-ani{animation: bounceInbot .4s .2s ease-out both;}
.page3 .text2.swiper-slide-ani{animation: bounceInbot .4s .2s ease-out both;}
.page3 .p1_sw_box.sw_box.swiper-slide-ani {animation: bounceInbot .4s .4s ease-out both;}
.page3 .p2_sw_box.sw_box.swiper-slide-ani{animation: bounceInbot .4s .4s ease-out both;}
.page4 .title.swiper-slide-ani{animation: bounceInbot .4s .2s ease-out both;}
.page4 .p3_sw_box.sw_box.swiper-slide-ani{animation: bounceInbot .4s .4s ease-out both;}
.part-map-cont { width: 100%; position: absolute; height: 15.7rem ; left: 0; top: 1rem; z-index: 9; pointer-events: none;}
.arrows-box span { display: block;}
.part-map-cont .mouse-scroll { transition: all .3s;}
.part-map-cont .mouse-scroll.on { opacity: 1;}
.mouse-scroll {
width: .24rem;
height: .12rem;
position: absolute;
left: 50%;
margin-left: -.12rem;
bottom: 1rem;
z-index: 9;
opacity: 0;
}
.scroll-arrows
{
display: block;
width: .05rem;
height: .05rem;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: .02rem solid #fff;
border-bottom: .02rem solid #fff;
margin: 0 0 .03rem .04rem;
width: .16rem;
height: .16rem;
}
.unu
{
margin-top: .01rem;
}
.unu, .doi, .trei
{
-webkit-animation: mouse-scroll 1s infinite;
-moz-animation: mouse-scroll 1s infinite;
animation: mouse-scroll 1s infinite;
}
.unu
{
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-webkit-animation-direction: alternate;
animation-direction: alternate;
animation-delay: alternate;
}
.doi
{
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-webkit-animation-direction: alternate;
animation-delay: .2s;
animation-direction: alternate;
margin-top: -.06rem;
}
.trei
{
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-webkit-animation-direction: alternate;
animation-delay: .3s;
animation-direction: alternate;
margin-top: -.06rem;
}
.sam-mouse {
height: .42rem;
width: .24rem;
border-radius: .14rem;
transform: none;
border: .02rem solid #fff;
}
.wheel {
height: .05rem;
width: .02rem;
display: block;
margin: .05rem auto;
background: #fff;
position: relative;
height: .04rem;
width: .04rem;
border: .02rem solid #fff;
-webkit-border-radius: .08rem;
border-radius: .08rem;
}
.isblack .scroll-arrows{border-right: .02rem solid #fff; border-bottom: .02rem solid #fff;}
.isblack .sam-mouse{border: .02rem solid #fff;}
.isblack .wheel{background: #fff; border: .02rem solid #fff}
.wheel {
-webkit-animation: mouse-wheel 0.6s linear infinite;
-moz-animation: mouse-wheel 0.6s linear infinite;
animation: mouse-wheel 0.6s linear infinite;
}
@-webkit-keyframes mouse-wheel{
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
}
@-moz-keyframes mouse-wheel {
50%{top:.04rem}
}
@-o-keyframes mouse-wheel {
50%{top:.04rem}
}
@keyframes mouse-wheel {
50%{top:.04rem}
}
@-webkit-keyframes mouse-scroll {
0% { opacity: 0;}
50% { opacity: .5;}
100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}
@keyframes mouse-scroll {
0% { opacity: 0; }
50% { opacity: .5; }
100% { opacity: 1; }
}