*{-webkit-text-size-adjust: none;padding: 0;margin: 0;outline: none;/* -webkit-touch-callout:default; */}
*{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;}
html{width:100%;font-size: 16px;-webkit-text-size-adjust:none;background-color: #f1efef;}
body,h1,h2,h3,ul,li,p{font-weight: normal;}
div,a{background-size: 100% 100%;background-repeat: no-repeat;border:none;text-decoration: none;}
img{vertical-align: top;}
ul,li{list-style: none;}
input,textarea{font-size:100%;user-select: auto;-webkit-user-select: auto;-webkit-touch-callout:default;}
a,select,div,ul,li{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;user-select: none;-webkit-user-select: none;}

html, body, .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}

@font-face {
  font-family: "bold";
  src: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bold.ttf);
}

html {
  font-size: calc(100vw / 1920 * 100);
  scroll-behavior: smooth;
}

.part {
  position: relative;
  width: 100%;
  height: 9rem;
  text-align: center;
  padding-top: 1px;
  box-sizing: border-box;
}

.th {
  height: 0;
  line-height: 99999px;
  overflow: hidden;
}

.kv { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg1.jpg) no-repeat center/cover; }
.part1 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg2.jpg) no-repeat center/cover; }
.part2 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg3.jpg) no-repeat center/cover; }
.part3 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg4.jpg) no-repeat center/cover; }
.part4 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg5.jpg) no-repeat center/cover; }
.part5 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg6.jpg) no-repeat center/cover; }
.part6 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg7.jpg) no-repeat center/cover; }
.part7 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg8.jpg) no-repeat center/cover; }
.part8 { height: 9.00rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg9.jpg) no-repeat center/cover; }
.part9 { height: 9.0rem; background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/bg10.jpg) no-repeat center/cover; }



.kv .logo {
  position: absolute;
  width: 3.32rem;
  height: 0.58rem;
  top: 0.4rem;
  left: 0.4rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/logo.png) no-repeat center/100%;
}

.kv .home {
  position: absolute;
  width: 3.02rem;
  height: 1.24rem;
  top: 0.38rem;
  right: 0.5rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/home.png) no-repeat center/contain;
}

.kv .slogan {
  position: absolute;
  width: 9.16rem;
  height: 2.15rem;
  top: 4.8rem;
  left: 50%;
  margin-left: -4.58rem;
  line-height: 999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/slogan.png) no-repeat center/contain;
}

.kv .age {
  position: absolute;
  bottom: 0.5rem;
  left: 0.4rem;
  width: 0.46rem;
  height: 0.59rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/age.png) no-repeat center top/contain;
}

.down-con {
  position: absolute;
  width: 3.5rem;
  height: 1.31rem;
  top: 7.1rem;
  left: 50%;
  margin-left: -1.7rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/kv-btns.png) no-repeat left/auto 100%;
}
.down-con img{
  position: absolute;
  top:0;
  left:0;
  width: 1.31rem;
  height: 1.31rem;
}




.down-con .btn5,
.down-con .btn6 {
  position: absolute;
  width: 1.88rem;
  height: 0.7rem;
}


.down-con .btn5,
.down-con .btn6 {
  left: 1.4rem;
}


.down-con .btn6 {
  top: 0;
}

.down-con .btn5 {
  top: 0.7rem;
}

.p1-tit {
  position: relative;
  width: 100%;
  height: 1.4rem;
  line-height: 99999px;
  overflow: hidden;
  margin: 0.65rem auto 0;
  z-index: 1;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t1.png) no-repeat center/contain;
}
.p1-nav{
  width: 16rem;
  height: 7.3rem;
  display: flex;  
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 1.5rem;
  left: 50%;
  margin-left: -8.0rem;
  z-index: 9;
}

.p1-item {  
  width: 2.39rem;
  height: 0.66rem;
  line-height: 999px;
  overflow: hidden;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p1-item.png) no-repeat center/contain;  
  box-sizing: border-box;
  position: relative;
}

