.header,.slgon,.tips{opacity: 0;}

.fadetop{
    animation: fade-top 1s forwards;
}
.fadeleft{
    animation: fade-left 1s forwards;
}
.fadebottom{
    animation: fade-bottom 1s forwards;
}

@keyframes fade-bottom {
    0% {
        bottom: -500rem;
        opacity: 0;
    }

    100% {
        bottom:0;
        opacity: 1;
    }
}
@keyframes fade-top {
    0% {
        top: -500rem;
        opacity: 0;
    }

    100% {
        top:0;
        opacity: 1;
    }
}
@keyframes fade-left {
    0% {
        left: -500rem;
        opacity: 0;
    }

    100% {
      
        opacity: 1;
    }
}




.section { height: 100%; position: relative; }

.audioPlay{
    width: 40rem;
    height: 32rem;
    position: absolute;
    z-index: 50;
    top: 100rem;
    right: 30rem;
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/audio1.png) center center no-repeat;
    background-size: 100% auto;

}
.audioOff{
    width: 40rem;
    height: 32rem;
    position: absolute;
    z-index: 50;
    top: 100rem;
    right: 30rem;
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/audio2.png) center center no-repeat;
    background-size: 100% auto;

}




.ewmBox{
    display: none;
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 100rem;
    width: 226rem;
    height: 300rem;
    pointer-events: none;
}

 .shouqi{
    width: 226rem;
    height: 274rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/shuoqi319.png) center center no-repeat;
    background-size: 100% auto;
}
 .shouqi .ewmimg{
    position: absolute;
    top: 23rem;
    right: 20rem;
    width: 139rem;
    height: 139rem;
}

 .shouqi .sqbtn{
	  pointer-events: all;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 40rem;
    height: 60rem;
}

 .zhankai{
	     pointer-events: all;
	     display: none;
	     position: fixed;
	     z-index: 10;
	     bottom: 210rem;
	     right: 0;
	     width: 45rem;
	     height: 138rem;
	     background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/zhankai.png) center center no-repeat;
	     background-size: 100% auto;
}
.xfbox {
   display: none; 
    position: fixed;
    top: 150rem;
    z-index: 99;
    right: 0rem;
    width: 218rem;
    height: 79rem;
}
.xfbox  .nextPage{
   
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 218rem;
    height: 79rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/bottom/nextPage.png) center center no-repeat;
    background-size: 218rem auto;
    margin-top: 34rem;
}

.xfbox  .getPage{
    display: none; 
    position: relative;

    vertical-align: top;
    width: 218rem;
    height: 79rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/bottom/getPage.png) center center no-repeat;
    background-size: 218rem auto;
    margin-top: 34rem;


}


/* kv */



.page1 { background: url(https://game.gtimg.cn/images/empress/web202508/kv319.jpg) center top no-repeat; background-size: cover; position: relative; }

.page1 .video-box{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    
  }
.page1  .kv_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
      pointer-events: none;
  }


.page1 .content {   
  opacity: 0;
  position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
   
   }

.page1 .play { position: absolute; top: -112rem;  left: 40%;
    transform: translate(-50%); width: 102rem; height: 100rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/videobtn.png) center center no-repeat; background-size: 100% auto; 
    animation: sacl 1.5s infinite;

}

@keyframes sacl {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.page1 .slgon {     position: absolute;
    width: 454rem;
    left: 60rem;
    top:180rem;}

.page1 .gift {display: none; height: auto; width: 138rem; position: absolute; bottom: 0; left: -50rem; z-index: 20;animation: sacl 1.5s infinite 1s;}

.page1 .meiniang{
    position: absolute;
    left: -20rem;
    width: 41rem;
    height: 153rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/bottom/meiniang.png) center center no-repeat; background-size: 100% auto; 
}



/* .page1 .gift img { margin: 0 auto; display: block; width: 100%;} */
.page1  .nextbox .gift-img {
    width: 274rem;
    height: auto;
    /* display: none; */
    position: absolute;
    left: 26rem;

    top: 120rem;
}
.page1 .nextPage:hover .gift-img {display: block;}
.page1 .downloadbox{
    position: relative;
    width: 712rem;
    height: 152rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/box.png) center center no-repeat;
    background-size:  100% auto;
    margin-bottom: 120rem;

}

