/* side */
.sideBox{ position: fixed; top: 50%; transform: translate(0, -50%); right: 0; z-index: 999; width: 55rem; height:743rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/sidebg.png) center center no-repeat; background-size: 100% auto; }
.sideBox .xhnum { margin-top: 11rem; }
.sideBox .xhnum a{ font-family: fzlthc; font-size: 14rem; color: #aaaaaa; display: block; text-align: center; height: 47rem; line-height: 47rem; }
.sideBox .xhnum li.on a{ color: #d7fc0f; }
.sideBox .showimg { margin-top: 10rem; position: relative; }
.sideBox .showimg  a{ font-size: 21rem; color: #aaaaaa; display: block; text-align: center; height:50rem; }
.sideBox .showimg .sidewx{ pointer-events: none; display: none; position: absolute; left: -170rem; top: -145rem; width: 193rem; height: 428rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/sidewxbox.png) center center no-repeat; background-size: 100% auto; }
.sideBox .showimg .sidewx img,.sideBox .showimg .sideqq img{ width: 56rem; position: absolute; left: 63rem; }
.sideBox .showimg .sidewx img:nth-child(1){ top: 91rem; }
.sideBox .showimg .sidewx img:nth-child(2){ top: 189rem; left: 64rem; }

.sideBox .showimg .sidewx img:nth-child(3){ top: 291rem; left: 64rem; }


.sideBox .showimg .sideqq{ pointer-events: none; display: none; position: absolute; left: -170rem; top: -87rem; width: 193rem; height: 346rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/sideqqbox.png) center center no-repeat; background-size: 100% auto; }

.sideBox .showimg .sideqq a{ width: 86rem; height: 85rem; position: relative; margin-left: 47rem; margin-top: 55rem; }
.sideBox .showimg .sideqq a img{ left: 0; width: 90rem; }




.sideBox .showimg li:nth-child(1) a:hover + div{ display: block; }
.sideBox .showimg li:nth-child(2) a:hover + div{ display: block; }



/* login */
.lgbx { min-width: 406rem; height: 72rem; line-height: 65rem; position: absolute; right: 0; z-index: 20; top: 0; color: #fff; font-size: 20rem; text-align: right; }

.lgbx .login,
.lgbx .loginout { margin-right: 20rem; text-align: right; }

.lgbx .login span,
.lgbx .loginout span { color: #b1d51d; }

.lgbx a { color: #b1d51d; }





/* kv */
.kvbg { position: relative; width:750rem; height:1305rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/kv.jpg) center top no-repeat; background-size: 100% auto; margin-top: 115rem; z-index: 12; }
.kvbg .slognbox { position: absolute; top:460rem; width: 100%; }
.kvbg .logo-icon{ position: absolute; top: 30rem; left: 30rem; width: 133rem; }
.kvbg .slognbox .slogn { display: block; margin:100rem  auto 0; width:679rem; height: auto; }

.kvbg .slognbox a { margin: 0  auto 0; text-indent: -99999rem; }

.kvbg .slognbox .videobtn{ position: absolute; left: 50%; transform: translate(-50%); top: -5rem; width: 100rem; height: 81rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/video.png) center center no-repeat; background-size: 100% auto; }


.kvbg .slognbox .yuyuebtn { position: absolute; width: 340rem; height:90rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/yuyue.png) center center no-repeat; background-size: 100% auto; left: 90rem;  bottom: 60rem;}
.kvbg .slognbox .yuyuebtnOn { filter: grayscale(1); position: absolute; left: 90rem;  width: 340rem; height: 90rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/yuyueon.png) center center no-repeat; background-size: 100% auto; bottom: 60rem; }
.kvbg .dingdang { 
        width: 166rem;
    height: 93rem;
    position: absolute;
    bottom: 60rem;
    right: 135rem;
  }