.p1-item p{  
  width: 2.38rem;
  height: 0.66rem;
  line-height: 0.66rem;
  font-family: 'bold';
  text-align: center;
  font-size: 0.3rem;
  color: #5a1f04;
  background: -webkit-linear-gradient(#5a1f04, #a04204);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 0.2rem;
  box-sizing: border-box;
}

.p1-item1{
  margin-top: 1.2rem;
}
.p1-item2{
  margin-top: -0.6rem;
  margin-left: 1rem;
}
.p1-item3{
  margin-top: 3rem; 
  margin-left: -0.5rem;
}
.p1-item4{
  margin-top: 1rem;
  margin-left: -0.6rem;
}
.p1-item5{
  margin-left: 2.5rem;
}






.p2-tit {
  position: relative;
  width: 100%;
  height: 1.38rem;
  line-height: 99999px;
  overflow: hidden;
  margin: 0.6rem auto 0;
  z-index: 10;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t2.png) no-repeat center/contain;
}


.p2-nav {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 00;
  z-index: 6;
}

.p2-nav .nav-item {
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p2-item.png) no-repeat center/100%;
  position: absolute;
  width: 3.03rem;
  height: 0.77rem;
  margin-bottom: 0.22rem;
  cursor: pointer;
}

.p2-nav .nav-item p {
  font-family: "bold";
  position: absolute;
  width: 100%;
  line-height: 0.5rem;
  top: 0.1rem;
  left: 0;
  text-align: center;
  font-size: 0.36rem;
  font-style: italic;
  color: #5a1f04;
  background: -webkit-linear-gradient(#5a1f04, #a04204);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
  padding-left: 0.3rem;
  box-sizing: border-box;
}
.p2-act1{
  top: 2.5rem;
  right: 4rem;
}
.p2-act2{
  top: 5.5rem;
  left: 11.5rem;
}
.p2-act3{
  top: 2.26rem;
  left: 5rem;
}
.p2-act4{
  top: 5rem;
  left: 5rem;
}


.p3-tit{
  width: 100%;
  height: 1.4rem;
  margin-top: 0.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t3.png) no-repeat center/contain;
  position: relative;
  z-index: 9;
}

.p3-sw{
  width: 100%;
  object-fit: cover;
  height: 9rem;
  top: 0;
  left: 0;
  position: absolute;
}
.p3-sw::after{
  content: '';
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-bottom.png) no-repeat center/100%;
  width: 100%;
  height: 0.72rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  display: none;
}
.p3-sw::before{
  content: '';
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-top.png) no-repeat center/cover;
  width: 100%;
  height: 0.85rem;
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: 9;
}
.p3-sw img{
  width: 100%;
  height: 9rem;
  object-fit: cover;
}

.p3-item {
  position: absolute;
  width: 9.38rem;
  height: 2.16rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-item.png) no-repeat center/contain;
  padding: 0 0.85rem;
  padding-top: 0.14rem;
  box-sizing: border-box;

}
.p3-item h3{
  font-size: 0.3rem;
  font-weight: bold;
  color: #6942c7;  
  text-align: left;
  font-family: "bold";  
  margin-bottom: 0.1rem;
}


.p3-item p{
  line-height: 0.28rem;
  font-size: 0.196rem;
  color: #000;
  text-align: left;
  height: 0.85rem;
  overflow-y: auto;
  padding-right: 0.05rem;
}
.p3-item p::-webkit-scrollbar {
  width: 0.04rem
}

.p3-item p::-webkit-scrollbar-track {
  background: transparent;
}

.p3-item p::-webkit-scrollbar-thumb {
  background: #01575a;
}

.p3-item1 {
  top: 6.5rem;
  left: 0.8rem;
}

.p3-item2 {
  top: 6.5rem;
  left: 11.45rem;
  padding-top: 0.5rem;
  box-sizing: border-box;
}
.p3-item3{
  top: 5.5rem;
  left: 50%;
  margin-left: -4.65rem;
  padding-top: 0.4rem;
  box-sizing: border-box;
}
.p3-next,.p3-prev{
  background: url(https://game.gtimg.cn/images/gp/cp/a20260408seven/p4-next.png) no-repeat center/100%;
  width: 0.47rem;
  height: 0.94rem;
  position: absolute;
  top: 50%;
  margin-top: -0.47rem;
  z-index: 9;
  right: 1rem;
  cursor: pointer;
}
.p3-prev{
  right: auto;
  left: 1rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.p3-sw .swiper-pagination{
  width: 100%;
  height: 0.2rem;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  z-index: 9;
}
.p3-sw .swiper-pagination-bullet{
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-pagination.png) no-repeat right/auto 100%;
  width: 0.25rem;
  height: 0.32rem;    
  opacity: 1;
}
.p3-sw .swiper-pagination-bullet-active{
  width: 0.32rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-pagination.png) no-repeat left/auto 100%;
}