.page1 .downloadbox .ewmbox{
    position: absolute;
    top: 50%;
    transform: translate(50rem,-50%);
    width: 136rem;
    height: 136rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/qcrod.png) center center no-repeat;
    background-size:  100% auto;
}
.page1 .downloadbox .ewmbox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-62%);
    width: 102rem;
    height: 102rem;
}

.page1 .downloadbox .pcdownload{
    position: absolute;
    top: 50%;
    transform: translate(205rem,-50%);
    width: 136rem;
    height: 136rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/pcdownload.png) center center no-repeat;
    background-size:  100% auto;
}


.page1 .downloadbox .link{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 30rem;
    height: 110rem;
    width: 320rem;
    
}
.page1 .downloadbox .link a{
    position: absolute;
    width: 150rem;
    height: 50rem;
}
.page1 .downloadbox .link a:nth-child(1){
    top: 0;
    left: 0;
    height: 50rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/taptap.png) left center no-repeat;
    background-size: 135rem auto;
}

.page1 .downloadbox .link a:nth-child(2){
    top: 0;
    right: 0;
    background: url(https://game.gtimg.cn/images/empress/web202508/BilliBilli.png) left center no-repeat;
    background-size: 135rem  auto;
}
.page1 .downloadbox .link a:nth-child(3){
    bottom: 0;
    left: 0;
    background: url(https://game.gtimg.cn/images/empress/web202508/haoyou.png) center center no-repeat;
    background-size: 100% auto;
}
.page1 .downloadbox .link a:nth-child(4){
    bottom: 0;
    right: 0;
    background: url(https://game.gtimg.cn/images/empress/web202508/link4399.png) center center no-repeat;
    background-size: 100% auto;
}

.page1 .downloadbox .showpeizhi{
    position: absolute;
    bottom: -25rem;
    text-align: center;
    width: 100%;
    font-size: 16rem;
    color: #fff5cf;
}
.page1 .downloadbox .showpeizhi span:nth-child(1){
    color: #fbda8c;
}

.page1 .downloadbox .showpeizhi img{
    display: inline-block;
    width: 67rem;
    height: auto;
}

.page1 .nextbox{
    opacity: 0;
    position: absolute;
    left: 110rem;
    width: 320rem;
    height: 151rem;
    top: 430rem;
 
}
.page1  .nextPage{
    /* position: relative; */
    /* display: inline-block; */
    /* vertical-align: top; */
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    right: 0;
    top:0;
}

.page1  .getPage{
    position: absolute;
    right: 0;
    top:0;
    display: none;
    width: 100%;
    height:100%;
  
}
.page1  .nextPage .gift-avatar{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top:0;
    animation: sacl 1.5s infinite 1s;
}
.page1  .getPage .gift-avatar{
 
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top:0;
    animation: sacl 1.5s infinite 1s;
}
/* .page1  .getPage a{
    position: absolute;
    left: 0;
    bottom:-20rem;
    color: #ffe3a3;
    text-align: center;
    width: 100%;
} */



.page1 .yuyue { position: absolute; width: 390rem; height: 69rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/yuyuebtn.png) center center no-repeat; background-size: 100% auto;        left: 50%;
    transform: translate(-50%);
    top: 180rem; }
.page1 .yuyueOn{
      filter: grayscale(100);  position: absolute; width: 390rem; height: 69rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/yuyuebtnOn.png) center center no-repeat; background-size: 100% auto;         left: 50%;
      transform: translate(-50%);
      top: 180rem;
}
.page1 .steam { position: absolute;z-index: 20;    top: 110rem; width: 252rem; height: 62rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/ywbtn.png) center center no-repeat; background-size: 100% auto; left: 50%;
    transform: translate(-50%); }

/* .page1 .tipstxt{
    position: absolute;
    width: 176rem;
    height: 30rem;
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/tipstxt.png) center center no-repeat;
    background-size: 100% auto;
    left: 160rem;
    bottom: 90rem;
} */
.page1 .quxiao{
    display: none;
    position: absolute;
    width: 261rem;
    bottom: 80rem;
    height: 30rem;
    font-size: 20rem;
    color: #f7eabc;
    text-align: center;
    left: 325rem;
}
.page1 .tips { position: absolute; left: 30rem; 
    bottom:100rem;
width: 70rem;
height: 91rem;
background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/agetips.png) center center no-repeat;
background-size: 100% auto;
}

