/* reset */
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: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b {
  font-style: normal;
}

a {
  text-decoration: none;
}

img {
  border: 0;
}

body {
  padding-top: 42px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th,
ul,
ol {
  padding: 0;
}

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body {
  overflow-x: hidden;
}

.browser-tips {
  background: yellow;
  text-align: center;
  line-height: 45px;
  color: red;
  font-size: 20px;
}

@font-face {
  font-family: 'syht';
  src: url("syht.ttf");
}

/*common*/
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

* {
  box-sizing: border-box;
}

.aslide {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 269px;
  height: 370px;
  position: fixed;
  top: 50%;
  right: 10px;
  transform: translate(0, -80%);
  transition: all .6s;
  z-index: 13;
  box-sizing: border-box;
  padding-top: 25px;
}

.aslide ul {
  flex-direction: column;
  align-items: flex-start;
}

.aslide li {
  width: 224px;
  height: 83px;
  cursor: pointer;
  position: relative;
}

.aslide li p {
  width: 224px;
  height: 83px;
  color: #fdfdfe;
  text-align: center;
  font-size: 26px;
  line-height: 60px;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab1.png) no-repeat center/cover;
}

.aslide li.active p {
  width: 224px;
  height: 83px;
  color: #3f387a;
  line-height: 70px;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab1-1.png) no-repeat center/cover;
}

.aslide li:nth-of-type(2) p {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab2.png) no-repeat center/cover;
}

.aslide li:nth-of-type(2).active p {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab2-1.png) no-repeat center/cover;
}

.aslide li:nth-of-type(3) p {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab3.png) no-repeat center/cover;
}

.aslide li:nth-of-type(3).active p {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab3-1.png) no-repeat center/cover;
}

.aslide li:nth-of-type(4) p {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab4.png) no-repeat center/cover;
}

.aslide li:nth-of-type(4).active p {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/tab4-1.png) no-repeat center/cover;
}

.aslide .change {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 72px;
  left: 11px;
  top: 53px;
  color: #8f84c3;
  font-size: 22px;
  text-align: center;
  line-height: 1.2;
}

.aslide a.top {
  display: block;
  width: 100%;
  height: 54px;
  text-indent: -9999px;
  overflow: hidden;
  margin-top: 20px;
}

#showImg.dia .dia-close {
  right: -200px;
  top: -100px;
}

.dia {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.8);
}

.dia .dia_box {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: 'syht';
}

.dia.active {
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}

.dia .dia-close {
  position: absolute;
  width: 40px;
  height: 41px;
  z-index: 99;
  font-size: 0;
  right: -50px;
  top: 20px;
  background: url(//game.gtimg.cn/images/x52/cp/a20231103bbz/close_btn.png) no-repeat center/cover;
}

.dia .dia-box {
  width: 640px;
  height: 469px;
  background: url(//game.gtimg.cn/images/x52/cp/a20231103bbz/part2_reward_img_bj.png) no-repeat center/cover;
  position: relative;
  box-sizing: border-box;
  padding-top: 45px;
  transform: scale(1.4);
}

.dia .dia-box .con {
  width: 610px;
  height: 330px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  pointer-events: none;
}

.dia .dia-box .con.active {
  opacity: 1;
  pointer-events: all;
}

.dia .dia-box .con img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  object-fit: cover;
}

.dia .dia-box .con .swiper-box {
  width: 100%;
  height: 110%;
  position: relative;
}

.dia .dia-box .con .swiper {
  width: 610px;
  height: 330px;
  overflow: hidden;
}

.dia .dia-box .con .swiper div {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.dia .dia-box .con .dia-pagination {
  width: 100%;
  margin-top: 30px;
}

.dia .dia-box .con .dia-pagination span {
  display: block;
  opacity: 1;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #000;
  box-sizing: border-box;
}

.dia .dia-box .con .dia-pagination span.swiper-pagination-bullet-active {
  border: 1px solid #000;
  background-color: #fff;
}

.dia .dia-box .con3 .slide3 img,
.dia .dia-box .con4 .slide3 img {
  width: auto;
  height: 100%;
}

/*afooter*/
#afooter {
  text-align: center;
  background: #000;
  font-size: 12px;
  color: #c0c0c0;
  padding: 30px 0;
}

#afooter a {
  color: #c0c0c0;
}

#part3_sec1,
#part3_sec2 {
  width: 614px;
  height: 333px;
  overflow: hidden;
  margin-left: 12px;
}

.part3_sec1_img {
  padding-top: 44px;
  box-sizing: border-box;
  transform: rotate(-5deg);
  position: relative;
}