.kvbg .dingdang a{
    display: block;
    width: 166rem;
    height: 37rem;
}
.kvbg .dingdang a:nth-child(1){
   background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyue/taptap.png) center center no-repeat; background-size: 100% auto; 
}
.kvbg .dingdang a:nth-child(2){
        margin-top: 15rem;
   background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyue/haoyou.png) center center no-repeat; background-size: 100% auto; 
}
.kvbg  .yuyuegift { display: block; width: 750rem; height: 130rem; position: absolute; bottom: -120rem; }
.kvbg .jijie{ font-size: 27rem; display: block; margin:130rem auto 0; color: #f0f0f0; text-align: center; }
.kvbg .jijie em{ min-width: 110rem; position: relative; font-weight: bold; color: #d9fe0f; font-size: 18rem; display: inline-block; padding: 0px 2rem; }
.kvbg .jijie em::after{ z-index: -1; position: absolute; content: ''; width: 100rem; height: 55rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/databg.png) center center no-repeat; background-size: 100rem auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.kvbg .slognbox .jiebangip{ color: #ebf8ff; position: absolute; left: 50%; z-index: 10; text-indent: 0; font-size: 18rem; width: 400rem; bottom: -64rem; text-align: center; transform: translate(-50%); }
.kvbg .slognbox .jiebanlink{ color:#e20066; text-decoration: underline; }
.kvbg .slognbox .bingdingip { text-align: center; color: #fff; text-decoration: underline; position: absolute; left: 50%; z-index: 10; text-indent: 0; transform: translate(-50%); font-size: 18rem; width: auto; height: auto; bottom: -64rem; }

.kvbg .slognbox  .total{ text-align: center; font-size: 18rem; color: #fff; font-family: font; }
.kvbg .slognbox  .total span{ color: #e20066; }

.kvbg .gift { position: absolute; bottom: 130rem; width: 484rem; left: 30rem; }
.kvbg .giftbtn{ position: absolute; right: 30rem; bottom: 130rem; width: 166rem; height: 100rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/giftbtn.png) center center no-repeat; background-size: 100% auto; } 
/* page1*/
.page1 { position: relative; z-index: 11; width: 750rem; height:1360rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/bg.jpg) center center no-repeat; background-size: 100% auto; }

.page1  .title{ width: 319rem; height: 124rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/title.png) center bottom no-repeat; background-size: 100% auto; margin: 0 auto; padding-top: 70rem; text-indent: -9999rem; }
.page1  .giftbox { position: relative; margin: 0 auto 0; width:732rem; height:649rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/gift.png) center center no-repeat; background-size: 100% auto; }
.page1  .giftbox  a{ position: absolute; width: 113rem; height: 32rem; }
.page1  .giftbox  a.unfinished{ pointer-events: none; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/unfinished.png) center center no-repeat; background-size: 100% auto; }
.page1  .giftbox  a.receive{ pointer-events: auto; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/receive.png) center center no-repeat; background-size: 100% auto; }
.page1  .giftbox  a.received{ pointer-events: none; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/received.png) center center no-repeat; background-size: 100% auto; }
.page1  .giftbox  a:nth-child(1){ top: 433rem; left: 55rem; }
.page1  .giftbox  a:nth-child(2){ top: 450rem; left: 302rem; }
.page1  .giftbox  a:nth-child(3){ top: 433rem; right: 75rem; }
.page1 .yqfriend { width: 100%; height: auto; margin:50rem auto 0; text-align: center; position: relative; z-index: 20; }
.page1 .yqfriend span { color: #e5decd; font-size: 28rem; font-family: font; }
.page1 .yqfriend span em { color: #bde31e; }
.page1 .yqfriend ul { margin:50rem 0; display: flex; justify-content: space-evenly; }
.page1 .yqfriend ul li { width: 105rem; height: 105rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/yqimg.png) center center no-repeat; background-size: 100% auto; }
.page1 .yqfriend ul li img{ display: none; width: 90rem; height: 90rem; margin-top: 7rem; }
.page1 .yqfriend .yqbtn { width:305rem; height: 95rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page1/yqfriend.png) center center no-repeat; background-size: 100% auto; position: absolute; left: 50%; margin-left: -152.5rem; }
.page1 .guize { position: absolute; width: 665rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20230713yuyuem/page2/guizeline.png) no-repeat; background-size: 100% auto; font-size: 24rem; color: #d9fe0f; bottom: -200rem; left: 50%; transform: translate(-50%); text-align: center; }
/* page2 */
.page2 { position: relative; z-index: 11; width: 750rem; height: 1333rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page2/bg.jpg) center center no-repeat; background-size: 100% auto; }
.page2 .title { position: absolute; left: 50%; top: 80rem; transform: translate(-50%); width: 241rem; height: 135rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page2/title.png) center bottom no-repeat; background-size: 100% auto; text-indent: -9999rem; }
.page2 .dwbox{ position: absolute; top: 270rem; width: 100%; height: 520rem; }
.page2 .area{ position: absolute; width: auto; height: 43rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page2/dwicon.png) no-repeat; background-size: 24rem auto; background-position: 0 0; }
.page2 .area span{ display: none; }
.page2 .area a{ display: block; font-size: 20rem; font-family: font; color: #fff; margin-top: 7rem; text-indent: 36rem; }
.page2 .a1{ bottom: 0rem; left: 15rem; }
.page2 .a2{ top: 335rem; left: 125rem; }
.page2 .a3{ top: 160rem; left: 290rem; height: 87rem; background-size: 36rem auto; background-position: center 5rem; }
.page2 .a4{top: 242rem; right: 70rem; }
.page2 .a5{ bottom: -85rem; right: 15rem; }

.page2 .a3 a{ margin-top: 58rem; font-size: 24rem;    text-indent: 0; text-align: center;}

.page2 .play{ position: absolute; bottom: 100rem; left: 50%; transform: translate(-50%); width: 126rem; height: 81rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page2/play.png) center center no-repeat; background-size: 100% auto; }
/* .page2 .area.on{ background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page2/showdwbg.png)  no-repeat; background-size: 212rem auto; }
.page2 .area.on a{ font-size: 24rem; display: block; font-family: font; color: #fff; margin-top: 105rem; margin-bottom: 3rem; width: 155rem; position: relative; left: 50%; transform: translate(-43%); text-align: center; height: auto; line-height: 1; text-indent: 0; }
.page2 .area.on span{ display: block; color: #ffff; font-size: 11rem; text-align: center; text-indent: 20rem; }
.page2 .a2.on { left: 60rem; top: 170rem; }
.page2 .a3.on { top: 85rem; left: 240rem; }
.page2 .a4.on { top: 210rem; right: 50rem; }
.page2 .a5.on { right: -24rem; bottom: -37rem; } */