.page1 .arrowDown{
    position: absolute;
    width: 121rem;
    height: 71rem;
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/arrowDown.png) center center no-repeat;
background-size: 90rem auto;
left: 50%;
transform: translate(-45%);
bottom: 10rem;
}



/* page2 */


.page2 { background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page2/bg.jpg) center bottom no-repeat; background-size: cover; position: relative; }
.page2 .content{ position: relative; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }
.page2 .title{ position: absolute; top: 180rem; left: 180rem; text-indent: -99999rem; width: 559rem; height: 66rem; background: url(https://game.gtimg.cn/images/empress/web202508/page2/title.png) center center no-repeat; background-size: 100% auto; }
.page2 .decBox{ position: absolute; top: 280rem; left: 180rem; width: 795rem; height: auto;background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page2/line.png) left top no-repeat; background-size:764rem auto; }

.page2 .jxmd{
    width: 715rem;
    margin-top: 50rem;
    max-width: initial;
    height: auto;
}



.page2  .sm-title{ margin-left: 20rem; width:639rem; height:110rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page2/sm-title.png) center center no-repeat; background-size: 100% auto; }



.page2 .showZp{ position: absolute; right: 0; top: 0; height:100%; width: 100%;     pointer-events: none;}
.page2 .zuopin{ position: absolute; right: 0; top: 0; width: 1649rem; height:1050rem; overflow: hidden; opacity: 0;}
.page2 .boxMask { overflow: hidden; opacity: 1; display: block; z-index: 10; -webkit-mask: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page2/mask_up.png); -webkit-mask-size: 640% 100%; -webkit-mask-position: 0 0;  animation: mask .6s steps(7) forwards; }

@keyframes mask{from{-webkit-mask-position:0 0;}to{-webkit-mask-position:100% 0;}}
@keyframes mask{0%{-webkit-mask-position:0 0}100%{-webkit-mask-position:100% 0}} 


.page2 .showZp img{ width: 1050rem; position: absolute; right: 0; max-width: none; height: 785rem; }

.page2 .teamBox{position: absolute;z-index: 10;top: 710rem;left: 180rem;height: 235rem;width: 1622rem;background: url(https://game.gtimg.cn/images/empress/web202508/page2/jxbg.png) left center no-repeat;background-size: 100% auto;}
.page2 .teamBox .teamry{ text-indent: -99999rem; position: absolute; left: 55rem; top: 55rem; width: 58rem; height: 173rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page2/team-title.png) center center no-repeat; background-size: 100% auto; }
.page2 .jxbox{position: absolute;top: 50%;transform: translate(0,-50%);left: 150rem;height: 170rem;width: 86%;}
.page2 .aminte{
    position: absolute;
    top: 50%;
    margin-top: -88rem;
    left: 120rem;
    width: 316rem;
    height: 176rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page2/animte.png)  no-repeat; background-size: 28440rem auto;
    animation: runGift 3s steps(90, end) infinite; -webkit-animation: runGift 3s steps(90, end) infinite;
}

@keyframes runGift{100% {background-position:-28440rem  0 ;}}
@-webkit-keyframes runGift{ 100% {background-position:-28440rem  0 ;}}
/* page3 */

.page3 { background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/bg.jpg) center bottom no-repeat; background-size: cover; position: relative; }

.page3 .content{ width: 1400rem; height: auto; margin:80rem auto 0; }
.page3  .title{ text-indent: -99999rem; margin: 0 auto; width: 325rem; height: 75rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/title.png) center center no-repeat; background-size: cover; }



.page3 .lbBox{margin:0 auto;width: 1200rem;height: 750rem;position: relative;margin-top: 15rem;overflow: hidden;}
.page3 .showBox{position: relative;width: 950rem;height: 550rem;margin: 0 auto;}
.page3 .box{ pointer-events: none; position: absolute; z-index: 20; width: 950rem; height:550rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/lunbobg.png) center center no-repeat; background-size: 100% auto; }

.page3 .swiper{
    overflow: visible;
}
.page3  .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }

.page3  .swiper-slide img { display: block; width: 934rem; height: 526rem; object-fit: cover; margin-top: 12rem;     border-radius: 20rem;}