.p4-tit {
  width: 100%;
  height: 1.4rem;
  margin-top: 0.5rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t4.png) no-repeat center/contain;
}
.p4_btn{
  width: 100%;
  position: absolute;
  bottom: 1rem;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p4-item {
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p4-item.png) no-repeat center/100%;  
  width: 3.12rem;
  height: 0.8rem;
  cursor: pointer;
  margin: 0 0.3rem;
}

.p4-item p{
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.36rem;
  color: #fff;  
  font-family: "bold";  
}
.p4-item1{
  margin-top: -6rem;  
}



.p5-tit{
  width: 100%;
  height: 1.38rem;
  margin-top: 0.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t5.png) no-repeat center/contain;
  position: relative;
  z-index: 9;
}
.p5-sw{
  width: 100%;
  object-fit: cover;
  height: 9rem;
  top: 0;
  left: 0;
  position: absolute;
}
.p5-sw::after{
  content: '';
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p5-bottom.png) no-repeat center/cover;
  width: 100%;
  height: 0.77rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.p5-sw::before{
  content: '';
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p5-top.png) no-repeat center/100%;
  width: 100%;
  height: 0.9rem;
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: 9;
  display: none;
}
.p5-top{
  content: '';
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p5-top2.png) no-repeat center/cover;
  width: 100%;
  height: 1.66rem;
  position: absolute;
  top: -0.9rem;
  left: 0;
  z-index: 9;  
}
.p5-sw img{
  width: 100%;
  height: 9rem;
  object-fit: cover;
}
.p5-sw .swiper-pagination{
  width: 100%;
  height: 0.2rem;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  z-index: 9;
}
.p5-sw .swiper-pagination-bullet{
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-pagination.png) no-repeat right/auto 100%;
  width: 0.25rem;
  height: 0.32rem;    
  opacity: 1;
}
.p5-sw .swiper-pagination-bullet-active{
  width: 0.32rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-pagination.png) no-repeat left/auto 100%;
}

.p5-desc-item {
  position: absolute;
  width: 9.23rem;
  top: 5.53rem;
  display: flex;
  flex-direction: column;
  justify-content: center;  
  align-items: center;
}

.p5-desc-item.item1 {
  left: 50%;
  margin-left: -4.66rem;
}

.p5-subtit {
  width: 5.49rem;
  height: 1.45rem;
  margin-bottom: -0.4rem;
}

.p5-subtit.t1 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p5-t1.png) no-repeat center/contain;
}
.p5-subtit.t2 {
  height: 0.95rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p5-t2.png) no-repeat center/contain;
  margin-bottom: -0.2rem;
}

.p5-desc-item .desc-con {
  width: 8.2rem;
  height: 1.57rem;
  margin-top: 0.15rem;
  box-sizing: border-box;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p5-word.png) no-repeat center/contain;
}

.p5-desc-item .desc-con p {
  width: 7.2rem;
  font-size: 0.2rem;
  color: #341b0a;
  line-height: 0.3rem;
  font-family: "simhei";
  font-weight: bold;
  text-align: left;
  margin: 0.25rem auto;
}


.p6-tit{
  width: 100%;
  height: 1.11rem;
  margin-top: 0.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t6.png) no-repeat center/contain;
}

.p6-con {
  position: absolute;
  top: 4.5rem;
  left: 2.55rem;
}

.p6-role-tit {
  width: 2.11rem;
  height: 3.96rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p6-role-tit.png) no-repeat center/contain;
}

.p6-con .desc {
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 0.35rem;  
  text-align: left;
  margin-top: -5.6rem;
  margin-left: 7.5rem;
  text-shadow: 0.05rem 0.05rem 0.5rem #000dff;
}

.p6-skill-con {
  width: 6.45rem;
  height: 1.85rem;
  margin-top: 0rem;
  margin-left: 1.13rem;
  display: flex;
  justify-content: space-between;  
}

