body {
    background: #b6403b;
  }
  body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0}
  body,button,input,select,textarea{font:.12rem/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
  h1,h2,h3,h4,h5,h6{font-size:100%}
  em,b{font-style:normal}
  a,a:hover{text-decoration:none}
  img{border:0}
  body{box-sizing:border-box;font:.12rem / 1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
  button,input,select,textarea{font-size:100%;outline:none}
  table{border-collapse:collapse;border-spacing:0}
  td,th,ul,ol{padding:0}
  ul li{list-style:none}
  .wrap {
    width: 750px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  
  .bg1 {
    height: 620px;
    background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/m/bg.jpg') no-repeat center 0;
    background-size: 100% 100%;
  }
  
  .bg2 {
    height: 2709px;
    background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/m/bg1.jpg') no-repeat center 0;
    background-size: 100% 100%;
  }
  
  
  
  .main1,
  .main2,
  .main3,
  .main5,
  .main4 {
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
  }
  
  .main1 p {
    width: 100%;
    font-size: 20px;
    color: #a9382d;
    text-align: center;
    margin: 0 auto;
    margin-top:470px;
    font-family: 'syst-bold';
    margin-bottom: 20px;
}
.link{display: none;}
.top_box{
  display: flex;
  align-items: center;
  justify-content: center;
}
.main1 .detail {
  display: inline-block;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/m/detail.png') no-repeat ;
  background-size: 100% 100%;
  width: 236px;
  height: 66px;
  font-size: 22px;
  text-align: center;
  color: #a91d1b;
  font-family: 'syst-bold';
  line-height: 66px;
}
.main1 .detail2 {
  display: inline-block;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/m/detail2.png') no-repeat ;
  background-size: 100% 100%;

  width: 236px;
  height: 66px;
  font-size: 22px;
  text-align: center;
  color: #ffdd84;
  font-family: 'syst-bold';
  line-height: 66px;
  margin-left: 30px;
}

.main2 .title {
  background: url(//game.gtimg.cn/images/dzs/act/a20260123dzs/m/title1.png) no-repeat;
  width: 329px;
  height: 82px;
  background-size: 100% 100%;
  margin: 0px auto;
  margin-bottom: 15px;
  margin-top: 20px;
}



.main2 .ul-list {
  width: 100%;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.main2 li {
  margin-right: 55px;
  position: relative;
}
.main2 li:nth-child(2n){margin-right: 0;}
.main2 li:nth-child(3){margin-top: 20px;}
.main2 li:nth-child(4){margin-top: 20px;}

.main2 li .prop {
  width:260px;
  height: 357px;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/m/border.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: 0 auto 12px;
  overflow: hidden;
}

.main2 li .prop::before {
  content: '';
  position: absolute;
  width: 103px;
  height: 103px;
  /* background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/neko.png') no-repeat; */
  z-index: 0;
  top: 60px;
  left: 55px;

}
.main2 li .prop span {
  font-family: 'syst-bold';
  display: block;
  font-size: 22px;
  color: #fae3bb;
  text-align: center;
  margin-top: 295px;
}
.leiji{
  text-align: center;
  width: 100%;
  position: absolute;
  top: 40px;
  font-size: 24px;
  color: #fae3bb;
  font-family: 'syst-bold';

}

.main2 li .btn-get {
  display: block;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/m/part1_btn.png') no-repeat  ;
  background-size: 100% 100%;
  width: 231px;
height: 68px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 68px;
  color: #ed5c00;
  text-align: center;
  font-family: 'syst-bold';

}

.main2 {
  height: 1160px;
}
.main4 {
  overflow: initial;
  height: 1710px;
}
.main4 .title {
  background: url(//game.gtimg.cn/images/dzs/act/a20260123dzs/m/tit2.png) no-repeat;
  background-size: 100% 100%;
  width: 330px;
  height: 83px;
  margin: 0 auto;
  margin-bottom: 25px;
}

.main4 .ul-list1 {
  margin: 0 auto 15px;
  width: 630px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 10px;

}


.tab-nav{
  display: flex;
  justify-content: space-around;

}
.tab-panel {
  display: none;
  margin-top: 80px;

}
.nav-item{
  width: 203px;
  height: 49px;
  line-height: 49px;
  font-family: 'syst-bold';
  color: #ffe89f;
  font-size: 22px;
  background: url(//game.gtimg.cn/images/dzs/act/a20260123dzs/m/nav1.png) no-repeat;
  background-size: 100% 100%;

}
.nav-item span{
  display: block;
  text-align: center;
}

.nav-item.on, .nav-item:hover {
  background: url(//game.gtimg.cn/images/dzs/act/a20260123dzs/m/nav2.png) no-repeat ;
  background-size: 100% 100%;
  color: #b92b1e;
}






  
  
.main4 .ul-list1 .nav-item:hover {
  text-decoration: none;
}


.main4 .ul-list2 {
  width: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin: 0 auto;
}

.main4 .ul-list2 li {
  position: relative;
  margin-right: 20px;
  margin-bottom: 15px;
}



.main4 .ul-list2 .prop-box {
  width: 212px;
  height: 307px;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/m/border2.png') no-repeat center 0/100% auto;
  background-size: 100% 100%;
  padding-top: 0px;
  position: relative;
}







.main4 .ul-list2 li img {
  width: 105px;
  height: 105px;
  position: absolute;
  top: 57px;
  left: 53px;
}

.main4 .ul-list2 i span{
  font-size: .24rem;
  color: #971b1b;
  font-family: 'syst-medium';
  text-align: center;
  font-style: normal;
  display: block;
  width: 80%;
  line-height: .47rem;
}


.main4 .ul-list2 .p2 {
  font-family: 'syst-heavy';
  font-size:16px;
  line-height: 22px;
  color: #a7301c;
  margin: 0 auto;
  text-align: center;
  margin-top: 165px;
}


.main4 .ul-list2 .special-style-font .p2{
font-size: 10px;
line-height: 1.32;
}


.main4 .ul-list2 .btn-exchange {
  display: block;
  background: url(//game.gtimg.cn/images/dzs/act/a20260123dzs/m/btn1.png) no-repeat ;
  background-size: 100% 100%;
  width: 212px;
  height: 59px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  line-height: 59px;
  font-size: 20px;
  font-family: 'syst-bold';
  color: #fcfac5;
}





.main4 .ul-list2 .p1 {
  
  
  width: 100%;
  line-height: 60px;
  height: 60px;
  font-size: 20px;
  color: #ffebc0;
  text-align: center;
  font-family: 'syst-bold'; /* margin-top: 0px; */
  position: absolute;
  bottom: 0;



}







/*.main4 .ul-list2 li .prop-box:hover .float-info {
  /~ display: block; ~/
}*/




.main4 .ul-list2 .float-info2 {
  width: 435px;
  height: 448px;
  top: -428px;
  left: 50%;
  transform: translateX(-50%);
  zoom: 0.6;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/float-border5.png') no-repeat;
}

.main4 .ul-list2 .float-info3 {
  width: 420px;
  height: 202px;
  position: absolute;
  top: -182px;
  left: 50%;
  transform: translateX(-50%);
  zoom: 0.6;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/float-border4.png') no-repeat;
}

.main4 .ul-list2 .float-info4 {
  width: 429px;
  height: 459px;
  position: absolute;

  top: -429px;
  left: 50%;
  transform: translateX(-50%);
  zoom: 0.6;
  background: url('//game.gtimg.cn/images/dzs/act/a20260123dzs/float-border3.png') no-repeat;
}


.main4 .ul-list2 i {
  display: block;
  width: 90px;
  height: 35px;
  position: relative;
  top: 5px;
}
.main4 .ul-list2 i span {
  font-size: 18px;
  color: #971b1b;
  font-family: 'syst-medium';
  text-align: center;
  font-style: normal;
  display: block;
  width: 80%;
  line-height: 35px;
}






.comm1 .dia-con{
  width: 440px;
  height: 290px;
  background: url(//game.gtimg.cn/images/dzs/act/a20260123dzs/m/float-border.png) no-repeat 0 0 / cover;
  background-size: 100% 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}


.h5_txt{
  color: #833a00 !important;
/* display: flex; */
font-size: 16px !important;
}




.comm2 .dia-con{
  width: 430px;
  height: 165px;
  background: url(//game.gtimg.cn/images/dzs/act/a20260123dzs/m/float-border2.png) no-repeat 0 0 / cover;
  background-size: 100% 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}


.h5_txt2{
  color: #833a00 !important;
/* display: flex; */
font-size: 16px !important;
}


.porp_box{
  position: absolute;
  width: 210px;
  height: 210px;
  top: 78px;
  left: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.porp_box img{display: block;}


.jp_tip{
  display: block;
  font-size: 14px;
  text-align: center;
  color: #fae3bb;
  width: 100%;
  line-height: 20px;

}
.porp_tip {
  font-size: 20px;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 20px;
  color: #971b1b;
}
.hover_img{
  display: none;
  width: 368px;
  height: 435px;
  position: absolute;
  bottom: 270px;
  transform: scale(0.7);
  left: -40px;
}

.main4 .ul-list2 li.hasfont .btn-exchange {
  margin-top: 5px;
}