.page3  .swiper-button-next,   .page3  .swiper-button-prev{ width: 66rem; height: 52rem; }
.page3  .swiper-button-next:after,  .page3  .swiper-button-prev:after{ display: none; }
.page3  .swiper-button-prev{ background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/prev.png) center center no-repeat; background-size: 100% auto; left: -115rem; }
.page3  .swiper-button-next{ background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/next.png) center center no-repeat; background-size: 100% auto; right: -115rem; }

.page3 .swiper-pagination{ bottom: -40rem; }
.page3 .swiper-pagination-bullet{ opacity: 1; width: 19rem; height: 19rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/dian.png) center center no-repeat; background-size: 19rem auto; margin-left: 20rem !important; }

.page3 .swiper-pagination-bullet-active{ background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/dianOn.png) center center no-repeat; background-size: 19rem auto; }

.page3 .dec{width: 95%;margin: 30rem auto 0;font-family: xq;font-size: 22rem;color:#fff0ba;position: absolute;bottom: -190rem;    text-align: left;display: none;}
.page3 .txt{
      width: auto;
    margin: 31rem auto 0;
    font-family: xq;
    font-size: 22rem;
    color: #fff0ba;
    position: absolute;
    bottom: -210rem;
    text-align: center;
}



/* page4 */
.page4 {background: #fbdfb7;}

.page4 .content{ position: relative; width: 100%; height: 100%; overflow: hidden; }

/* .page4 .swiper-slide img{
    position: relative;
    width:100%;
    height:auto;
    min-height:100%;
 
    } */

.page4 .videoTxt{
        position: relative;
        width: 100%;
        height: 100%;
    }
    
.page4 .showvideo{
    position: relative;
    width: 100%;
    height: 100%;
}

.page4 .showvideo video{
    /* width: 100%;
    height: 100%;
    object-fit: cover;
    display: none; */
    position: absolute;
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.page4 .showvideo .roleimg{
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
}
.page4 .msbox{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; 
    width: 750rem;
}
.page4 .msbox::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient( to right, rgba(0, 0, 0, .01), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75) , rgba(0, 0, 0, .9) );
}
.page4  .decbox{
    position: absolute;
    top: 50%;
    right: 80rem;
    transform: translate(0,-50%);
    z-index: 10;
    width: 635rem;
    height: 380rem;
}
.page4  .decbox h3{
    font-family: zkt;
    font-size: 66rem;
    color: #fff0ba;
    text-align: right;
    line-height:100rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page4/btline.png) center bottom no-repeat;
    background-size: 634rem auto;
    text-shadow: rgb(81, 39, 11) 1rem 2rem 3rem;
}
.page4  .decbox h3 small{
    font-size: 38rem;
    
}
.page4  .decbox .decms{
    font-family: zkt;
    margin-top: 20rem;
    font-size: 24rem;
    line-height: 40rem;
    color: #fef8df;
  text-shadow: rgb(81, 39, 11) 1rem 2rem 3rem;
}

.page4 .listbox{
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 170rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page4/listbg.png) center bottom no-repeat;
    background-size:cover;   
}

.page4 .rolebox {
    position: relative;
    margin: 0 auto;
    width: 1500rem;
    height: 100%;
}

.page4 .warpbox {
    position: relative;
    margin: 0 auto;
    width: 1500rem;
    height: 100%;
    overflow: hidden;
}
.page4  .animatebox{
    position: relative;
    width: 670%;
    font-size: 0;
    height: 100%;
    transition: transform 0.5s ease;
}

.page4 .btn{ position: absolute; width: 46rem; height: 52rem; top: 50%;margin-top: -26rem;cursor: pointer; outline: none;border: none;}
.page4 .rolePrev{ background: url(https://game.gtimg.cn/images/empress/web202508/page4/prev.png) center center no-repeat; background-size: 100% auto; left: -80rem}
.page4 .roleNext{  background: url(https://game.gtimg.cn/images/empress/web202508/page4/next.png) center center no-repeat; background-size: 100% auto;right: -80rem; }

.page4 .btn:disabled {
    filter: grayscale(1);
    cursor: not-allowed;
 
}
.page4 .dian{
    position: absolute;
    bottom: 10rem;
    height: 25rem;
    width: 100%;
    text-align: center;
   
}
.page4 .dian i{
    cursor: pointer;
    display: inline-block;
    margin-top: 5rem;
    width: 19rem; height: 19rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/dian.png) center center no-repeat; background-size: 19rem auto; margin-left: 20rem !important;
}
.page4 .dian i.on{
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/dianOn.png) center center no-repeat; background-size: 19rem auto; 
}















.page4 .rolebox   .swiper {
    width: 100%;
    height: 100%;
  }
.page4 .rolebox  .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }



.page4 .rolebox  .rwtxbg{
    display: inline-block;
    margin-top: 40rem;
    margin-right: 20rem;
    cursor: pointer; position: relative; width: 229rem; height:86rem;   background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page4/txbg.png) center center no-repeat; background-size: 100% auto;    
}