.part3_sec1_img::before {
  position: absolute;
  left: -12px;
  top: 10px;
  display: block;
  background: url(//game.gtimg.cn/images/x52/cp/a20231103bbz/sec-img-icon.png) no-repeat;
  background-size: 100% auto;
  content: '';
  width: 67px;
  height: 53px;
  z-index: 9;
}

.scroll-container {
  width: 100%;
  overflow: hidden;
  display: flex;
}

.scroll-image {
  display: inline-block;
}

.kv {
  height: 11.40rem;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/bg_01.jpg) 50% 50%/cover no-repeat;
  position: relative;
  padding-top: 1.05rem;
  overflow: hidden;
}

.kv .scroll-container {
  position: absolute;
  bottom: 0;
}

.kv .scroll-container img {
  height: .6rem;
}

.kv .logo {
  text-indent: 999em;
  overflow: hidden;
  display: block;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/logo.png) no-repeat;
  background-size: 100% 100%;
  width: 2.32rem;
  height: .63rem;
  position: absolute;
  left: 1.52rem;
  top: 1.05rem;
}

.kv .icon1 {
  display: block;
  max-height: 100%;
  position: absolute;
  left: 2.8rem;
  top: 1.2rem;
  width: 5.55rem;
  height: 9.45rem;
}

.kv .icon2 {
  display: block;
  max-height: 100%;
  position: absolute;
  right: 3.93rem;
  top: 5.67rem;
  width: 6.71rem;
  height: 4.68rem;
}

.kv .slogan {
  display: block;
  position: absolute;
  width: 7.74rem;
  height: 3.72rem;
  right: 3.49rem;
  top: 1.49rem;
}

.part1 {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/bg_02.jpg) no-repeat center/cover;
  height: 2827px;
  padding-top: 52px;
}

.part1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.part1 .partTit {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/title1.png) no-repeat;
  background-size: 100% 100%;
  width: 905px;
  height: 242px;
  margin: 0 auto;
}

.part1 .sec1 {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part1_bg1.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 1335px;
  height: 632px;
  margin-right: -69px;
  padding-left: 72px;
  display: flex;
}

.part1 .sec1-txt {
  padding-top: 90px;
  width: 485px;
  flex-shrink: 0;
  margin-right: 10px;
}

.part1 .sec1-txt .tit1 {
  line-height: 70px;
  color: #bbf6ff;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0 0 3px #000;
}

.part1 .sec1-txt h3 {
  color: #6d5bb0;
  font-size: 29px;
  line-height: 77px;
}

.part1 .sec1-txt p {
  color: #6d5bb0;
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1.9;
}

.part1 .sec1-txt p span {
  color: #e7a9e5;
}

.part1 .sec1-slide {
  width: 645px;
  position: relative;
  padding-top: 62px;
}

.part1 .sec1-slide .slide {
  width: 100%;
  height: 386px;
  overflow: hidden;
}

.part1 .sec1-slide .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 17px 0;
}

.part1 .sec1-slide .swiper-pagination .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 7px;
  border: 1px solid #9584d8;
  border-radius: 100%;
  background: none;
  opacity: 1;
  display: block;
}

.part1 .sec1-slide .swiper-pagination .swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background-color: #9584d8;
}

.part1 .sec1-slide .tips {
  text-align: center;
  color: #6d5bb0;
  font-size: 18px;
}

.part1 .sec3 {
  display: flex;
  justify-content: flex-end;
  padding-right: 96px;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part1_bg3.png) no-repeat;
  background-size: 100% 100%;
}

.part1 .sec3 .slide3 {
  left: 30px;
  right: initial;
  top: -22px;
}

.part1 .sec3 .slide3 .swiper {
  width: 438px;
  height: 752px;
}

.part1 .sec3 .slide3 .all-swiper-pagination {
  right: initial;
  left: 30px;
  bottom: -50px;
}

.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 17px 0;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 7px;
  border: 1px solid #9584d8;
  border-radius: 100%;
  background: none;
  opacity: 1;
  display: block;
}

.swiper-pagination .swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background-color: #9584d8;
}

.sec2 {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part1_bg2.png) no-repeat;
  background-size: 100% 100%;
  width: 1198px;
  height: 828px;
  margin-top: 62px;
  padding-left: 104px;
  padding-top: 156px;
  position: relative;
  display: flex;
  
}
.sec2 .sec2-l{
  position: relative;
  z-index: 9;
}

.sec2 .swiper {
  overflow: hidden;
}

.sec2 .swiper img {
  display: block;
  max-height: 100%;
}

.sec2 .slide1 {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part1-icon/slideIcon.png) no-repeat;
  background-size: 100% 100%;
  width: 600px;
  height: 354px;
  padding: 2px 16px 13px 13px;
}

