html,body,.wrapper,.story-header{width: 100%; position: relative;}
html,body { margin: 0 auto; background-color: #000; min-width: 1600px; max-width: 3840px; overflow-x: auto;}
.org-over { height: 100%; }
.org-over .wrapper { background-color: #131314;}

.guide-box{position: absolute; left: 50%; width: .84rem; margin-left: -.42rem; height: 1.2rem; bottom: 0; z-index: 8; text-align: center; pointer-events: none; }
.guide-box i{display: block; margin: 0 auto; animation: move 1s linear infinite;}
.guide-box span{display: block; color: #222; font-size: .22rem; line-height: .4rem;}
.isblack .guide-box span{ color: #fff; opacity: .6;}

@-webkit-keyframes move{50%{-webkit-transform:translate3d(0,-.1rem,0)}}
@keyframes move{50%{transform:translate3d(0,-.1rem,0)}}

.wrapper,.wrapper *{box-sizing: border-box;}
.wrapper{font-size: 12px; height: 100%; overflow: hidden;}
html.overflow,body.overflow { overflow: hidden;}

@font-face {
 	font-family:AgencyFB;
 	src: url(//game.gtimg.cn/images/gp/cp/a20250611gsz/font/AGENCYR.TTF);
}



.copygirht_details { position: relative;}
/*渠道按钮*/
.footer-btn-box{position: absolute; bottom: .44rem; left: .6rem; z-index: 9; display: none;}





.btn-comm-hover span{position: relative; z-index: 2;}
.btn-comm-hover i,.btn-comm-hover em{position: absolute; left: 0; top: 0;  transition: .3s ease-out opacity; z-index: 1;}
.btn-comm-hover em,.btn-comm-hover:hover i{opacity: 0;}
.btn-comm-hover:hover em{opacity: 1;}

.nav-bar{position: absolute; left: 0; top: 0; z-index: 9; background: url(//game.gtimg.cn/images/gp/cp/a20250611gsz/comm/state2_xbg.png) 0 50000% repeat-x;}
.org-over .isblack .nav-bar{ background: url(//game.gtimg.cn/images/gp/cp/a20250611gsz/comm/state2_xbg.png) 0 0 repeat-x; background-size: .1rem 1.2rem;}
.org-over .white .nav-bar{ background: url(//game.gtimg.cn/images/gp/cp/a20250611gsz/comm/state2_xbg.png) 0 0 repeat-x; background-size: .1rem 1.2rem;}
/*版权信息按钮*/
.btn-copy{right: .6rem; position: absolute; bottom: .44rem; z-index: 9; padding-right: .36rem; font-size: .2rem; line-height: .54rem; color: #363636; transition: .3s ease color; height: .54rem;}
.btn-copy i,.btn-copy em{position: absolute; right: 0; top: .155rem; left: auto;}
.btn-copy:hover{color: #222;}
.isblack .btn-copy{color: #b3b3b3;}
.isblack .btn-copy:hover{color: #fff;}
.isblack .correct.btn-copy{color: #363636;}
.isblack .correct.btn-copy:hover{color: #222;}

/*底部*/
.org-over .copygirht_details{position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; transform: translateY(230px);}
.org-over .copygirht_details.show{transform: translateY(0);}

.mouse-scroll {
	width: .24rem;
	height: .12rem;
	position: absolute;
	left: 50%;
	margin-left: -.12rem;
	bottom: 1rem;
	z-index: 9;
	opacity: .6;
}


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

@keyframes fadeInDown1 {
    0% {
        opacity: 0;
        transform: translate3d(0,100px,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}
@keyframes fadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadeOut1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.fadeanim { animation: fadeInDown1 .4s .2s ease-out both;}
.fadeanim1 { animation-delay: 0s; animation-duration: .1s;}
.comm-scroll::-webkit-scrollbar {
  width: .1rem;
  height: .1rem; 
  background-color: transparent;
}
.comm-scroll::-webkit-scrollbar-button { 
  width: 0; 
  height: 0; 
}
.comm-scroll::-webkit-scrollbar-corner { 
  display: block; 
}
.comm-scroll::-webkit-scrollbar-thumb { 
  background-clip: padding-box;
  background-color: #353535; 
  border-radius: 4px; 
}

/*spr*/


.adven-wrap { width: 2560px; height: 1440px; position: absolute; left: 50%; top: 50%; margin: -720px 0 0 -1280px; overflow: hidden;}
.adven-cont { width: 100%; height: 100%; position: relative; z-index: 1;}
.adven-cont.events { pointer-events: none;}
.adven-cont-item { width: 100%; height: 100%; display: none;}
.adven-cont-item1 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-bg1.jpg?v=24.07.23) no-repeat center center; background-size: 100% 100%;}
.adven-cont-item2 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-bg2.jpg) no-repeat center center; background-size: 100% 100%;}
.adven-item1-box { width: 2560px; height: 1440px; position: absolute; left: 0; top: 0; z-index: 3;}
.adven-item1-box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.adven-item1-hover { position: absolute; z-index: 1; width: 100%; height: 100%;}
.adven-item1-hover em { position: absolute; opacity: 0; transition: all .3s;}
.adven-item1-hover em.on { opacity: 1;}
.adven-item1-hover i.ring { width: 568px; height: 441px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/ring.png) no-repeat 0 0; position: absolute; top: 338px; left: 370px; z-index: 1; }
.adven-item1-hover1 { width: 320px; height: 158px; left: 0px; top: 264px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover1.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover2 { width: 787px; height: 1103px; left: 0; bottom: 0; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover2.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover3 { width: 175px; height: 161px; left: 620px; top: 465px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover3.png?v=24.07.23) no-repeat 0 0; z-index: 2; }
.adven-item1-hover4 { width: 1122px; height: 1029px; left: 490px; bottom: 0; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover4.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover5 { width: 343px; height: 73px; left: 845px; top: 273px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover5.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover6 { width: 236px; height: 122px; left: 1013px; top: 319px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover6.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover7 { width: 267px; height: 251px; left: 1840px; top: 658px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover7.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover8 { width: 1469px; height: 1007px; left: 1091px; bottom: 0; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/v9/adven-item1-hover8.png?v=241211) no-repeat 0 0;}
.adven-item1-hover9 { width: 448px; height: 97px; left: 1293px; top: 228px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover9.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover10 { width: 231px; height: 104px; left: 1643px; top: 284px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover10.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover11 { width: 335px; height: 79px; left: 1827px; top: 234px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover11.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover12 { width: 340px; height: 101px; right: 0; top: 282px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover12.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover13 { width: 284px; height: 87px; right: 6px; top: 392px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item1-hover13.png?v=24.07.23) no-repeat 0 0;}
.adven-item1-hover14 { width: 163px; height: 83px; right: 636px; bottom: 382px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/v9/adven-item1-hover14.png?v=241211) no-repeat 0 0;}

.adven-item2-box { width: 2560px; height: 1440px; position: absolute; left: 0; top: 0; z-index: 3;}
.adven-item2-box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.adven-item2-hover { position: absolute; z-index: 1; width: 100%; height: 100%;}
.adven-item2-hover em { position: absolute; opacity: 0; transition: all .3s;}
.adven-item2-hover em.on { opacity: 1;}
.adven-item2-hover1 { width: 216px; height: 194px; left: 305px; top: 401px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item2-hover1.png) no-repeat 0 0;}
.adven-item2-hover2 { width: 672px; height: 406px; left: 260px; top: 558px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item2-hover2.png) no-repeat 0 0;}
.adven-item2-hover3 { width: 1805px; height: 715px; left: 755px; top: 470px; background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-item2-hover3.png) no-repeat 0 0;}
.adven-item2-hover4 { width: 1px; height: 1px;}

.adven-anim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none;}
.adven-anim.open { animation: maskAni ease-in-out 4s;}
.adven-anim.open .cloud-left { animation: cloudLeft ease-in-out 4s;}
.adven-anim.open .cloud-right{ animation: cloudRight ease-in-out 4s;}
.adven-anim.open .cloud-bottom{ animation: cloudBottom ease-in-out 4s;}
.adven-anim.open .adven-text { animation: titShow ease-in-out 4s;}
.adven-anim.on { animation: maskAni1 ease-in-out 4s;}
.adven-anim.on .cloud-left { animation: cloudLeft ease-in-out 4s;}
.adven-anim.on .cloud-right{ animation: cloudRight ease-in-out 4s;}
.adven-anim.on .cloud-bottom{ animation: cloudBottom ease-in-out 4s;}
.adven-anim.on .adven-text { animation: titShow ease-in-out 4s;}
.cloud-left { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/cloud-left.png) no-repeat 0 0; width: 2560px; height: 1440px; position: absolute; left: -2560px; top: 0;}
.cloud-right { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/cloud-right.png) no-repeat 0 0; width: 2560px; height: 1440px; position: absolute; right: -2560px; top: 0;}
.cloud-bottom { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/cloud-bottom.png) no-repeat 0 0; width: 2560px; height: 1440px; position: absolute; left: 0; bottom: -1440px;}
.adven-text { position: absolute; z-index: 3; left: 50%; top: 50%; opacity: 0;}
.adven-text1 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-text1.png) no-repeat 0 0; width: 617px; height: 49px; margin: -25px 0 0 -309px;}
.adven-text2 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-text2.png) no-repeat 0 0; width: 617px; height: 49px; margin: -25px 0 0 -309px;}
.adven-text3 { background: url(//game.gtimg.cn/images/gp/cp/a20230817world/adventure/adven-text3.png) no-repeat 0 0; width: 617px; height: 49px; margin: -25px 0 0 -309px;}
@keyframes cloudBottom {
    0% {
        bottom: -1440px;
    }
	30% {
		bottom: 0;
	}
	65% {
		bottom: 0;
	}
    100% {
        bottom: -1440px;
    }
}
@keyframes cloudLeft {
    0% {
        left: -2560px;
    }
	30% {
		left: 0;
	}
	65% {
		left: 0;
	}
    100% {
        left: -2560px;
    }
}
@keyframes cloudRight {
    0% {
        right: -2560px;
    }
	30% {
		right: 0;
	}
	65% {
		right: 0;
	}
    100% {
        right: -2560px;
    }
}
@keyframes maskAni {
    0% {
        background: rgb(113, 168, 207, .99);
    }
    65%{
    	background: rgb(113, 168, 207, .99);
    }
    80%{
    	background: rgb(113, 168, 207, .5);
    }
    90%{
    	background: rgb(113, 168, 207, 0);
    }
    100% {
        background: rgb(113, 168, 207, 0);
    }
}
@keyframes maskAni1 {
    0% {
        background: rgb(113, 168, 207, 0);
    }
    10% {
        background: rgb(113, 168, 207, 0);
    }
    20% {
        background: rgb(113, 168, 207, .99);
    }
    45% {
        background: rgb(113, 168, 207, .99);
    }
    65%{
    	background: rgb(113, 168, 207, .99);
    }
    80%{
    	background: rgb(113, 168, 207, .5);
    }
    90%{
    	background: rgb(113, 168, 207, 0);
    }
    100% {
        background: rgb(113, 168, 207, 0);
    }
}
@keyframes titShow {
    0% {
        opacity: 0;
    }
    30%{
    	opacity: 1;
    }
    65%{
    	opacity: 1;
    }
    85%{
    	opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.gp-loadingbox{display: block;}