.page4  .rolebox .rwtxbg .img{ position: absolute; left: 11rem; top: 5rem; width: 77rem; height:76rem; -webkit-mask: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page4/txzs1.png); -webkit-mask-size: 100% 100%; -webkit-mask-position: 0 0; }
.page4  .rolebox .rwtxbg .img img{width: 100%;height: 100%;}
.page4  .rolebox .rwtxbg i{position: absolute;left: 9rem;top: 0rem;width: 81rem;height: 85rem;background: url(https://game.gtimg.cn/images/empress/web202508/page4/txzs.png) center center no-repeat;background-size: 100% auto;}
.page4 .rolebox em{ display: none; position: absolute; right: -130rem; top: 20rem; width: 61rem; height: 61rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page4/dian.png) center center no-repeat; background-size: 100% auto; }

.page4 .rolebox  p{font-family: zkt;line-height: 35rem;font-size: 30rem;color: #fff4db;text-align: center;width: 125rem;position: absolute;top: 27rem;left: 90rem;text-align: center;}
  

.page4 .rolebox .rwtxbg.on{ background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page4/txbgOn.png) center center no-repeat; background-size: 100% auto; }


.page4 .rolebox .rwtxbg.on em{ display: block; } 

.page4 .rolebox .rwtxbg.on p{ color: #6d3711; }




/* page5 */

.page5 { background: url(https://game.gtimg.cn/images/empress/web202508/page5/bg.jpg) top center no-repeat; background-size: cover; position: relative; }

.page5 .content{ width: 1800rem; height:auto; margin:70rem auto 0; position: relative; }


.page5 .title{ 
    position: absolute;
    top: 55rem;
    left: 50%;
    transform: translate(-12%);
    text-indent: -99999rem;
    width: 325rem;
    height: 66rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page5/title.png) center center no-repeat;
    background-size: 100% auto;
 }


.page5 .newsAdBox{height: 580rem;width: 100%;margin-top: 50rem;}

.page5 .adbox{position: absolute;left: 0;width: 793rem;height:580rem;}

.page5 .adbox .bg{position: absolute;z-index: 10;left: 0;width: 793rem;height: 536rem;background: url(https://game.gtimg.cn/images/empress/web202508/page5/adbg.png) center center no-repeat;background-size: 100% auto;pointer-events: none;}
.page5 .adbox .img {margin-top: 8rem;margin-left: 8rem;width: 780rem;height: 520rem;border-radius: 10rem;overflow: hidden;}
.page5 .adbox .img .swiper{    height: 100%; width: 100%;}
.page5 .adbox .img a{display: block; height: 100%; width: 100%;}
.page5 .adbox .img img{ width: 100%; min-height: 100%;object-fit: cover;    border-radius: 20rem; }

.page5 .adbox .swiper-pagination-bullet{ opacity: 1; width: 19rem; height: 19rem; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/dian.png) center center no-repeat; background-size: 19rem auto; margin-left: 20rem !important; }

.page5 .adbox .swiper-pagination-bullet-active{ background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page3/dianOn.png) center center no-repeat; background-size: 19rem auto; }




.page5 .newsbox{
    position: absolute;
    right: 0;
    width: 960rem;
    height:580rem;
}


.page5 .newsbox .navbox ul{ 
    width: 600rem; 
    position: absolute;
    right: 0;
    font-size: 0; 
    top: 0;
}
.page5 .newsbox .navbox li{ position: relative; display: inline-block; height: 70rem; line-height: 70rem; 
    width: 33.3%;
    text-align: center; font-family: xq; color: #ffeed5; font-size: 38rem; cursor:pointer;
overflow: hidden;

}


.page5 .newsbox .navbox li.on{
    background: url(https://game.gtimg.cn/images/empress/web202508/page5/navbg.png) center bottom no-repeat;
    background-size: 68rem auto;
}
.page5 .newsbox .navbox li.on em{color: #ffdb9d;}


.page5 .newsbox .navbox li:last-child:after{ display: none; }


.page5 .newsbox .navbox li:first-child small{
    border-top-left-radius: 20rem;
}
.page5 .newsbox .navbox li:last-child small{
    border-top-right-radius: 20rem;
}

.page5 .newsbox .navbox li.on small{
  background: #fef8df;
}

.page5 .newsbox .navbox li:last-child a{ color: #ffeed5; position: relative;z-index: 1; }
.page5 .newsbox .navbox li:last-child a i { width: 25rem; height: 22rem; display: inline-block; background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/page5/more.png)  center center no-repeat; background-size: cover; }


.page5 .newsbox .list{ margin-top: 100rem;    position: relative;z-index:1 }
.page5 .newsbox .list a{font-family: zkt;width: 100%;color: #fef8df;font-size: 24rem;height: 80rem;line-height: 80rem;display: flex;justify-content: start;align-items: center;background: url(https://game.gtimg.cn/images/empress/web202508/page5/newsline.png) center bottom no-repeat;background-size:960rem auto;}
.page5 .newsbox .list a:last-child{ background: none; }
.page5 .newsbox .list a span{   font-family: xq; color: #ffdb9d; font-size: 36rem; text-align: center; width:94rem; height:50rem; line-height: 50rem; }

.page5 .newsbox .list a p{ white-space: nowrap; width:780rem; text-overflow: ellipsis; overflow: hidden; }

.page5 .newsbox  .more{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 249rem;
    height: 56rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page5/more.png) center center no-repeat;
    background-size: 100% auto;
}


/* page7 */

.page7 { background: url(https://game.gtimg.cn/images/empress/web202508/page7/bg.jpg) top center no-repeat; background-size: cover; position: relative; }

.page7 .content{ width: 1680rem; height:auto; margin:100rem auto 0; position: relative; }


.page7 .title{ 
    position: absolute;
    top: 0;
    left: 50%;
   transform: translate(-50%);
    text-indent: -99999rem;
    width: 325rem;
    height: 66rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page7/title.png) center center no-repeat;
    background-size: 100% auto;
 }



.page7 .jhbox{
    height: 600rem;
    margin-top: 150rem;
    position: relative;
}

.page7 .imgbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 713rem;
    height: 495rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page7/bg1.png) left center no-repeat;
    background-size: 100% auto;
}

.page7 .kuang{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 650rem;
    height: 439rem;
   
}
.page7 .kuang a{
    display: block;
    width: 650rem;
    height: 439rem;
    position: relative;
    overflow: hidden;
    border-radius: 25rem;
}
.page7 .kuang a::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 650rem;
    height: 439rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page7/box.png) left center no-repeat;
    background-size: 100% auto;
}
.page7 .kuang img{
    width: auto;
    height: 427rem;
    border-radius: 14rem;
    margin-top: 6rem;
    margin-left: 6rem;  
    transition: all .5s;
}
.page7  .kuang  a:hover img{
    transform: scale(1.2);
}

.page7 .tpnav{
    position: absolute;
    top: 50%;
    transform: translate(-35rem,-50%);
    z-index: 20;
    width: 198rem;
    height: 543rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page7/tpnav.png) center center no-repeat;
    background-size: 100% auto;
    pointer-events: none;
}


.page7 .vbox{
    position: absolute;
    right: 0;
    width:579rem;
    height: 495rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page7/bg2.png) left center no-repeat;
    background-size: 100% auto;
}

.page7 .vnav{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(55rem,-46.5%);
    z-index: 20;
    width: 164rem;
    height:613rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page7/spnav.png) center center no-repeat;
    background-size: 100% auto;
    pointer-events: none;
}
.page7 .vbox .kuang{
    right: 65rem;
}
.page7 .vbox .kuang a::before{
    position: absolute;
    z-index: 10;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 79rem;
    height: 78rem;
    background: url(https://game.gtimg.cn/images/empress/web202508/page7/play.png) center center no-repeat;
    background-size: 100% auto;
}

/* ???????? */



.popAge{
    position: absolute;
    width: 790rem;
    height: 425rem;
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/popAgebg.png) center center no-repeat;
    background-size: 100% auto;
}