/* page3 */

.page3 { position: relative; z-index: 11; width: 750rem; height:1334rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/bg.jpg) center center no-repeat; background-size: 100% auto; }
.page3 .title { position: absolute; z-index: 20; left: 50%; top: 50rem; transform: translate(-50%); width:308rem; height: 126rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/title.png) center bottom no-repeat; background-size: 100% auto; text-indent: -9999rem; }

.page3 .zsbg{ position: absolute; width: 723rem; height: 1275rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/zsbg.png) center top no-repeat; background-size: 100% auto; left: 50%; margin-left: -366rem; z-index: 11; pointer-events: none; }
.page3 .hsbg{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/topbg.png) center top no-repeat; background-size: 100% auto; z-index: 10; pointer-events: none; }
.page3 .lbbox{ width: 100%; height: 100%; position: relative; }

.page3  .swiper { width: 100%; height: 100%; }
.page3  .swiper-slide  { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.page3  .bigimg{ width: 100%; }
.page3 .detailbox{ position: absolute; width: 694rem; height: 249rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/xqbg.png) center center no-repeat; background-size: 100% auto; bottom: 310rem; }
.page3 .detailbox .play{ position: absolute; top: 30rem; right: 15rem; width: 69rem; height: 56rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/play.png) center center no-repeat; background-size: 100% auto; }
.page3 .detailbox h4{ font-family: font; font-size: 22rem; color: #000; margin-top: 68rem; text-indent: 50rem; text-align: left; margin-left: 0; }
.page3 .detailbox p{ font-family: font; font-size: 16rem; color: #000; text-align: left; width: 620rem; margin: 70rem 0 0 55rem; line-height: 27rem; height: 150rem; overflow-y: auto; }

.page3  .mySwiper2 { height: 100%; width: 100%; }
.page3 .mySwiper { box-sizing: border-box; }
.page3  .swiper-slide img { display: block; width: 100%; object-fit: cover; }
.page3 .p3Swiperbig .swiper-slide img{ position: absolute; top: 0; }
.page3 .changebox{ width: 100%; height: 270rem; position: absolute; bottom:00rem; display: flex; justify-content: center; z-index: 10; }
.page3 .changebox .showimg{ width: 95%; overflow: hidden; }
.page3  .changebox .swiper-slide{ opacity: 1; width: 200rem; height: 111rem; margin-top: 33rem; display: inline-block; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/lunbg.png) center top no-repeat; background-size: 203rem auto; border-radius: 0; vertical-align: middle; position: relative; }
.page3  .changebox .swiper-slide img{ width: 190rem; display: block; height: 100rem; margin: 6rem auto 0; }
.page3  .changebox .swiper-slide  span{ font-family: fzlthc; font-size: 22rem; margin-top: 12rem; display: block; color: #fff; }
.page3   .changebox  .swiper-slide-thumb-active { width: 248rem !important; height: 201rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/lunbgon.png) center top no-repeat; background-size:277rem auto; margin-top: 0rem; }
.page3  .changebox   .swiper-slide-thumb-active img{ width: 216rem; height: 114rem; transform: rotate(-2deg); margin-top: 22rem; margin-left: 15rem; }
.page3  .swiper-button-next:after,.page3 .swiper-rtl .swiper-button-prev:after{ content: ''; }
.page3 .swiper-button-prev:after, .page3 .swiper-rtl .swiper-button-next:after{ content: ''; }
.page3 .swiper-button-next{ width: 38rem; height: 67rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/right.png) center top no-repeat; background-size:100% auto; top: 95rem; right: 45rem; }
.page3 .swiper-button-prev{ width: 38rem; height: 67rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page3/left.png) center top no-repeat; background-size:100% auto; top:95rem; left: 45rem; } 





