body,html{background-color: #111112; min-width: 1080px;}
/*-----------------------------------------*/
.spr2{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817world/spr2.png); background-repeat:no-repeat; background-size:2.3rem 2.33rem;}
.spr2.arror_left1.act{ width:0.83rem; height:0.83rem; background-position:2.04082% 2%;}
.spr2.arror_left1{ width:0.83rem; height:0.83rem; background-position:2.04082% 58.66667%;}
.spr2.arror_left2:hover{ width:0.5rem; height:0.5rem; background-position:96.11111% 71.5847%;}
.spr2.arror_left2{ width:0.5rem; height:0.5rem; background-position:1.66667% 94.53552%;}
.spr2.arror_right1.act{ width:0.83rem; height:0.83rem; background-position:59.86395% 2%;}
.spr2.arror_right1{ width:0.83rem; height:0.83rem; background-position:59.86395% 58.66667%;}
.spr2.arror_right2:hover{ width:0.5rem; height:0.5rem; background-position:30.55556% 94.53552%;}
.spr2.arror_right2{ width:0.5rem; height:0.5rem; background-position:59.44444% 94.53552%;}
.spr2.close_icon.act{ width:0.54rem; height:0.62rem; background-position:98.29545% 1.75439%;}
.spr2.close_icon{ width:0.54rem; height:0.62rem; background-position:98.29545% 39.18129%;}
.spr2.move_icon{ width:0.32rem; height:0.47rem; background-position:80.30303% 98.3871%;}