.popAge .tipstxt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 763rem;
    height: 330rem;
    overflow: auto;
    color: #63321c;
    font-family: zkt;
}

.popAge .tipstxt h3{
    font-size: 28rem;
}
.popAge .tipstxt .ctxt{
    margin-top: 20rem;
	    padding-right: 18rem;
    font-size: 19rem;
    font-family: xq;
}

/* ???茅鈥撀棵р€犅该ε韭幻┡铰访柯�?????????? */
.popAge .tipstxt::-webkit-scrollbar {
    width: 61rem;
}

/* ????????????? */
.popAge .tipstxt::-webkit-scrollbar-track {
    /* background: #e0bf6e; */
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/popLine.png) center top no-repeat;
    background-size: 5rem auto;
}

/* ??????????????茅鈥撀棵р€犅该ε韭幻┡铰访┡緃umb?? */
.popAge .tipstxt::-webkit-scrollbar-thumb {
    /* background: #888; */
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/dian.png) center bottom no-repeat;
    background-size: 61rem auto;
    width: 61rem;
}

/* ????????????????????????????? */
.popAge .tipstxt::-webkit-scrollbar-thumb:hover {
    /* background: #000; */
}



.popvideo {
    display: none;
    position: absolute;
    z-index: 50;
    width: 1000rem;
    height: 565rem;
}