.p6-skill-con .skill-item {
  background-image: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/skill-item.png);
  background-size: auto 100%;
  background-position: right;
  width: 2.3rem;
  flex:none;
  height: 1.4rem;  
  cursor: pointer;
  margin-right: -0.1rem;
}
.p6-skill-con .skill-item:nth-of-type(2){
  background-position: -2.4rem;
}
.p6-skill-con .skill-item:nth-of-type(3){
  background-position: left;
}

.p6-skill-con .skill-item.act{
  background-image: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/skill-item2.png);
  /* width: 6.45rem; */
  height: 1.4rem;    
}

.p6-skill-con .skill-item .sk-desc {
  width: 1.6rem;
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.251rem;
  color: #fff;
  /* font-family: "bold"; */
  margin: 1.4rem 0 0 0.5rem;
}


.p6-box{
  position: absolute;
  top: 4.4rem;
  right: 2.5rem;
}

.p6-tab1 {
  width: 6.54rem;
  height: 1.44rem;  
  margin-left: 1.3rem;
  position: relative;
}

.p6-tab1 p{
  display: none;
  color: #fff;
  font-size: 0.2rem;
  text-align: left;
  line-height: 0.3rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/sk-desc1.png) no-repeat center/100%;
  width:100%;
  height: 1.08rem;
  box-sizing: border-box;
  padding: 0.3rem 0.4rem 0;
}
.p6-tab1 p:nth-of-type(2){
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/sk-desc2.png) no-repeat center/100%;
  /* height: 1.44rem;
  padding-top: 0.5rem; */
}
.p6-tab1 p:nth-of-type(3){
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/sk-desc3.png) no-repeat center/100%;  
}





.p7-tit{
  width: 100%;
  height: 1.38rem;
  margin-top: 0.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t7-2.png) no-repeat center/contain;
  position: relative;
  z-index: 9;
}
.p7-desc-item {
  cursor: pointer;
  position: absolute;
  width: 3.51rem;
  height: 0.78rem;
  line-height: 0.74rem;
  padding-left: 0.3rem;
  box-sizing: border-box;
  top: 2.8rem;
  left: 3rem;
  font-size: 0.36rem;
  color: #ffffff;
  font-family: "bold";
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p7-desc-item.png) no-repeat center/100%;
}

.p7-desc-item.item2 {
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p7-desc-item2.png) no-repeat center/100%;
  width: 4.17rem;
  top: 5.53rem;
  left: 10rem;
 }
 .p7-sw{
  width: 100%;
  object-fit: cover;
  height: 9rem;
  top: 0;
  left: 0;
  position: absolute;
}
.p7-sw img{
  width: 100%;
  height: 9rem;
  object-fit: cover;
}
.p7-sw .swiper-pagination{
  width: 100%;
  height: 0.2rem;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  z-index: 9;
}
.p7-sw .swiper-pagination-bullet{
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-pagination.png) no-repeat right/auto 100%;
  width: 0.25rem;
  height: 0.32rem;    
  opacity: 1;
}
.p7-sw .swiper-pagination-bullet-active{
  width: 0.32rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p3-pagination.png) no-repeat left/auto 100%;
}



.p8-tit{
  width: 100%;
  height: 1.38rem;
  margin-top: 0.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t8.png) no-repeat center/contain;
}
.p8-desc{
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  color: #ffffff;
}
.p8-con {
  width: 100%;
  margin: 0.8rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;  
}

.p8-con .p8-item {
  position: relative;
  width: 4.83rem;
  height: 3.1rem;
  margin: 0 0.05rem 0.3rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p8-img1.png) no-repeat center/contain;
}

.p8-con .p8-item2 {
  position: relative;
  /* width: 4.43rem;
  height: 3.12rem;
  margin: 0 0.25rem 0.3rem; */
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p8-img2.png) no-repeat center/contain;
}
.p8-con .p8-item3 {
  position: relative;
  width: 4.83rem;
  height: 3.1rem;
  margin: 0 0.05rem 0.3rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p8-img3.png) no-repeat center/contain;
}


.p8-box{
  width: 4.43rem;
  height: 3.12rem;    
}
.p8-con .p8-item img {  
  width: 4.43rem;
  height: 3.12rem;  
  mask-size: 100%;
}

.p8-con .p8-item p {
  position: absolute;
  width: 100%;
  bottom: 0.25rem;
  left: 0;
  font-size: 0.3rem;
  color: #5a1f04;
  background: -webkit-linear-gradient(#5a1f04, #a04204);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.38rem;
  font-family: "bold";
  text-align: center;
}



.p9-tit{
  width: 100%;
  height: 1.38rem;
  margin-top: 0.6rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/t9.png) no-repeat center/contain;
}