.sec2 .slide1 .swiper {
  overflow: hidden;
}

.sec2 .slide1 .swiper img {
  display: block;
  max-height: 100%;
  width: 571px;
  max-height: 100%;
  height: 339px;
  object-fit: cover;
}

.sec2 .slide2 {
  position: relative;
  width: 600px;
  margin-top: 38px;
}

.sec2 .slide2 .swiper {
  overflow: hidden;
  width: 600px;
  height: 180px;
}

.sec2 .slide3 {
  position: absolute;
  right: 27px;
  top: -54px;
  width: 452px;
  height: 790px;
}

.sec2 .slide3 .swiper {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-button-next {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/right.png) no-repeat;
  background-size: 100% 100%;
  opacity: 1;
  width: 36px;
  height: 70px;
  right: -42px;
  top: 40px;
  margin-top: 0;
}

.swiper-button-prev {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/right.png) no-repeat;
  background-size: 100% 100%;
  opacity: 1;
  width: 36px;
  height: 70px;
  left: -42px;
  top: 40px;
  margin-top: 0;
  transform: rotate(180deg);
}

.all-swiper-pagination {
  width: 1044px;
  position: absolute;
  right: 34px;
  bottom: -80px;
  height: 56px;
  border-top: 2px solid #d0c7ee;
}

.part {
  position: relative;
}

.part .scroll-container {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.part2 {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/bg_03.jpg) no-repeat center/cover;
  height: 2193px;
  padding-top: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.part2 .partTit {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/title2.png) no-repeat;
  background-size: 100% 100%;
  width: 905px;
  height: 242px;
  margin: 0 auto;
}

.part2 .sec1 {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part2_bg1.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 1335px;
  height: 632px;
  margin-right: -69px;
  padding-left: 72px;
  display: flex;
}

.part2 .sec1-txt {
  padding-top: 70px;
  width: 485px;
  flex-shrink: 0;
  margin-right: 10px;
}

.part2 .sec1-txt .tit1 {
  line-height: 84px;
  color: #bbf6ff;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0 0 3px #000;
}

.part2 .sec1-txt h3 {
  color: #6d5bb0;
  font-size: 29px;
  line-height: 60px;
}

.part2 .sec1-txt p {
  color: #6d5bb0;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.part2 .sec1-txt p span {
  color: #e7a9e5;
}

.part2 .sec1-slide {
  width: 645px;
  position: relative;
  padding-top: 62px;
}

.part2 .sec1-slide .slide {
  width: 100%;
  height: 386px;
  overflow: hidden;
}

.part2 .sec1-slide .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 17px 0;
}

.part2 .sec1-slide .swiper-pagination .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  margin: 0 7px;
  border: 1px solid #9584d8;
  border-radius: 100%;
  background: none;
  opacity: 1;
  display: block;
}

.part2 .sec1-slide .swiper-pagination .swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background-color: #9584d8;
}

.part2 .sec1-slide .tips {
  text-align: center;
  color: #6d5bb0;
  font-size: 18px;
}

.part2 .sec2 {
  padding: 0;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part2_bg2.png) no-repeat;
  background-size: 100% 100%;
  width: 1198px;
  height: 911px;
  padding-top: 136px;
}

.part2 .sec2-tab1 img {
  display: block;
  margin: 0 auto;
  width: 952px;
  height: 696px;
}

.part2 .sec2-tab2 {
  display: none;
  width: 703px;
  height: 712px;
  margin: 0 auto;
  margin-top: -30px;
  position: relative;
}

.part2 .sec2-tab2 .swiper-button-next {
  right: -150px;
}

.part2 .sec2-tab2 .swiper-button-prev {
  left: -150px;
}

.part2 .sec2-tab2 .swiper-button-next,
.part2 .sec2-tab2 .swiper-button-prev {
  top: 50%;
}

.part2 .sec2-tab2 .swiper {
  width: 703px;
  height: 712px;
  overflow: hidden;
}

.part2 .sec2-tab2 img {
  display: block;
  width: 703px;
  height: 712px;
}

.part2 .sec2-tab2 .swiper-pagination .swiper-pagination-bullet {
  background-color: #d1c2eb;
  border: none;
}

.part2 .sec2-tab2 .swiper-pagination .swiper-pagination-bullet-active {
  width: 65px;
  border-radius: 8px;
  background-color: #d1c2eb;
  border: none;
}

.part2 .sec2-tab3 {
  display: none;
}

.part2 .sec2-tab3 img {
  display: block;
  margin: 0 auto;
  width: 1007px;
  height: 635px;
}

.sec3-change {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}

.sec3-change .btn {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part2-icon/tab4.png) no-repeat;
  background-size: 100% 100%;
  width: 701px;
  height: 152px;
  display: block;
  cursor: pointer;
}