.popvideo .popContent {
    width: 1000rem;
    height: 565rem;
    margin: 0 auto;
    /* background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/pop.png) center top no-repeat;
    background-size: 1000rem auto; */
    overflow: hidden;
    position: relative;

}

.popvideo .popContent .videobox{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%; 
   top: 50%; 
    transform: translate(-50%,-50%);
}
.popvideo .popContent .videobox:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
        width: 100%;
    height: 100%;
       background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/pop.png) center top no-repeat;
    background-size: 1000rem auto; 
}
:not(:root):fullscreen::after{
    display: none;
}
.thumbplayer-fake-fullscreen{
    transform: none !important;
}
.thumbplayer-fake-fullscreen::after{
    display: none;
}

.popvideo .popContent .videobox video{
    width: 100%;
    height: 100%;   
}
.popvideo .popContent .videobox iframe{
    width: 100%;
    height: 100%;
}



.yypop{
    position: relative;
    width: 800rem;
    height: 395rem;

    /* width: 650rem;
    height: 320rem; */
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/popjl.png) center center no-repeat;
    background-size: 100% auto;
}



.yypop .popyuyue{
    position: absolute;
     width: 215rem;
    height: 66rem;
    
    /* width: 165rem;
    height: 42rem; */
    left: 313rem;
    bottom: 38rem;
}
.yypop  .yyon{background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/topyuyueOn.png) center center no-repeat; background-size: cover;color: #ffecc4;}



.overyypop{
    position: relative;
    width: 800rem;
    height: 395rem;
    /* width: 650rem;
    height: 320rem; */
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/popjl2.png) center center no-repeat;
    background-size: 100% auto; 
}
/* ??? ??*/

.qxpop{
    position: absolute;
    width: 620rem;
    height: 425rem;
    background: url(//game.gtimg.cn/images/empress/act/a20250226yuyuepc/popDenglu.png) center center no-repeat;
    background-size: 100% auto; 
    font-family: xq;
}
.qxpop h3{
    font-size: 38rem;
    color: #511500;
    text-align: center;
    margin-top: 96rem;
}
.qxpop p{
    font-size: 25rem;
    text-align: center;
    color: #511500;
    margin-top: 60rem;
}
.qxpop .qxbtn{
    width: 80%;
    display: flex;
    justify-content: space-evenly;
    margin: 50rem auto 0;
}
.qxpop .qxbtn a{
    font-size: 38rem;
    text-align: center;
    width: 180rem;
    height: 50rem;
    line-height: 50rem;
    border-radius: 30rem;
    color: #f1e3c3;
}
.qxpop .qxbtn a:nth-child(1){
 background: #47846f;
}
.qxpop .qxbtn a:nth-child(2){
    background: #c24c11;
   }