.p9-nav {
  position: absolute;
  width: 2.8rem;
  top: 2.8rem;
  left: 2.4rem;
}

.p9-nav .p9-item {
  display: block;
  width: 2.82rem;
  height: 0.76rem;
  line-height: 0.65rem;
  font-size: 0.36rem;
  color: #01575a;
  font-family: "bold";
  margin-bottom: 0.18rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p9-btn1.png) no-repeat center/2.8rem auto;
}

.p9-nav .p9-item span {
  display: block;
  color: #0b2232;
  overflow: hidden;
}

.p9-nav .p9-item.act span ,
.p9-nav .p9-item:hover span {
  display: block;
  color: #581e04;
  overflow: hidden;
}

.p9-nav .p9-item.act,
.p9-nav .p9-item:hover {
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p9-btn2.png) no-repeat center/contain;
}

.p9-desc-con {
  position: absolute;
  width: 11.72rem;
  height: 6.19rem;
  top: 2.3rem;
  left: 5.2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p9-con.png) no-repeat center/contain;
}
.p9-desc-con:after {
  content: "";
  position: absolute;
  width: 4.85rem;
  height: 2.73rem;
  top: -1.8rem;
  right: -2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/p9-icon.png) no-repeat center/contain;
  z-index: 10;
}

.p9-desc-con p {
  position: absolute;
  width: 9.85rem;
  height: 5.05rem;
  left: 0.94rem;
  top: 0.5rem;
  font-size: 0.24rem;
  color: #01575a;
  line-height: 0.45rem;
  /* font-family: "simhei"; */
  text-align: left;
  text-shadow: 0 0 0.01rem #fff;
  box-sizing: border-box;
  padding-right: 0.1rem;
  overflow: auto;
  display: none;
}

.p9-desc-con p::-webkit-scrollbar {
  width: 0.04rem
}

.p9-desc-con p::-webkit-scrollbar-track {
  background: transparent;
}

.p9-desc-con p::-webkit-scrollbar-thumb {
  background: #01575a;
}


.nav {
  position: fixed;
  right: 0;
  width: 2.04rem;
  height: 4.63rem;
  top: 50%;
  margin-top: -2.51rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/nav.png) no-repeat right/cover;
  z-index: 10;
  transform: translateX(160%);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  box-sizing: border-box;
  padding: 0.2rem 0 0;
  -webkit-transform: translateX(160%);
  -moz-transform: translateX(160%);
  -ms-transform: translateX(160%);
  -o-transform: translateX(160%);
}

.nav .nav-item {  
  display: block;
  width: 2.16rem;
  height: 0.37rem;
  text-align: center;
  margin-bottom: 0.22rem;
  margin-left: -0.07rem;
}
.nav .nav-item:nth-of-type(1){
  opacity: 0;
  visibility: hidden;
  margin-bottom: 0.1rem;
}

.nav .nav-item.act {
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/nav-act.png) no-repeat center / 100%;
}

.nav .nav-item span {
  display: block;
  font-size: 0.2rem;
  color: #581e04;
  line-height: 0.3rem;
  font-family: "bold";
  letter-spacing: -0.02rem;
}

.nav .nav-item.act span {
  color: #722f0b;
}

.nav .nav-item-top{
  position: absolute;
  top: 0.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.3rem;
  height: 0.4rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.nav-close {
  position: absolute;
  width: 1.8rem;
  height: 0.35rem;
  bottom: 0rem;
  left: 0.1rem;
}

.nav-open {
  position: fixed;
  width: 0.99rem;
  height: 1.38rem;
  right: 0;
  top: 50%;
  margin-top: -0.6rem;
  z-index: 10;
  transform: translateX(0);
  transition: transform 0.3s;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/nav-open.png) no-repeat right/contain;
}

.nav-open.hide {
  transform: translateX(100%);
}

.nav.show {
  right: 0;
  /*right: calc(constant(safe-area-inset-right));
  right: calc(env(safe-area-inset-right));*/
  transform: translateX(-5%);
  -webkit-transform: translateX(-5%);
  -moz-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  -o-transform: translateX(-5%);
  opacity: 1;
}