.spr2.arror_left1,.spr2.arror_right1,.spr2.close_icon{position: absolute;left: 0;right: 0;transition: opacity .3s ease-in-out;}
.spr2.arror_left1.act,.spr2.arror_right1.act,.spr2.close_icon.act{opacity: 0;}
.swiper-button-prev:hover span.act,.swiper-button-next:hover span.act{opacity: 1;}
/*conmm*/
/*.part-world .part{max-width: 2560px;margin: 0 auto;}
.part-world .part1{max-width: 100%;position: relative;}*/
.wrapper{max-width: 2560px;margin: 0 auto;}
.part-world{margin-top: 1.2rem; position: relative; overflow: hidden;}
.part-world .content{width: 19.2rem;text-align: center;margin: 0 auto;position: relative;}
.part-world span,.part-world a{display: inline-block;}
.tit_txt{text-align: center;opacity: 0;font-size: 0;}
.tit_txt span{font-size: 0.48rem;font-weight: 500;color: #fff;position: relative;letter-spacing: 0.08rem;}
.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%);}
.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%);}
.part-world .sw_box{width: 16.56rem; margin: .8rem auto 0;position: relative;opacity: 0;}
.part-world .sw_box .swiper-slide{margin: 0 0.18rem;width: 5.16rem;height: 6.28rem;}
.part-world .sw_box .swiper-button-prev{left: -1.52rem;background: none;width: 0.83rem;height: 0.83rem;}
.part-world .sw_box .swiper-button-next{right: -1.52rem;background: none;width: 0.83rem;height: 0.83rem;}
.part-world .sw_box .swiper-button-disabled{display: none;}
.part-world .sw_box .sw_item{position: relative;width: 100%;height: 100%;overflow: hidden;margin: 0 auto; cursor: pointer;}
.part-world .sw_box .sw_item img{width: 100%;height: 100%;object-fit: cover; display: block;transition: all .3s;}
.part-world .sw_box .sw_item:hover img{transform: scale(1.1);}
.p2_sw_box .sw_item .dark_mask,.p3_sw_box .sw_item .dark_mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: opacity .3s;}
.p2_sw_box .sw_item:hover .dark_mask,.p3_sw_box .sw_item:hover .dark_mask{opacity: 1;}
.p2_sw_box .sw_item .dark_mask span,.p3_sw_box .sw_item .dark_mask span{background-color: #000000;opacity: 0.6;width: 100%;height: 100%;}
.p2_sw_box .sw_item .dark_mask p,.p3_sw_box .sw_item .dark_mask p{font-size: 0.36rem;font-weight: 500;color: #fff;width: 100%;height: 0.8rem;letter-spacing: 0.06rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
/*ÊÀ½çÄ£¿éÄÚÈÝ*/
.part-world-bgbox { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.part-world-bg1 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/t2_bg1.jpg) 50% 0 no-repeat; background-size: cover; width: 100%; height: 13.18rem;}
.part-world-bg2 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/t2_bg2.jpg) 50% 0 no-repeat; background-size: cover; width: 100%; height: 17.49rem;}
.part-world-bg3 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/t2_bg3.jpg) 50% 0 no-repeat; background-size: cover; width: 100%; height: 17.52rem;}
.part-world-bg4 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/t2_bg4.jpg) 50% 0 no-repeat; background-size: cover; width: 100%; height: 17.51rem;}
.part1{width: 100%;height: 12.9rem;position: relative;}
.part2{width: 100%;height: 10rem;}
.part3{width: 100%;height: 10rem;}
.part4{width: 100%;height: 9.62rem;}
.part5{width: 100%;height: 9rem;}
.part1 .p1_txt_box{padding-top: 5.5rem;}
.part1 .p1_txt_box h1{font-size: 0.8rem;font-weight: 500;color: #fff;letter-spacing: 0.2rem;margin-bottom: 0.4rem;}
.part1 .p1_txt_box p{font-size: 0.21rem;font-weight: 400;color: #fff;line-height: 0.4rem;letter-spacing: 0.02rem;line-height: .37rem;}
.part2 .content{padding-top: 0.3rem;}
.part3 .content{padding-top: 0.2rem;}
.part4 .content{padding-top: 0.4rem;}
.part4 .p4_box{height: 5.86rem;opacity: 0; width: 16.22rem; margin: .8rem auto 0;}
.part4 .left_img_box{float: left;}
.part4 .left_img_box{width: 10.44rem;height: 100%;}
.part4 .left_img_box .swiper-container{width: 100%;height: 100%;}
.part4 .left_img_box .img_box{width: 100%;height: 100%;position: relative;}
.part4 .left_img_box .img_box::before{content: '';width: 16.53rem;height: 100%;background: url(//game.gtimg.cn/images/gp/cp/a20230817world/shade_img.png) no-repeat;background-size: 100% 100%; position: absolute;left: 0;bottom: 0;}
.part4 .left_img_box img{width: 100%;vertical-align: top;height: 100%;object-fit: cover;}
.part4 .left_img_box .swiper-pagination{line-height: 0.18rem;}
.part4 .left_img_box .swiper-pagination span{width: 0.6rem;height: 0.02rem;background: #fff;opacity: 0.5;margin: 0;border-radius: initial;vertical-align: middle;}
.part4 .left_img_box .swiper-pagination span.swiper-pagination-bullet-active{height: 0.04rem;opacity: 1;}
.part4 .right_txt_box{float: left;padding: 0 0.6rem;background-color: #232425;width: 4.56rem;height: 100%;text-align: left;position: relative;}
.part4 .right_txt_box h2{font-size: 0.4rem;color: #fff;font-weight: 500;padding: .46rem 0 0.38rem; line-height: .6rem;}
.part4 .right_txt_box p{font-size: 0.21rem;color: #bdbebe;line-height: 0.36rem;letter-spacing: 0.02rem;font-weight: 400;text-align: justify;}
.part4 .btn_switch{position: absolute;bottom: 0.3rem;left: 0.6rem;height: 0.5rem;font-size: 0;}
.part4 .btn_switch a{margin: 0 0.1rem 0 0;position: initial;}

.part5 .content{padding-top: 0;}
.part5 .sw_item .dark_mask span{font-size: 0.4rem;font-weight: 700;color: #fff; line-height: 0.51rem;}
.part5 .sw_item .dark_mask p{font-size: 0.21rem;font-weight: 500;color: #fff;line-height: 0.21rem;}
.part5 .sw_item .dark_mask{position: absolute;left: 0.4rem;bottom: 0.4rem; text-align: left;}
.part5 .sw_item a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}

.dialog{outline: none; width: 100vw; height: 100vh; background: rgba(0,0,0,.96); position: fixed; left: 0; top: 0; display:flex; display:-webkit-flex; align-items:center; justify-content:center; transform: translateX(110%);}
.dialog.show{transform: translateX(0);}
.sw_dia .tit_txt{opacity: 1;}
.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;}
.sw_dia .swiper-button-prev{left: -1.5rem;width: 0.83rem;height: 0.83rem;}
.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: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;}

.emerge{animation: atmove .4s .2s ease-out both;animation-fill-mode: forwards;}
.sw_box.emerge,.p4_box.emerge,.p1_txt_box p.emerge{animation: atmove .4s .2s ease-out both;animation-fill-mode: forwards;}
@keyframes atmove {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
.part-map-cont { width: 100%; position: absolute; height: 14.4rem; left: 0; top: 0; 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 #000;
  border-bottom: .02rem solid #000;
  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 #000;
  top: 1.7rem;
}


.wheel {
  height: .05rem;
  width: .02rem;
  display: block;
  margin: .05rem auto;
  background: #000;
  position: relative;
  
  height: .04rem;
  width: .04rem;
  border: .02rem solid #000;
  -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; }
}