/* page4 */
.page4 { position: relative; z-index: 11; width: 750rem; height: 1334rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/bg.jpg) center center no-repeat; background-size: 100% auto; }
.page4 .title { position: absolute; z-index: 20; left: 50%; top: 50rem; transform: translate(-50%); width: 305rem; height: 120rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/title.png) center bottom no-repeat; background-size: 100% auto; text-indent: -9999rem; }
.page4 .small{ left: 80rem; top: 100rem; width: 110rem; height: 52rem; position: absolute; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/small.png) center center no-repeat; background-size: 100% auto; }

.page4 .navbox{ position: absolute; height: auto; width: auto; border: 1px solid #fff; top: 260rem; width: 90%; left: 5%; }
.page4 .navbox ul{ display: flex; }
.page4 .navbox li{ position: relative; width:171rem; height: 71rem; border-right: 1px solid #fff; cursor: pointer; }
.page4 .navbox li:last-child{ border-right: none; }

.page4 .navbox li i{ z-index: 1; position: relative; width: 100%; height: 100%; display: block; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/navicon.png) no-repeat; background-size:608rem auto; }
.page4 .navbox li:nth-child(1) i{ background-position:-8rem  -10rem; }
.page4 .navbox li:nth-child(2) i{ background-position: -174rem -7rem; }
.page4 .navbox li:nth-child(3) i{ background-position: -350rem  -7rem; }
.page4 .navbox li:nth-child(4) i{ background-position:-512rem  -7rem; }
.page4 .navbox li.on::after{ content: ''; position: absolute; top: -2rem; left: -1rem; width: 171rem; height: 85rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/navon.png) -28rem center no-repeat; background-size: auto 100%; }
.page4 .navbox li.on::before{ content: ''; position: absolute; top: -10rem; left: -12rem; width: 37rem; height: 17rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/topicon.png) center center no-repeat; background-size: 100% auto; z-index: 1; }
.page4 .navbox li.on i{ background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/navicon1.png) no-repeat; background-size:608rem auto; z-index: 10; position: relative; }
.page4 .navbox li.on:nth-child(1) i{ background-position:-8rem  -10rem; }
.page4 .navbox li.on:nth-child(2) i{ background-position:-174rem -7rem; }
.page4 .navbox li.on:nth-child(3) i{ background-position:-350rem  -7rem; }
.page4 .navbox li.on:nth-child(4) i{ background-position:-512rem  -7rem; }
.page4 .navbox li span{ position: absolute; font-size: 18rem; color: #fff; font-family: font; width: 100%; text-align: center; margin-top: 20rem; bottom: 5rem; z-index: 10; }
.page4 .navbox li.on span{ color: #000; }



.page4 .showcarbox{ position: absolute; height: auto; width:100%; left: 50%; transform: translate(-50%); /* bottom: 65rem; */       top: 360rem; }
.page4 .chetxt{ width: 90%; margin: 0 auto; position: relative; }

.page4 .decbox .top{ width: 100%; height: auto; }
.page4 .decbox .top img{ width:123rem; display: none; }
.page4 .decbox .top .bt{ position: absolute; top: 40rem; /*  left: 125rem; */ left: 0; }
.page4 .decbox .top .bt h3{ font-family: font; font-size: 42rem; color: #fff; text-transform: uppercase; }
.page4 .decbox .top .bt small{ font-size: 20rem; color: #fff; text-transform: uppercase; }
.page4 .decbox .dec{ height: 200rem; overflow-y: auto; padding-right: 20rem; display: none; }

/* 自定义整个滚动条 */
.page4 .decbox .dec::-webkit-scrollbar { width: 5rem; /* 设置滚动条的宽度 */; }
/* 自定义滚动条轨道 */
.page4 .decbox .dec::-webkit-scrollbar-track { background: #5b5b5b; /* 设置轨道的背景颜色 */; }
/* 自定义滚动条的滑块（thumb） */
.page4 .decbox .dec::-webkit-scrollbar-thumb { background: #d9fe0f; /* 设置滑块的背景颜色 */
border-radius:8rem; }
.page4 .decbox .dec p{ font-size: 18rem; color: #949494; line-height: 25rem; }

.page4  .cheimg{ width: 100%; position: relative; margin-top: 204rem; }
.page4  .cheimg img{ width: auto; max-width: 100%; }
/* .page4  .yundong .cheimg img{ width: 565rem; } */
.page4 .showcarbox .changechebox{ position: relative; margin-top: 35rem; width: 100%; height: auto; display: flex; justify-content: center; z-index: 10; }
.page4 .changechebox .showcheimg{ overflow: hidden; margin-top: 54rem; }
.page4 .changechebox .swiper-slide{ width: 201rem !important; height: 177rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/lunbg.png) top center no-repeat; background-size:188rem auto; }
.page4 .changechebox .swiper-slide-thumb-active{ background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/smbg.png) center center no-repeat; background-size: 201rem auto; }
.page4 .changechebox .swiper-slide img{ margin: 20rem auto 0; width: 165rem; display: block; }
.page4 .changechebox .swiper-slide-thumb-active img{ margin-top: 25rem; }
.page4 .changechebox .swiper-slide span{ font-family: font; font-size: 20rem; color: #fff; position: absolute; bottom: 34rem; left: 50%; transform: translate(-50%); }

.page4  .swiper-button-next:after,.page4 .swiper-rtl .swiper-button-prev:after{ content: ''; }
.page4 .swiper-button-prev:after, .page4 .swiper-rtl .swiper-button-next:after{ content: ''; }
.page4 .swiper-button-next{ width: 21rem; height: 38rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/right.png) center top no-repeat; background-size:100% auto; top: 50rem; }
.page4 .swiper-button-prev{ width: 21rem; height: 38rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page4/left.png) center top no-repeat; background-size:100% auto; top: 50rem; } 




/* page5 */
.page5 { position: relative; z-index: 11; width: 750rem; height: 1270rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page5/bg.jpg) center center no-repeat; background-size: 100% auto; }
.page5 .title { position: absolute; z-index: 20; left: 50%; top: 70rem; transform: translate(-50%); width: 322rem; height: 136rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page5/title.png) center bottom no-repeat; background-size: 100% auto; text-indent: -9999rem; }
.page5 .small{ left: 77rem; top: 165rem; width: 130rem; height: 87rem; position: absolute; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page5/small.png) center center no-repeat; background-size: 100% auto; }