.part3 {
  height: 1716px;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/bg_04.jpg) no-repeat center/cover;
  padding-top: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.part3 .partTit {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/title3.png) no-repeat;
  background-size: 100% 100%;
  width: 905px;
  height: 242px;
  margin: 0 auto;
}

.part3 .part3-ul {
  margin: 0 auto;
  width: 1336px;
}

.part3 .part3-ul img {
  display: block;
  width: 1336px;
  margin-left: 36px;
}

.part3 .btn {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part3-btn1.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  margin: 0 auto;
  width: 701px;
  height: 152px;
  margin-top: 38px;
}

.part4 {
  height: 1892px;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/bg_05.jpg) no-repeat center/cover;
  padding-top: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.part4 .partTit {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/title4.png) no-repeat;
  background-size: 100% 100%;
  width: 905px;
  height: 242px;
  margin: 0 auto;
}

.part4-ul1 {
  margin-top: 72px;
}

.part4-ul1 .items {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part4-bg1.png) no-repeat;
  display: flex;
  align-items: center;
  width: 1216px;
  height: 128px;
  margin-bottom: 32px;
  position: relative;
}

.part4-ul1 .items a {
  display: block;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/fdj.png) no-repeat;
  background-size: 100% 100%;
  width: 45px;
  height: 46px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.part4-ul1 .items h3 {
  width: 325px;
  line-height: 128px;
  padding-left: 78px;
  flex-shrink: 0;
  color: #bbf6ff;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0 0 3px #000;
}

.part4-ul1 .items p {
  padding-left: 37px;
  padding-right: 47px;
  color: #6d5bb0;
  font-size: 21px;
}

.part4-ul1 .items p span {
  color: #e288dd;
}

.part4-sec1 {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part4-bg2.png) no-repeat;
  background-size: 100%;
  width: 1343px;
  height: 700px;
  margin-right: -90px;
  padding: 164px 137px 0 40px;
  display: flex;
}

.part4-sec1 .tit {
  color: #6d5bb0;
  font-size: 36px;
  line-height: .9;
  text-align: center;
  position: relative;
  margin-bottom: 36px;
}

.part4-sec1 .tit p {
  position: relative;
  z-index: 2;
}

.part4-sec1 .tit::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  display: block;
  content: '';
  width: 183px;
  height: 16px;
  background-color: #cec5ed;
}

.part4-sec1 .l, .part4-sec1 .r {
  width: 50%;
  height: 447px;
}

.part4-sec1 .l {
  border-right: 1px dashed #61469f;
}

.part4-sec1 .box {
  height: 416px;
  width: 100%;
  overflow-y: auto;
  text-align: center;
  color: #604d9c;
  font-size: 24px;
  line-height: 2.7;
  position: absolute;
  top: 40px;
}

.part4-sec1 .box img {
  display: block;
  margin: 0 auto;
}

.part4-btn {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/part4-btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 701px;
  height: 152px;
  display: block;
}

.aslide {
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/aslide.png) no-repeat;
  background-size: 100% 100%;
  width: 293px;
  height: 539px;
  padding-left: 47px;
  padding-top: 92px;
}

.part1 .sec3 .slide3 .swiper {
  width: 452px;
}

.part1 .sec2-slide3 .all-swiper-pagination {
  width: auto;
  bottom: 0;
  right: 20px;
  display: flex;
  flex-direction: column;
  border: none;
  height: auto;
  width: 13px;
}

.part1 .sec2-slide3 .all-swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
}

.part1 .sec3 .slide3 .all-swiper-pagination {
  width: 452px;
  left: 0;
  border: none;
  height: auto;
  bottom: -20px;
}

.part2 .sec2-tab1 {
  position: relative;
  margin: 0 auto;
}

.part2 .sec2-tab1 .gif {
  width: 366px;
  height: 307px;
  position: absolute;
  left: 79px;
  top: 373px;
}

.diaMain {
  width: 1147px;
  height: 702px;
}

.part4-img1 {
  display: none;
}

.part4-img1 .dia-close {
  position: absolute;
  right: -40px;
  top: 30px;
  display: block;
  background: url(//game.gtimg.cn/images/x52/cp/a20231128bbz/close.png) no-repeat;
  background-size: 100% 100%;
  width: 75px;
  height: 76px;
}

.sec2 .slide2 {
  z-index: 11;
}
.fdjSwiper{overflow: hidden;}
.fdjSwiper .swiper-pagination{
  position: absolute;
}
.fdjSwiper img{
  display: block;width: 100%;
}
/* .part4-fdj .dia-close{
  right: -100px;
} */