.upani, .leftani, .rightani {
  opacity: 0;
}

.part.act .upani {
  animation: upAni 1.2s ease forwards;
  -webkit-animation: upAni 1.2s ease forwards;
}

.part.act .leftani {
  animation: leftAni 1.2s ease forwards;
}

.part.act .rightani {
  animation: rightAni 1.2s ease forwards;
}

.delay1 {
  animation-delay: 0.1s !important;
}

.delay2 {
  animation-delay: 0.2s !important;
}

.delay3 {
  animation-delay: 0.3s !important;
}

@keyframes upAni {
  0% { opacity: 0; transform: translateY(0.5rem); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes leftAni {
  0% { opacity: 0; transform: translateX(-0.5rem); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes rightAni {
  0% { opacity: 0; transform: translateX(0.5rem); }
  100% { opacity: 1; transform: translateY(0); }
}

.next-tip {
  position: fixed;
  z-index: 10;
  width: 1.57rem;
  height: 0.5rem;
  bottom: 0.3rem;
  left: 50%;
  margin-left: -0.79rem;
  background:  url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/next-more.png) no-repeat center/contain;
  pointer-events: none;
  animation: nextani 2s linear infinite;
  -webkit-animation: nextani 2s linear infinite;
}

@keyframes nextani {
  0% {  transform: translateY(0rem); }
  50% {  transform: translateY(0.3rem); }
  100% {  transform: translateY(0rem); }
}



















.dia {
  display: none;
  position: fixed !important;
  text-align: left;
  box-sizing: border-box;
  margin: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);  
}

.dia-close {
  position: absolute;
  width: 0.34rem;
  height: 0.34rem;
  top: 0.34rem;
  right: -0.2rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/pop-close.png) no-repeat center/0.33rem;
}

.dia1 {
  width: 7.01rem;
  height: 5.24rem;
  transform:  translate(-50%, -50%);
  transform-origin: 0 0;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260408seven/pop1.png) no-repeat center/contain;
  -webkit-transform:  translate(-50%, -50%);
  -moz-transform:  translate(-50%, -50%);
  -ms-transform:  translate(-50%, -50%);
  -o-transform:  translate(-50%, -50%);
}

.dia3 {  
  width: 7.65rem;
  height: 6.21rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/pop2.png) no-repeat center/contain;
}

.dia-tit1,
.dia-tit2 {
  width: 100%;
  margin-top: 0.4rem;
  font-size: 0.36rem;
  line-height: 1.1;
  font-family: "bold";
  display: flex;
  align-items: center;
  justify-content: center;
}