.page5 .lunbox{ width: 689rem; height: 392rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page5/adbg1.png) center center no-repeat; background-size: 100% auto; position: absolute; top: 240rem; left: 50%; transform: translate(-50%); }
.page5 .lunbox .swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center; }
.page5 .lunbox .swiper-slide a{ display: block; width: 650rem; height: 300rem; margin-top: 60rem; overflow: hidden; position: relative; }
.page5 .lunbox img{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.page5 .news{ position: absolute; width: 654rem; top: 650rem; height: 500rem; left: 50%; transform: translate(-50%); }
.page5 .news .nav{ border-bottom: .02rem solid #555; text-align: center; }
.page5 .news .nav li{ font-family: font; display: inline-block; color: #fff; cursor: pointer; text-align: center; font-size: 26rem; width: 145rem; height: 55rem; line-height: 55rem; }
.page5 .news .nav li:last-child{ margin-right: 0; }
.page5 .news .nav li.on{ color: #d9fe0f; border-bottom: 2px solid #d9fe0f; }
.page5 .newslist{ height: auto; width: 100%; margin-top: 20rem; }
.page5 .newslist a{ display: block; color: #fff; position: relative; height: 60rem; line-height: 60rem; border-bottom: 1px solid #555}

.page5 .newslist a p{ margin-bottom: 12rem; font-size: 18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 83%; }
.page5 .newslist a span{ position: absolute; right: 0; top: 0; font-size: 18rem; }
.page5 .news .more{ display: block; margin:20rem auto 0; width: 192rem; height: 68rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page5/more.png) center center no-repeat; background-size: 100% auto; }

.page5 .newslist a:first-child{ width: 630rem; height: 105rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page5/topnews.png) center 25rem no-repeat; background-size: 100% auto; border: none; margin-left: -48rem; text-indent: 48rem; line-height: 105rem; }
.page5 .newslist a:first-child p{ color: #e4ff0f; font-weight: bold; font-size: 22rem; width: 97%; }
.page5 .newslist a:first-child span{ display: none; }






/* page6 */

.page6 { position: relative; z-index: 11; width: 750rem; height:670rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page6/bg.jpg) center center no-repeat; background-size: 100% auto; }
.page6 .title { position: absolute; z-index: 20; left: 50%; top: 70rem; transform: translate(-50%); width: 315rem; height: 126rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page6/title.png) center bottom no-repeat; background-size: 100% auto; text-indent: -9999rem; }





.page6 .teseContent{ position: absolute; width: 100%; height: auto; top: 200rem; }


.page6 .lunbg{ pointer-events: none; position: absolute; width: 100%; height: 435rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20230713yuyuem/page3/box.png) center center no-repeat; background-size: 100% auto; z-index: 20; margin-top: 20rem; }

.page6 .teseContent .swiper-container { width:100%; height: 100%; margin-top: 60rem; }
.page6 .teseContent .swiper-slide { width: 630rem !important; height:350rem !important; }
.page6 .teseContent .swiper-slide-prev .swiper-slide-shadow-right, .page6 .teseContent .swiper-slide-next .swiper-slide-shadow-left{ opacity:100 !important}
.page6 .teseContent .swiper-slide img { display: block; width: 630rem; height:350rem; }

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content: ''; }
.page6 .swiper-button-prev,.page6 .swiper-button-next { top: 60%; height: 75rem; width: 75rem; z-index: 99; }