.dia-tit1 span,
.dia-tit2 span {
  color: transparent;
  background: linear-gradient(#025658, #1c3126);
  background-clip: text;
  -webkit-background-clip: text;
  overflow: hidden;
}

.dia1-con {
  position: relative;
  width: 5.62rem;
  height: 3.17rem;
  margin: -0.18rem auto 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}

.dia1-con .swiper-slide{
  background: url(https://game.gtimg.cn/images/gp/cp/a20260115newyear/dia1-con.png) no-repeat center/100%;
  width: 5.62rem;
  height: 3.17rem;
}

.dia1-con img {
  display: block;
  width: 5.58rem;
  height: 3.14rem;
  mask-image: url(https://game.gtimg.cn/images/gp/cp/a20260115newyear/dia1-con.png);
  mask-size: 100%;
  margin: 0.02rem auto;
  object-fit: cover;
}

.dia1-con img {
  object-fit: cover;
}

.dia-prev, .dia-next ,
.dia1-prev, .dia1-next ,
.dia2-prev, .dia2-next {
  cursor: pointer;
  position: absolute;
  width: 0.42rem;
  height: 0.54rem;
  top: 50%;
  margin-top: -0.27rem;
  z-index: 11;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260408seven/pop-left.png) no-repeat center/cover;
}

.dia-prev ,
.dia1-prev ,
.dia2-prev {
  left: -0.28rem;
}

.dia-next ,
.dia1-next ,
.dia2-next {
  right: -0.28rem;
  transform: rotate(180deg);
}

.dia-desc,
.dia1-desc,
.dia2-desc{
  width: 5.6rem;
  height: 1.82rem;
  font-size: 0.2rem;
  color: #fff;
  line-height: 0.22rem;
  font-family: "simhei";
  margin: -0.3rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.dia1-desc span, .d5-desc p {
  display: none;
}

.dia2-desc ,
.dia3-desc {
  width: 6.1rem;
  height: 1.82rem;
  font-size: 0.2rem;
  color: #fff;
  line-height: 0.29rem;
  margin: -0.13rem auto 0;
  text-align: left;
  padding-left: 1.5em;
  padding-right: 0.2rem;
  box-sizing: border-box;
  overflow: auto;
}

.dia2-desc::-webkit-scrollbar {
  width: 0.04rem
}

.dia2-desc::-webkit-scrollbar-track {
  background: transparent;
}

.dia2-desc::-webkit-scrollbar-thumb {
  background: #fff;
}


.dia-desc span,
.dia2-desc span{
  height: 100%;
}

.dia2-desc i {
  margin-left: -1.5em;
}

.dia2-desc{
  height: 0.6rem;
  font-size: 0.2rem;
  color: #01575a;
}
.dia3-desc{
  margin-top: -0.3rem;
  height: 1.62rem;
}
.dia3-desc span{
  height: auto;
  width: 5.5rem;
}



.dia2 {
  width: 7.65rem;
  height: 5.51rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/pop3.png) no-repeat center/contain;  
}

.d2-con ,
.d5-con {  
  background: url(https://game.gtimg.cn/images/gp/cp/a20260622bbzt/pop-con.png) no-repeat center/100%;
  width: 6.32rem;
  height: 3.5rem;
  margin: 0.1rem auto 0.2rem;
  overflow: hidden;  
  padding: 0 0.04rem;
  box-sizing: border-box;
}

.d5-con img ,
.d2-con img {
  display: none;
  width: 6.24rem;
  height: 3.42rem;
  margin: 0.04rem auto;
  object-fit: cover;
  border-radius: 0.2rem 0 0.2rem 0;
  -webkit-border-radius: 0.2rem 0 0.2rem 0;
  -moz-border-radius: 0.2rem 0 0.2rem 0;
  -ms-border-radius: 0.2rem 0 0.2rem 0;
  -o-border-radius: 0.2rem 0 0.2rem 0;
}

#dia5 .d5-con,#dia5 .d5-con img{
  width: 6.37rem;
  height: 3.48rem;
  margin: 0 auto;
}
#dia5 .d5-con{
  margin-top: 0.1rem;
}
#dia5 .d5-desc{
  width: 6.4rem;
  height: 1.1rem;
  text-align: left;
  margin-top: 0.1rem;
}

.d5-desc {
  text-align: center;
  width: 5.8rem;
  height: 1.3rem;
  overflow-y: auto;
  font-size: 0.2rem;
  color: #01575a;
  line-height: 0.26rem;
  /* font-family: "simhei"; */
  margin: -0.1rem auto 0;
  position: relative;
}
.d5-desc::-webkit-scrollbar {
  width: 0.04rem
}

.d5-desc::-webkit-scrollbar-track {
  background: transparent;
}

.d5-desc::-webkit-scrollbar-thumb {
  background: #fff;
}
.d5-desc span{
  display: block;
  height: 100%;
}
.center{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
/* #dia5 .d5-desc {
  width: 6.2rem;
  height: 1.1rem;
  font-size: 0.2rem;
  line-height: 0.35rem;
} */


.dia4{
  width: 7.04rem;
  height: 6.28rem;
  background: url(https://game.gtimg.cn/images/gp/cp/a20260408seven/pop4.png) no-repeat center/contain;
}

#dia7 .dia1-con{
  height: 3.8rem;
}
#dia7 .dia1-con .swiper-slide{
  height: 3.8rem;
}


#dia7 .dia1-con img {
  display: block;
  width: 5.62rem;
  height: 3.8rem;
  margin: 0.02rem auto;
}

#dia8 .dia1-con{
  margin: -0.2rem auto -0.4rem;
  height: 3.8rem;
}

#dia8 .dia1-con .swiper-slide{
  background: none;
  height: 3.8rem;
}

#dia8 .dia1-con img {
  display: block;
  width: 4.3rem;
  height: 3.22rem;
  margin: 0.1rem auto;
  mask-image: none;
}
#dia8 .dia1-desc{
  overflow-y: auto;  
  display: block;
  text-align: left;
}