.page6 .swiper-button-prev { background: url(https://game.gtimg.cn/images/nfsm/act/a20230713yuyuem/page3/left.png) center center no-repeat; background-size: 55rem auto; left: 20rem !important; }

.page6 .swiper-button-next { background: url(https://game.gtimg.cn/images/nfsm/act/a20230713yuyuem/page3/right.png) center center no-repeat; background-size: 55rem auto; right: 20rem !important; }





/* .page6 .small{ left: 5rem; top: 220rem; width: 217rem; height:128rem; position: absolute; z-index: 10; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page6/small.png) center center no-repeat; background-size: 100% auto; }

.page6 .tebox{ position: absolute; top: 280rem; left: 50%; transform: translate(-50%); width: 676rem; height: 453rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page6/tebg.png) center center no-repeat; background-size: 100% auto; }

.page6 .tebox img{ width: 610rem; height: 350rem; margin-top: 45rem; margin-left: 30rem; } 
.page6 .p6pagination{ bottom: -160rem; }
.page6 .p6pagination span{ opacity: 1; font-family: font; color: #fff; font-size: 30rem; width: 117rem; height: 74rem; line-height: 74rem; background: no-repeat; border-radius: 0; position: relative; }
.page6 .p6pagination .swiper-pagination-bullet-active::after{ position: absolute; left: 0; top: -4rem; content: ''; width: 127rem; height: 74rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page6/xhbg.png) center center no-repeat; background-size: 100% auto; pointer-events: none; }
.page6 .p6pagination .swiper-pagination-bullet-active { color: #d9fe0f; } */



/* page7 */
.page7 { position: relative; z-index: 11; width: 100%; height: 1320rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page7/bg.jpg) center center no-repeat; background-size: 100% auto; }
.page7 .title { position: absolute; z-index: 20; left: 50%; top: 70rem; transform: translate(-50%); width: 450rem; height: 156rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page7/title.png) center bottom no-repeat; background-size: 100% auto; text-indent: -9999rem; }

.page7 .pinpai{ position: absolute; top: 300rem; left: 50%; transform: translate(-50%); width:691rem; }


/* page8 */

.page8 { position: relative; z-index: 11; width: 100%; height:430rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page8/bg.jpg) center center no-repeat; background-size: 100% auto; }



.page8  h3{ position: absolute; width: 100%; color: #fff; font-size: 20rem; font-weight: bold; text-align: center; margin-top: 50rem; left: 50%; transform: translate(-50%); }
.page8  h3 span{ color:#d9fe0f; }

.page8 .gfbox ul { position: absolute; width: 630rem; top: 120rem; left: 50%; transform: translate(-50%); }

.page8 .gfbox ul li { position: relative; cursor: pointer; width: 87rem; height: 87rem; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page8/icon.png) no-repeat; background-size:628rem auto; display: inline-block; margin-right: 40rem; }

.page8 .gfbox ul li:last-child { margin-right: 0; }

.page8 .gfbox ul li .img { display: none; width: 120rem; height: 120rem; position: absolute; top: 90rem; left: -10rem; }

.page8 .gfbox ul li .wximg { height: 261rem; width: 477rem; top: 70rem; left: -57rem; text-align: center; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page8/ewmbox.png) center center no-repeat; background-size: 100% auto; }

.page8 .gfbox ul li .boximg .com { position: absolute; width: 90rem; height: 115rem; margin-top: 101rem; }
.page8 .gfbox ul li .boximg .qywx{ left: 60rem; }
.page8 .gfbox ul li .boximg .gzh{ left: 190rem; }
.page8 .gfbox ul li .boximg .qun{ left: 322rem; }

.page8 .gfbox ul li .boximg p { font-size: 16rem; margin-bottom: 11rem; color: #fff; }

.page8 .gfbox ul li .img img { width: 120rem; height: 120rem; }

.page8 .gfbox ul li .boximg img { width: 75rem; height: auto; }


.page8 .gfbox ul li .qqimg { height: 261rem; width: 481rem; top: 70rem; left: -195rem; text-align: center; background: url(https://game.gtimg.cn/images/nfsm/act/a20240614yuyuem/page8/ewmqqbox.png) center center no-repeat; background-size: 100% auto; }


.page8 .gfbox ul li .boximg .qq{ background: none; width: auto; height: auto; margin-top: 70rem; position: relative; display: inline-block; margin-right: 40rem; }
.page8 .gfbox ul li .boximg .qq:last-child{ margin-right: 0; }
.page8 .gfbox ul li .qq img{ width: 130rem; }
.page8 .gfbox ul li a{ display:block; width:100%; height:100%; }


.page8 .gfbox ul li:nth-child(1) { background-position: 2rem 2rem; }

.page8 .gfbox ul li:nth-child(2) { background-position: -134rem 2rem; }

.page8 .gfbox ul li:nth-child(3) { background-position: -270rem 2rem; }

.page8 .gfbox ul li:nth-child(4) { background-position: -407rem 2rem; }

.page8 .gfbox ul li:nth-child(5) { background-position: -544rem 2rem; }