@charset "UTF-8";
/* reset */
html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

a,
img,
input {
  border: none;
}

body {
  font: 14px/1.75 -apple-system,
 "Helvetica Neue",
 Helvetica,
 Arial,
 sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

a,
img {
  -webkit-touch-callout: none;
}

img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

html,
body {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-text-size-adjust: none !important;
  -webkit-text-size-adjust: 100% !important;
}

html.locked,
body.locked {
  overflow: hidden;
}

/* reset end */
html {
  font-size: 50px;
  font-size: 13.33333333vw;
}

@media (max-width: 1024px) {
  html,
  body {
    max-width: 1024px;
  }
}

em {
  font-style: normal;
}

#afooter {
  background-color: #191219;
  text-align: center;
  font-size: 0.22rem;
  padding: 0.2rem 0;
}

#afooter,
#afooter a {
  color: #c0c0c0;
  text-decoration: none;
}

@font-face {
  font-family: "din";
  src: url(//game.gtimg.cn/images/codev/act/a20260330newversion/fonts/din.ttf);
}

body {
  padding-bottom: 1.05rem;
}

/* 横屏样式 */
@media (orientation: landscape) {
  body {
    padding-bottom: 0;
  }
}

.wrapper {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
}

.wrapper *,
.wrapper *::after,
.wrapper *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.header {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg_header.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 14.15rem;
  padding-top: 5.7rem;
}

.header .time {
  width: 7rem;
  height: 7.5rem;
  font-size: 0.27rem;
  color: #ffffff;
  line-height: 0.5rem;
  text-align: center;
  right: 0;
  margin: 0 auto;
  font-weight: bold;
  position: relative;
}

.header .time span {
  color: #fff19c;
}

.header .login-box {
  font-size: 0.2rem;
  width: 100%;
  text-align: center;
  padding: 0 0.2rem;
  color: #ffffff;
  z-index: 2;
}

.header .login-box a {
  color: #fff19c;
  text-decoration: underline;
}

.header .login-box a,.header .login-box span {
  margin: 0 .04rem;
}

.load-img {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  height: 10px;
  overflow: hidden;
}

.load-img img {
  display: block;
  width: 100%;
}

.page-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.06rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6;
  z-index: 9;
}

.page-nav a {
  width: 20%;
  height: 100%;
  background-color: #57267c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.3rem;
  text-align: center;
  position: relative;
  font-weight: bold;
}

.page-nav a::before {
  content: "";
  width: 0.06rem;
  height: 1.06rem;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/nav-line.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.page-nav a.cur {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/nav-cur-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  color: #000;
}

.content .part {
  margin-top: -1px;
}

.content .part .title {
  margin: 0 auto;
}

.content .part1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg1_1.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 21.83rem;
}

.content .part1.part1_1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg1_1.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1.part1_2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg1_2.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 16.74rem;
}

.content .part1 .title {
  width: 7.5rem;
  height: 1.78rem;
}

.content .part1 .version-tabs {
  width: 6.86rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 0;
  position: relative;
  z-index: 3;
}

.content .part1 .version-tabs .version-tabs-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 3.16rem;
  height: 1.46rem;
  position: relative;
  margin: 0 0.14rem;
}

.content .part1 .version-tabs .version-tabs-item.on .version-tab-img.version-tab1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/version_tab_item1-cur.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 3.66rem;
  height: 1.74rem;
  left: -0.46rem;
  top: -0.23rem;
}

.content .part1 .version-tabs .version-tabs-item.on .version-tab-img.version-tab2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/version_tab_item2-cur.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 3.24rem;
  height: 1.57rem;
  left: -0.04rem;
  top: -0.06rem;
}

.content .part1 .version-tabs .version-tabs-item:nth-child(2).on::after {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/version_tab_on2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-tabs .version-tabs-item .version-tab-img {
  position: absolute;
  cursor: pointer;
}

.content .part1 .version-tabs .version-tabs-item .version-tab-img.version-tab1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/version_tab_item1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 3.62rem;
  height: 1.69rem;
  left: -0.46rem;
  top: -0.23rem;
}

.content .part1 .version-tabs .version-tabs-item .version-tab-img.version-tab2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/version_tab_item2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 3.16rem;
  height: 1.46rem;
  left: 0rem;
  top: 0rem;
}

.content .part1 .version-tabs .version-tabs-item p {
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  color: #ece8e1;
  line-height: 0.32rem;
  position: absolute;
  bottom: -0.37rem;
}

.content .part1 .version-tabs .version-tabs-item p span {
  color: #cf8dff;
  font-weight: bold;
}

.content .part1 .version-content .version-content-module {
  position: relative;
  overflow: hidden;
}

.content .part1 .version-content .version-content-module .role-img {
  width: 7.5rem;
  height: 9.51rem;
  position: absolute;
  left: 0;
  top: 0;
}

.content .part1 .version-content .version-content-module .role-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content .part1 .version-content .version-content-module .role-info-wrap {
  width: 6.46rem;
  margin: 6.89rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  z-index: 7;
}

.content .part1 .version-content .version-content-module .role-info-wrap .role-info-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 5rem;
  font-weight: bold;
}

.content .part1 .version-content .version-content-module .role-info-wrap .role-info-left .role-position {
  white-space: nowrap;
  height: 0.38rem;
  line-height: 1;
  font-size: 0.38rem;
  color: #d659ff;
}

.content .part1 .version-content .version-content-module .role-info-wrap .role-info-left .role-box-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.content .part1 .version-content .version-content-module .role-info-wrap .role-info-left .role-box-group .btn-vdo {
  width: 1.12rem;
  height: 1.11rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_video.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  font-size: 0;
  position: relative;
  top: 0.38rem;
  margin-left: -0.24rem;
}

.content .part1 .version-content .version-content-module .role-info-wrap .role-info-left .role-name {
  line-height: 1;
  height: 1.12rem;
  color: #ece8e1;
  white-space: nowrap;
  font-size: 1.12rem;
  margin-right: 0.18rem;
}

.content .part1 .version-content .version-content-module .role-info-wrap .role-info-right {
  white-space: nowrap;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.24rem;
  color: #d2d7db;
  border-bottom: 0.02rem solid currentColor;
}

.content .part1 .version-content .version-content-module .role-info-wrap .role-info-right.role-info-right2 {
  color: #fd4563;
}

.content .part1 .version-content .version-content-module .gradual-wrap {
  width: 6.46rem;
  margin: 0.4rem auto 0;
  position: relative;
  z-index: 8;
}

.content .part1 .version-content .version-content-module .gradual-wrap .skill-desc {
  color: #ffffff;
  width: 100%;
  font-size: 0.36rem;
  line-height: 1.21;
  margin-bottom: 0.2rem;
  display: none;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item {
  width: 1.54rem;
  height: 1.54rem;
  cursor: pointer;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_1.on {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_1_on.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_2.on {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_2_on.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_3 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_3.on {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_3_on.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_4 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .icon-list .icon-lt-item.skill-icon1_4.on {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/skill_icon1_4_on.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .skill-area {
  width: 6.46rem;
  height: 1.05rem;
  margin-top: 0.33rem;
  min-height: 1.58rem;
  margin-bottom: 0.3rem;
}

.content .part1 .version-content .version-content-module .gradual-wrap .skill-area .skill-dot {
  color: #ece8e1;
  font-size: 0.26rem;
  line-height: 0.36rem;
  position: relative;
  margin-bottom: 0.07rem;
  font-weight: bold;
}

.content .part1 .version-content .version-content-module .gradual-wrap .skill-area .skill-desc-text {
  color: #ece8e1;
  font-size: 0.2rem;
  line-height: 0.35rem;
}

.content .part1 .version-content .version-content-module .gradual-wrap .other-btn-group {
  width: 6.46rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.31rem;
}

.content .part1 .version-content .version-content-module .gradual-wrap .other-btn-group .btns {
  width: 2.97rem;
  height: 0.77rem;
  line-height: 0.77rem;
  font-size: 0.27rem;
  text-align: center;
  color: #28283a;
  font-weight: bold;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .other-btn-group .btns.on {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  color: #ffffff;
}

.content .part1 .version-content .version-content-module .gradual-wrap .other-btn-group .btns.btn-gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content .part1 .version-content .version-content-module .gradual-wrap .other-btn-group .btns.btn-gift::before {
  content: "";
  display: inline-block;
  width: 0.34rem;
  height: 0.3rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon8.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.1rem;
}

.content .part1 .version-content .version-content-module .gradual-wrap .other-btn-group .btns.btn-gift.on::before {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon8-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .video-wg {
  width: 6.44rem;
  height: 3.62rem;
  position: relative;
}

.content .part1 .version-content .version-content-module .gradual-wrap .video-wg.video-wg1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/video_poster1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part1 .version-content .version-content-module .gradual-wrap .video-wg .btn-centevideo {
  width: 0.66rem;
  height: 0.66rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_video1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  display: block;
  font-size: 0;
}

.content .part1 .version-content .version-content-module .gradual-wrap .fuli-act {
  width: 6.44rem;
  height: 3.62rem;
  position: relative;
  margin: 0 auto;
}

.content .part1 .version-content .version-content-module .gradual-wrap .fuli-act .fuli-act-btn1 {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/fuli_img1.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.content .part1 .version-content .version-content-module .gradual-wrap .fuli-act::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/fuli-act-layer.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  pointer-events: none;
}

.content .part1 .version-content .version-content-module .map-tit {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/map_tit.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.34rem;
  height: 1.22rem;
  margin-top: 8.3rem;
  margin-left: 0.45rem;
  position: relative;
}

.content .part1 .version-content .version-content-module .part1-module2-date {
  width: 1.99rem;
  height: 0.3rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part1-module2-date.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-top: 9.08rem;
  color: #000000;
  font-size: 0.18rem;
  text-align: center;
  margin-left: 0.45rem;
  margin-bottom: 0.19rem;
}

.content .part1 .version-content .version-content-module .wf-tit {
  width: 6rem;
  height: 0.58rem;
  margin-left: 0.45rem;
  position: relative;
  margin-bottom: 0.38rem;
}

.content .part1 .version-content .version-content-module .wf-tit p {
  font-size: 0.58rem;
  line-height: 1;
  color: #bcc1c5;
  font-weight: bold;
}

.content .part1 .version-content .version-content-module .wf-tit p span {
  color: #cf8dff;
}

.content .part1 .version-content .version-content-module .wf-tit::before {
  content: "";
  width: 6.44rem;
  height: 0.03rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/version-tab2-line.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  position: absolute;
  left: 0;
  bottom: -0.18rem;
}

.content .part1 .version-content .version-content-module .btn-vdo2 {
  width: 0.66rem;
  height: 0.66rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_video1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  position: absolute;
  bottom: -0.04rem;
  right: 0;
}

.content .part1 .version-content .version-content-module .wf-text {
  width: 6.47rem;
  margin: 0 auto 0 0.45rem;
  margin-top: 0.2rem;
  text-align: justify;
}

.content .part1 .version-content .version-content-module .wf-text p {
  color: #b7b7b7;
  font-size: 0.24rem;
  position: relative;
  padding-left: 0.34rem;
  line-height: 0.32rem;
}

.content .part1 .version-content .version-content-module .wf-text p::before {
  content: "";
  width: 0.16rem;
  height: 0.18rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon12.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  position: absolute;
  left: 0;
  top: 0.07rem;
}

.content .part1 .version-content .version-content-module .wf-text span {
  display: block;
  font-size: 0.34rem;
  color: #ff8a32;
  margin-top: 0.2rem;
  margin-bottom: 0.44rem;
  line-height: 1;
  position: relative;
}

.content .part1 .version-content .version-content-module .wf-text span::after {
  content: "";
  width: 6.47rem;
  height: 0.03rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/line3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  position: absolute;
  left: 0;
  bottom: -0.22rem;
}

.content .part1 .btn-mores {
  width: 3.38rem;
  height: 0.87rem;
  line-height: 0.87rem;
  font-size: 0.36rem;
  display: block;
  margin: 0.4rem auto 0;
  text-align: center;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  color: #232323;
  display: none;
}

.content .part1 .btn-mores.btn-mores2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn8.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  color: #ffffff;
}

.content .part2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg2.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 10.84rem;
}

.content .part2 .title {
  width: 7.5rem;
  height: 2.6rem;
}

.content .part2 .desc {
  width: 100%;
  margin: 0 auto;
  color: #fff19c;
  font-size: 0.24rem;
  line-height: 0.28rem;
  text-align: center;
}

.content .part2 .desc::before {
  content: "";
  display: inline-block;
  width: 0.16rem;
  height: 0.18rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon11.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.08rem;
  vertical-align: -0.01rem;
}

.content .part2 .p2-prop {
  margin: 0.34rem auto 0.14rem;
  position: relative;
  width: 5.35rem;
  height: 3.71rem;
}

.content .part2 .p2-prop img {
  display: block;
  width: 5.35rem;
  height: 3.71rem;
  margin: 0 auto;
}

.content .part2 .p2-prop p {
  color: #ffffff;
  font-size: 0.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-top: 0.2rem;
  position: absolute;
  top: 2.59rem;
  left: 1.77rem;
  width: 1.85rem;
}

.content .part2 .p2-prop p.tips {
  position: absolute;
  left: auto;
  top: auto;
  right: 0.13rem;
  bottom: 0.16rem;
  line-height: 0.43rem;
  width: 0.8rem;
  text-align: center;
  color: #1f1e21;
  font-size: 0.2rem;
}

.content .part2 .btn-getaward {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.32rem;
  height: 0.92rem;
  line-height: 0.92rem;
  text-align: center;
  color: #1f1e21;
  font-size: 0.38rem;
  font-weight: bold;
  margin: 0 auto 0;
}

.content .part2 .btn-getaward.gray {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.content .part2 .task-item {
  font-weight: bold;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.6rem;
  height: 1.11rem;
  margin: 0.43rem auto 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .part2 .task-item .task-text {
  width: 3.52rem;
  color: #ffffff;
  font-size: 0.23rem;
  line-height: 1.16rem;
  margin-left: 0.38rem;
}

.content .part2 .task-item .task-text span {
  margin-right: 0.2rem;
  font-family: "din";
}

.content .part2 .task-item .task-jd {
  color: #ece8e1;
  font-size: 0.23rem;
  line-height: 1.16rem;
}

.content .part2 .task-item .task-jd span {
  color: #fff19c;
}

.content .part2 .task-item .btn-task {
  width: 2.13rem;
  height: 1.11rem;
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
  font-size: 0.26rem;
  line-height: 1.16rem;
  text-align: left;
  padding-left: 0.92rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-def.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part2 .task-item .btn-task.get {
  color: #232323;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-get.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part2 .task-item .btn-task.gray {
  color: #000000;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-gray.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part3 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg3.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 12.63rem;
}

.content .part3 .title {
  width: 7.5rem;
  height: 1.42rem;
}

.content .part3 .desc {
  width: 100%;
  margin: 0 auto;
  color: #fff19c;
  font-size: 0.24rem;
  line-height: 0.28rem;
  text-align: center;
  margin-top: 0.2rem;
}

.content .part3 .desc::before {
  content: "";
  display: inline-block;
  width: 0.16rem;
  height: 0.18rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon11.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.08rem;
  vertical-align: -0.01rem;
}

.content .part3 .p3-prop {
  margin: 0.34rem auto 0.14rem;
  position: relative;
  width: 5.35rem;
  height: 3.71rem;
}

.content .part3 .p3-prop img {
  display: block;
  width: 5.35rem;
  height: 3.71rem;
  margin: 0 auto;
}

.content .part3 .p3-prop p {
  color: #ffffff;
  font-size: 0.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-top: 0.2rem;
  position: absolute;
  top: 2.59rem;
  left: 1.77rem;
  width: 1.85rem;
}

.content .part3 .p3-prop p.tips {
  position: absolute;
  left: auto;
  top: auto;
  right: 0.13rem;
  bottom: 0.16rem;
  line-height: 0.43rem;
  width: 0.8rem;
  text-align: center;
  color: #1f1e21;
  font-size: 0.2rem;
}

.content .part3 .btn-getaward {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.32rem;
  height: 0.92rem;
  line-height: 0.92rem;
  text-align: center;
  color: #1f1e21;
  font-size: 0.38rem;
  font-weight: bold;
  margin: 0 auto 0;
}

.content .part3 .btn-getaward.gray {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.content .part3 .task-list {
  margin-top: 0.43rem;
  font-weight: bold;
}

.content .part3 .task-list .task-item {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.6rem;
  height: 1.11rem;
  margin: 0 auto 0.08rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .part3 .task-list .task-item .task-text {
  width: 3.52rem;
  color: #ffffff;
  font-size: 0.23rem;
  line-height: 0.32rem;
  padding-top: 0.43rem;
  margin-left: 0.38rem;
  padding-left: 0.44rem;
  position: relative;
}

.content .part3 .task-list .task-item .task-text span {
  margin-right: 0.2rem;
  font-family: "din";
  position: absolute;
  left: 0;
  top: 0.43rem;
}

.content .part3 .task-list .task-item .task-text.task-text-tl {
  padding-top: 0.26rem;
}

.content .part3 .task-list .task-item .task-text em {
  color: #fff19c;
}

.content .part3 .task-list .task-item .task-jd {
  color: #ece8e1;
  font-size: 0.23rem;
  line-height: 1.16rem;
}

.content .part3 .task-list .task-item .task-jd span {
  color: #fff19c;
}

.content .part3 .task-list .task-item .btn-task {
  width: 2.13rem;
  height: 1.11rem;
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
  font-size: 0.26rem;
  line-height: 1.16rem;
  text-align: left;
  padding-left: 0.92rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-def.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part3 .task-list .task-item .btn-task.get {
  color: #232323;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-get.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part3 .task-list .task-item .btn-task.gray {
  color: #000000;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-gray.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part4 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg4.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 18.81rem;
}

.content .part4 .title {
  width: 7.5rem;
  height: 1.49rem;
}

.content .part4 .desc {
  width: 100%;
  margin: 0 auto;
  color: #ece8e1;
  font-size: 0.24rem;
  line-height: 0.32rem;
  text-align: center;
}

.content .part4 .desc::before {
  content: "";
  display: inline-block;
  width: 0.16rem;
  height: 0.18rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon12-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.08rem;
  vertical-align: -0.01rem;
}

.content .part4 .part4-prop {
  width: 100%;
  height: 5.24rem;
  margin: 0.37rem auto 0;
}

.content .part4 .part4-prop ul {
  width: 90%;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}

.content .part4 .part4-prop ul li {
  display: inline-block;
  vertical-align: top;
  width: 2.07rem;
  height: 1.55rem;
  margin: 0 0.06rem 0.14rem;
  position: relative;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part4-li-bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  padding-top: 0.2rem;
}

.content .part4 .part4-prop ul li.hl {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part4-li-bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part4 .part4-prop ul li.hl p {
  color: #000000;
}

.content .part4 .part4-prop ul li.tl {
  padding-top: 0.08rem;
}

.content .part4 .part4-prop ul li.tl img {
  height: 0.88rem;
  margin-bottom: 0.04rem;
}

.content .part4 .part4-prop ul li img {
  display: block;
  width: auto;
  height: 0.9rem;
  margin: 0 auto 0.12rem;
}

.content .part4 .part4-prop ul li p {
  font-size: 0.2rem;
  line-height: 0.24rem;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.content .part4 .awards-iconlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.26rem;
}

.content .part4 .awards-iconlist li {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/prop_iconbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.03rem;
  padding: 0.04rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.content .part4 .awards-iconlist li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content .part4 .awards-iconlist li img[alt] {
  font-size: 0;
}

.content .part4 .awards-iconlist li.on {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/prop_iconbg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.8rem;
  height: 0.8rem;
}

.content .part4 .awardslist-swiper {
  margin-top: 0.22rem;
  min-height: 5.27rem;
}

.content .part4 .awardslist-swiper .swiper-slide {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/awardslist_itembg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-top: 0.07rem;
  width: 3.39rem;
  height: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.content .part4 .awardslist-swiper .swiper-slide i {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/num.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.4rem;
  height: 0.45rem;
  line-height: 0.45rem;
  text-align: center;
  color: #f2eade;
  font-size: 0.24rem;
  font-weight: bold;
  font-style: normal;
  position: absolute;
  left: 0.13rem;
  top: -0.07rem;
}

.content .part4 .awardslist-swiper .swiper-slide .award-img {
  width: 3.2rem;
  display: block;
  margin: -0.5rem auto 0;
}

.content .part4 .awardslist-swiper .swiper-slide .award-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.content .part4 .awardslist-swiper .swiper-slide p {
  width: 100%;
  text-align: center;
  line-height: 1.2;
  color: #bdbab6;
  font-size: 0.3rem;
  font-weight: bold;
  position: absolute;
  bottom: 0.4rem;
}

.content .part4 .awardslist-swiper .swiper-slide span {
  width: 100%;
  text-align: center;
  line-height: 1;
  color: #bdbab6;
  font-size: 0.18rem;
  position: absolute;
  bottom: 0.15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.content .part4 .awardslist-swiper .swiper-slide span::before {
  content: "";
  display: inline-block;
  width: 0.04rem;
  height: 0.04rem;
  margin-right: 0.08rem;
  background-color: #2b2b2b;
}

.content .part4 .awardslist-swiper .swiper-slide span::after {
  content: "";
  display: inline-block;
  width: 0.04rem;
  height: 0.04rem;
  margin-left: 0.08rem;
  background-color: #2b2b2b;
}

.content .part4 .awardslist-swiper .swiper-slide.swiper-slide-active {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/awardslist_itembg_on.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part4 .awardslist-swiper .swiper-slide.swiper-slide-active p,
.content .part4 .awardslist-swiper .swiper-slide.swiper-slide-active span {
  color: #2b2b2b;
}

.content .part4 .awardslist-swiper .line {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/line.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 7.5rem;
  height: 0.28rem;
  margin: 0.12rem auto 0;
}

.content .part4 .btn-lottery {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.32rem;
  height: 0.92rem;
  font-size: 0.38rem;
  text-align: center;
  color: #ffffff;
  line-height: 0.92rem;
  margin: 0 auto 0;
  font-weight: bold;
}

.content .part4 .flex-box {
  width: 100%;
  height: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  padding-bottom: 0.05rem;
  margin: 0.28rem auto 0.56rem;
}

.content .part4 .flex-box .btn-record {
  width: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.26rem;
  text-align: right;
  position: relative;
}

.content .part4 .flex-box .btn-record::before {
  content: "";
  width: 0.26rem;
  height: 0.26rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon13.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.1rem;
}

.content .part4 .flex-box .lottery-num {
  width: 2.82rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.26rem;
  text-align: left;
  position: relative;
}

.content .part4 .flex-box .lottery-num::before {
  content: "";
  width: 0.26rem;
  height: 0.26rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon14.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.1rem;
}

.content .part4 .flex-box .lottery-num span {
  color: #fff19c;
}

.content .part4 .task-refresh-btn {
  width: 2.6rem;
  height: 0.22rem;
  margin: 0 auto 0.5rem;
  font-size: 0.22rem;
  text-align: center;
  color: #fff;
  line-height: 0.22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content .part4 .task-refresh-btn::before {
  content: "";
  display: inline-block;
  width: 0.27rem;
  height: 0.22rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon16.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.1rem;
}

.content .part4 .task-list {
  font-weight: bold;
  height: 4rem;
}

.content .part4 .task-list .task-item {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.6rem;
  height: 1.11rem;
  margin: 0 auto 0.18rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content .part4 .task-list .task-item .task-type {
  position: absolute;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task-type.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.27rem;
  height: 0.67rem;
  left: -0.08rem;
  top: -0.11rem;
  line-height: 0.3rem;
  padding-top: 0.05rem;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
}

.content .part4 .task-list .task-item .task-text {
  width: 3.52rem;
  color: #000;
  font-size: 0.23rem;
  line-height: 1.16rem;
  margin-left: 0.38rem;
}

.content .part4 .task-list .task-item .task-text span {
  margin-right: 0.2rem;
  font-family: "din";
}

.content .part4 .task-list .task-item .task-jd {
  color: #28283a;
  font-size: 0.23rem;
  line-height: 1.16rem;
}

.content .part4 .task-list .task-item .task-jd span {
  color: #6f21bc;
}

.content .part4 .task-list .task-item .btn-task {
  width: 2.13rem;
  height: 1.11rem;
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
  font-size: 0.26rem;
  line-height: 1.16rem;
  text-align: left;
  padding-left: 0.92rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-def.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part4 .task-list .task-item .btn-task.get {
  color: #232323;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-get.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part4 .task-list .task-item .btn-task.gray {
  color: #000000;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/task_item-gray.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part4 .invite-flow {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/invite_flow.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.51rem;
  height: 1.25rem;
  margin: 0 auto 0.35rem;
}

.content .part4 .flex-box2 {
  width: 100%;
  height: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  margin-top: 0.3rem;
}

.content .part4 .flex-box2 .btn-helprecord {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 1;
  text-align: right;
  position: relative;
}

.content .part4 .flex-box2 .btn-helprecord::before {
  content: "";
  width: 0.25rem;
  height: 0.26rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon15.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.1rem;
}

.content .part5 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg5.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 15.84rem;
  position: relative;
}

.content .part5 .title5 {
  width: 7.5rem;
  height: 1.4rem;
}

.content .part5 .desc {
  width: 100%;
  margin: 0 auto;
  color: #2e283a;
  font-size: 0.22rem;
  line-height: 0.26rem;
  text-align: center;
  margin-bottom: 0.38rem;
}

.content .part5 .desc::before {
  content: "";
  display: inline-block;
  width: 0.16rem;
  height: 0.18rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon11-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-right: 0.08rem;
  vertical-align: -0.01rem;
}

.content .part5 .btn-allfollow {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part5-btn1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.32rem;
  height: 0.92rem;
  font-size: 0.38rem;
  text-align: center;
  color: #fff;
  line-height: 0.92rem;
  margin: 0.4rem auto 0;
  position: relative;
}

.content .part5 .btn-allfollow.gray {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part5-btn1-gray.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  color: #ffffff;
  pointer-events: none;
}

.content .part5 .part5-more {
  width: 6.46rem;
  margin: 0.38rem auto 0.36rem;
  height: 0.2rem;
  padding-right: 0.46rem;
  color: #7124c0;
  font-size: 0.2rem;
  line-height: 1;
  text-align: right;
  position: relative;
}

.content .part5 .part5-more::before {
  content: "";
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part5-line.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.37rem;
  height: 0.14rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.07rem;
}

.content .part5 .community-tab {
  width: 100%;
  height: 1.47rem;
  margin-bottom: 0.48rem;
  overflow-x: auto;
  padding-left: 0.26rem;
  white-space: nowrap;
}

.content .part5 .community-tab li {
  width: 1.16rem;
  display: inline-block;
  vertical-align: top;
}

.content .part5 .community-tab li .community-icon {
  width: 1.02rem;
  height: 1.02rem;
  display: block;
  margin: 0 auto;
  position: relative;
  background-color: #1f1e21;
  border-radius: 50%;
  border: 0.02rem solid #585859;
}

.content .part5 .community-tab li .community-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.content .part5 .community-tab li .community-icon .img-box {
  width: 100%;
  height: 100%;
  border: 0.04rem solid #c9d1d6;
  background: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.content .part5 .community-tab li p {
  width: 110%;
  color: #000000;
  font-size: 0.18rem;
  text-align: center;
  line-height: 1;
  margin-top: 0.1rem;
  margin-left: -5%;
}

.content .part5 .community-tab li.on .community-icon {
  background: #ca6dff;
  border-color: #ca6dff;
}

.content .part5 .community-swiper {
  margin-top: 0.76rem;
}

.content .part5 .community-swiper > * > .swiper-slide {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/community_item2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.68rem;
  height: 6.26rem;
}

.content .part5 .community-swiper > * > .swiper-slide.swiper-slide-active {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/community_item.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.content .part5 .community-swiper > * > .swiper-slide.swiper-slide-active .community-tit {
  color: #7725c4;
  font-weight: bold;
}

.content .part5 .community-swiper > * > .swiper-slide.swiper-slide-active .community-desc {
  color: #000000;
}

.content .part5 .community-swiper > * > .swiper-slide .community-tit {
  width: 5.8rem;
  color: #e0d5c2;
  font-size: 0.4rem;
  line-height: 1;
  margin: 0.8rem auto 0 0.45rem;
}

.content .part5 .community-swiper > * > .swiper-slide .community-desc {
  width: 5.8rem;
  min-height: 0.56rem;
  margin: 0 auto;
  color: #e0d5c2;
  font-size: 0.22rem;
  line-height: 0.29rem;
  margin-top: 0.28rem;
  margin-left: 0.45rem;
}

.content .part5 .community-swiper > * > .swiper-slide .communitylink {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part5-btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.84rem;
  height: 0.55rem;
  text-align: center;
  line-height: 0.55rem;
  color: #fff;
  font-size: 0.22rem;
  position: absolute;
  font-weight: bold;
  top: 0.65rem;
  right: 0.43rem;
}

.content .part5 .community-swiper > * > .swiper-slide .communityactlink {
  display: block;
  width: 5.8rem;
  height: 3.6rem;
  margin: 0.25rem auto 0 0.45rem;
}

.content .part5 .community-swiper > * > .swiper-slide .communityactlink img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content .part5 .swiper-pagination {
  position: relative;
  z-index: 4;
  top: auto;
  margin-top: 0.32rem;
}

.content .part5 .swiper-pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.08rem;
  background-color: #868686;
  opacity: 1;
  border-radius: 0;
  margin: 0 0.04rem;
}

.content .part5 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cc5eff;
}

.content .part6 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/bg6.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 14.83rem;
  position: relative;
}

.content .part6 .title6 {
  width: 7.5rem;
  height: 1.42rem;
}

.content .part6 .part6-more {
  width: 100%;
  height: 0.28rem;
  margin-bottom: 0.67rem;
}

.content .part6 .part6-more a {
  display: block;
  width: 1.68rem;
  text-align: center;
  white-space: nowrap;
  margin: 0 0.38rem 0 auto;
  color: #fff19c;
  font-size: 0.24rem;
  line-height: 0.28rem;
}

.content .part6 .part6-more a span {
  border-bottom: 1px solid #fff19c;
}

.content .part6 .part6-item1 {
  width: 5.88rem;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}

.content .part6 .part6-item1 li {
  width: 5.88rem;
  height: 1.41rem;
  position: relative;
  margin-bottom: 0.31rem;
  border-bottom: 1px dashed #aba7aa;
}

.content .part6 .part6-item1 li:last-of-type {
  border: none;
}

.content .part6 .part6-item1 li .part6-li-text {
  width: 3.6rem;
  height: 0.86rem;
  position: relative;
  top: -0.02rem;
}

.content .part6 .part6-item1 li .part6-li-text p {
  font-size: 0.22rem;
  line-height: 0.26rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #ece8e1;
}

.content .part6 .part6-item1 li .part6-li-name {
  width: 3.26rem;
  position: relative;
  line-height: 0.3rem;
}

.content .part6 .part6-item1 li .part6-li-name img {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #cf8dff;
}

.content .part6 .part6-item1 li .part6-li-name p {
  color: #cf8dff;
  font-size: 0.24rem;
  font-weight: bold;
}

.content .part6 .part6-item1 li .part6-li-video {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.56rem;
  height: 1.17rem;
  border: 1px solid #706b68;
}

.content .part6 .part6-item1 li .part6-li-video img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content .part6 .part6-item1 li .part6-li-video em {
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part6-video-icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.39rem;
  height: 0.39rem;
  margin: -0.2rem 0 0 -0.2rem;
}

.content .part6 .part6-item2 {
  width: 5.86rem;
  height: auto;
  margin: 0 auto;
}

.content .part6 .part6-item2 a {
  display: block;
  width: 5.86rem;
  height: 4.4rem;
  position: relative;
  margin-bottom: 0.24rem;
}

.content .part6 .part6-item2 a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}

.content .part6 .part6-item2 a em {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/part6-layer.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 5.86rem;
  height: 4.4rem;
}

.floating-btn {
  width: 5.22rem;
  height: 1.23rem;
  position: absolute;
  top: 9.65rem;
  left: 50%;
  margin-left: -2.61rem;
  z-index: 99;
}

.floating-btn .codev-download {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_startgame.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 5.22rem;
  height: 1.23rem;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
}

.floating-btn .codev-download span {
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 0.34rem;
  z-index: 2;
}

.floating-btn .codev-download .download-progressbar {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_startgame.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0;
  max-width: 100%;
  height: 100%;
  background-size: 5.22rem 1.23rem !important;
  background-position: left center !important;
  position: absolute;
  left: 0;
  top: 0;
}

.floating-btn .codev-download.downloading {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_startgame2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.floating-btn .codev-download.downloading::before {
  content: "";
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon6.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.34rem;
  height: 0.34rem;
  z-index: 1;
  margin-right: 0.2rem;
}

.floating-btn .codev-download.downloading span {
  color: #fff;
}

.floating-btn .codev-download.downloadpaused {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_startgame2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.floating-btn .codev-download.downloadpaused .download-progressbar {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/btn_startgame3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.floating-btn .codev-download.downloadpaused::before {
  content: "";
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon7.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.34rem;
  height: 0.34rem;
  z-index: 1;
  margin-right: 0.2rem;
}

.floating-btn .codev-download.downloadpaused span {
  color: #fff;
}

.side-box {
  position: fixed;
  top: 20%;
  right: -1px;
  z-index: 2;
  width: 0.69rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 99;
}

.side-box .side-btn {
  width: 100%;
  height: 2.22rem;
  color: #ffffff;
  line-height: 1;
  text-align: center;
  word-break: break-all;
  letter-spacing: 0.02rem;
  font-size: 0;
  overflow: hidden;
  text-indent: -999px;
}

.side-box .side-btn.side-btn1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/side-bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  margin-bottom: -0.17rem;
}

.side-box .side-btn.side-btn2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/side-bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.dialog {
  outline: none;
  border: none;
  position: relative;
}

.dialog *,
.dialog *::before,
.dialog *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dialog .dia-con {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.dialog .dia-close {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_close.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.41rem;
  height: 0.39rem;
  position: absolute;
  right: 0;
  top: -0.46rem;
}

.dialog .dia-tit {
  width: 5.24rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.4rem;
  line-height: 1;
  margin-top: 0.76rem;
  position: relative;
  font-weight: bold;
  color: #dba3ab;
  background-image: linear-gradient(to bottom, #fbd694, #a44bd1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dialog .dia-tit.dia-tit2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_titbg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.86rem;
  height: 0.84rem;
}

.dialog .dia-btn1 {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 2.81rem;
  height: 0.76rem;
  line-height: 0.76rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
}

.dialog .dia-btn1.gray {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  color: #ffffff;
  pointer-events: none;
}

.dialog .dia-btn2 {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 2.81rem;
  height: 0.76rem;
  line-height: 0.76rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
}

.dialog .dia-btn2.gray {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}

.dialog .btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.16rem;
          column-gap: 0.16rem;
}

.dialog .btn-flex a {
  margin: 0;
}

.dia-video {
  width: 6.86rem;
  height: 3.86rem;
  border: 0.04rem solid #a538d2;
}

.dia-video .dia-close {
  top: -0.6rem;
}

.dia-video .video-container {
  width: 100%;
  height: 100%;
}

.dia-common {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg6.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 3.79rem;
}

.dia-common.dia-common1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 4.81rem;
}

.dia-common.dia-common1 .p1 {
  margin-top: 0.5rem;
  margin-bottom: 0.1rem;
}

.dia-common.dia-common2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  height: 4.81rem;
}

.dia-common.dia-common2 .p1 {
  margin-top: 0.4rem;
}

.dia-common i {
  font-style: normal;
}

.dia-common .msg-text {
  width: 80%;
  height: 1.6rem;
  margin: 0.8rem auto 0;
  color: #ece8e1;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dia-common .p1 {
  width: 80%;
  height: 1.6rem;
  margin: 0.8rem auto 0;
  color: #ece8e1;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.4rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dia-common .tips {
  color: #ffff99;
  font-size: 0.2rem;
  line-height: 1;
  text-align: center;
  margin-top: 0.2rem;
  font-weight: normal;
}

.dia-common .tips.tips-color1 {
  color: #ece8e1;
}

.dia-common .p3 {
  width: 85%;
  height: 1.4rem;
  margin: 0 auto;
  color: #ece8e1;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.4rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dia-getqb {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 5.55rem;
}

.dia-getqb .p1 {
  width: 5.4rem;
  color: #fafafa;
  font-size: 0.2rem;
  line-height: 0.26rem;
  text-align: center;
  margin: 0.35rem auto 0.22rem;
}

.dia-getqb .p1 span {
  color: #ffff99;
}

.dia-getqb .prop-info {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_propbg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 2.43rem;
  height: 1.63rem;
  margin: 0 auto 0.42rem;
  position: relative;
  padding-top: 0.26rem;
}

.dia-getqb .prop-info img {
  display: block;
  width: auto;
  height: 0.85rem;
  margin: 0 auto;
}

.dia-getqb .prop-info p {
  width: 100%;
  color: #ece8e1;
  text-align: center;
  font-size: 0.2rem;
  line-height: 1;
  position: absolute;
  bottom: 0.18rem;
}

.dia-getqb .qb-input {
  margin-top: 0.2rem;
  margin-bottom: 0.32rem;
}

.dia-getqb .qb-input input {
  display: block;
  width: 4.2rem;
  height: 0.72rem;
  margin: 0 auto;
  padding: 0 0.2rem;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.72rem;
  text-align: center;
  border: none;
  outline: none;
  margin-bottom: 0.08rem;
  background-color: #141720;
  border: 1px solid #b249ed;
}

.dia-getqb .qb-input input:placeholder {
  color: #999999;
}

.dia-getqb#getqbDia4 .dia-tit {
  font-size: 0.38rem;
}

.dia-getqb#getqbDia4 .qb-input {
  margin-top: 0.44rem;
  margin-bottom: 0.28rem;
}

.dia-getqb .tips {
  color: #fff19c;
  font-size: 0.2rem;
  line-height: 1;
  text-align: center;
  margin-top: 0.2rem;
}

.dia-getqb .tips2 {
  width: 5rem;
  margin: 0 auto;
  color: #fafafa;
  line-height: 0.26rem;
  font-size: 0.2rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.dia-getqb .tips2 em {
  color: #fff19c;
}

.dia-getqb#getqbDia2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 5.55rem;
}

.dia-getqb#getqbDia5 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 4.81rem;
}

.dia-getqb#getqbDia5 .qb-input {
  width: 4.6rem;
  height: 0.72rem;
  margin: 0.46rem auto 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #999999;
  font-size: 0.24rem;
  line-height: 0.72rem;
  background-color: #141720;
  border: 1px solid #b249ed;
}

.dia-getqb#getqbDia5 .qb-input span {
  width: 1.24rem;
  height: 100%;
  text-align: center;
  margin-right: 0.25rem;
  position: relative;
  color: #999999;
}

.dia-getqb#getqbDia5 .qb-input span::after {
  content: "";
  width: 0.02rem;
  height: 0.32rem;
  background-color: #999999;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.dia-record {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 6.6rem;
}

.dia-record .list-title {
  width: 5.5rem;
  height: 0.54rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.52rem;
}

.dia-record .list-title .column {
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.54rem;
  background-color: #a844eb;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.dia-record .list-title .column.column1 {
  width: 2.44rem;
}

.dia-record .list-title .column.column2 {
  width: 1.56rem;
}

.dia-record .list-title .column.column3 {
  width: 2.2rem;
}

.dia-record .list-title .column::before {
  content: "";
  width: 0.03rem;
  height: 0.55rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia-record-icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  position: absolute;
  top: 0;
  left: 0;
}

.dia-record .list-title .column:nth-child(1)::before {
  display: none;
}

.dia-record .record-list {
  width: 5.5rem;
  height: 3.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto;
  border: 1px solid #542d78;
}

.dia-record .record-list .record-item {
  min-height: 0.55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #542d78;
}

.dia-record .record-list .record-item .column {
  color: #ece8e1;
  font-size: 0.18rem;
  line-height: 0.2rem;
  text-align: center;
}

.dia-record .record-list .record-item .column.column1 {
  width: 2.44rem;
}

.dia-record .record-list .record-item .column.column2 {
  width: 1.56rem;
}

.dia-record .record-list .record-item .column.column3 {
  width: 2.2rem;
}

.dia-record .record-list .record-item .column a {
  display: inline-block;
  margin: 0 auto;
  color: #ffe299;
  border-bottom: 0.02rem solid #ffe299;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.dia-record .dia-history-tfooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.35rem;
}

.dia-record .dia-history-tfooter .my-page-prev {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_icon3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.32rem;
  height: 0.48rem;
}

.dia-record .dia-history-tfooter .my-page-next {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_icon3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.32rem;
  height: 0.48rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.dia-record .dia-history-tfooter .my-page-group {
  color: #9e38da;
  font-size: 0.22rem;
  line-height: 1;
  margin: 0 0.55rem;
}

.dia-address {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg5.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 10.28rem;
}

.dia-address .gettips {
  width: 5rem;
  color: #ece8e1;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.26rem;
  margin: 0.46rem auto 0;
}

.dia-address .gettips span {
  color: #fff19c;
}

.dia-address .prop-info {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_propbg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 2.43rem;
  height: 1.63rem;
  margin: 0.14rem auto 0.32rem;
  position: relative;
  padding-top: 0.26rem;
}

.dia-address .prop-info img {
  display: block;
  width: auto;
  height: 0.85rem;
  margin: 0 auto;
}

.dia-address .prop-info p {
  width: 100%;
  color: #ece8e1;
  text-align: center;
  font-size: 0.2rem;
  line-height: 1;
  position: absolute;
  bottom: 0.18rem;
}

.dia-address .tit {
  color: #ece8e1;
  font-size: 0.32rem;
  text-align: center;
  line-height: 1;
  margin-top: 0.25rem;
  margin-bottom: 0.16rem;
  position: relative;
  font-weight: bold;
}

.dia-address .address-form {
  width: 5rem;
  margin: 0 auto;
  color: #ffffff;
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
}

.dia-address .address-form .address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0.56rem;
  margin-bottom: 0.08rem;
  background-color: #141720;
  border: 1px solid #b249ed;
}

.dia-address .address-form .address-item label {
  width: 1.24rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  color: #ece8e1;
  position: relative;
  margin-right: 0.2rem;
}

.dia-address .address-form .address-item label::after {
  content: "";
  width: 0.02rem;
  height: 0.32rem;
  background-color: #ece8e1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.dia-address .address-form .address-item input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.15rem;
  outline: none;
  border: none;
  background: transparent;
  border: none;
  color: #a9a9a9;
  font-size: 0.24rem;
}

.dia-address .address-form .address-item input::-webkit-input-placeholder {
  color: #a9a9a9;
}

.dia-address .address-form .address-item input:-ms-input-placeholder {
  color: #a9a9a9;
}

.dia-address .address-form .address-item input::-ms-input-placeholder {
  color: #a9a9a9;
}

.dia-address .address-form .address-item input::placeholder {
  color: #a9a9a9;
}

.dia-address .address-form select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.15rem;
  outline: none;
  border: none;
  background-color: transparent;
  color: #a9a9a9;
  font-size: 0.24rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.dia-address .address-form select option:checked {
  color: #a9a9a9;
}

.dia-address .address-info {
  width: 5rem;
  margin: 0 auto;
  color: #ffffff;
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
}

.dia-address .address-info .address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0.56rem;
  margin-bottom: 0.08rem;
  background-color: #141720;
  border: 1px solid #b249ed;
}

.dia-address .address-info .address-item span {
  width: 1.24rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  color: #ece8e1;
  position: relative;
  margin-right: 0.2rem;
}

.dia-address .address-info .address-item span::after {
  content: "";
  width: 0.02rem;
  height: 0.32rem;
  background-color: #ece8e1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}

.dia-address .address-info .address-item p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.15rem;
  line-height: 0.6rem;
  outline: none;
  border: none;
  background-color: transparent;
  color: #ece8e1;
  font-size: 0.24rem;
}

.dia-address .tips {
  color: #fff19c;
  font-size: 0.2rem;
  text-align: center;
  line-height: 1.2;
  margin-top: 0.14rem;
}

.dia-download {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg6.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 3.79rem;
}

.dia-download .p1 {
  color: #ece8e1;
  font-size: 0.32rem;
  line-height: 0.4rem;
  text-align: center;
  margin-top: 0.86rem;
  margin-bottom: 0.38rem;
  font-weight: bold;
}

.dia-download .codev-download {
  display: block;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn6.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 4.18rem;
  height: 0.82rem;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
}

.dia-download .codev-download span {
  height: 100%;
  line-height: 0.82rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.28rem;
  z-index: 2;
}

.dia-download .codev-download .download-progressbar {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn6-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0;
  max-width: 100%;
  height: 100%;
  background-size: 4.18rem 0.82rem !important;
  background-position: left center !important;
  position: absolute;
  left: 0;
  top: 0;
}

.dia-download .codev-download.downloading {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.dia-download .codev-download.downloading::after {
  content: "";
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon6-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.3rem;
  height: 0.3rem;
  margin-left: 0.1rem;
}

.dia-download .codev-download.downloading span {
  color: #ffffff;
}

.dia-download .codev-download.downloadpaused {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.dia-download .codev-download.downloadpaused .download-progressbar {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_btn5.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}

.dia-download .codev-download.downloadpaused::after {
  content: "";
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/icon7-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.3rem;
  height: 0.3rem;
  margin-left: 0.1rem;
}

.dia-download .codev-download.downloadpaused span {
  color: #ffffff;
}

.dia-download .tips {
  color: #ece8e1;
  font-size: 0.2rem;
  text-align: center;
  line-height: 1.2;
  margin-top: 0.16rem;
}

.dia-helprecord {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 6.6rem;
}

.dia-helprecord .list-title {
  width: 5.5rem;
  height: 0.54rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.42rem;
}

.dia-helprecord .list-title .column {
  color: #ffffff;
  font-size: 0.22rem;
  line-height: 0.54rem;
  background-color: #a844eb;
  text-align: center;
  width: 2.44rem;
  position: relative;
}

.dia-helprecord .list-title .column.column2 {
  width: 1.56rem;
}

.dia-helprecord .list-title .column.column3 {
  width: 2.2rem;
}

.dia-helprecord .list-title .column::before {
  content: "";
  width: 0.03rem;
  height: 0.55rem;
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia-record-icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  position: absolute;
  top: 0;
  left: 0;
}

.dia-helprecord .list-title .column:nth-child(1)::before {
  display: none;
}

.dia-helprecord .record-list {
  width: 5.5rem;
  height: 3.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto;
  border: 1px solid #542d78;
}

.dia-helprecord .record-list .record-item {
  min-height: 0.55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #542d78;
}

.dia-helprecord .record-list .record-item .column {
  color: #ece8e1;
  font-size: 0.18rem;
  line-height: 0.2rem;
  text-align: center;
  width: 2.44rem;
}

.dia-helprecord .record-list .record-item .column.column2 {
  width: 1.56rem;
}

.dia-helprecord .record-list .record-item .column.column3 {
  width: 2.2rem;
}

.dia-helprecord .record-list .record-item .column.unclaimed {
  color: #ff8a32;
  text-decoration: underline;
}

.dia-helprecord .helprecord-history-tfooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.15rem;
}

.dia-helprecord .helprecord-history-tfooter .helprecord-page-prev {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_icon3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.32rem;
  height: 0.48rem;
}

.dia-helprecord .helprecord-history-tfooter .helprecord-page-next {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_icon3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 1.32rem;
  height: 0.48rem;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.dia-helprecord .helprecord-history-tfooter .helprecord-page-group {
  color: #9e38da;
  font-size: 0.22rem;
  line-height: 1;
  margin: 0 0.55rem;
}

.dia-helprecord .tips {
  color: #feff97;
  font-size: 0.2rem;
  text-align: center;
  line-height: 1.2;
  margin-top: 0.1rem;
}

.dia-guest {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 5.55rem;
}

.dia-guest .p1 {
  color: #ece8e1;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: left;
  margin-top: 0.42rem;
  position: relative;
  padding: 0 0.5rem;
}

.dia-guest .p2 {
  width: 90%;
  color: #ece8e1;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-align: center;
  margin: 0 auto;
  margin-top: 0.25rem;
}

.dia-guest .p2 span {
  color: #ffff99;
  display: inline;
  margin: 0 0.05rem;
}

.dia-guest .tips {
  color: #ffff99;
  font-size: 0.2rem;
  line-height: 1.2;
  text-align: center;
  margin-top: 0.15rem;
}

.dia-guest .btn-flex {
  width: 82%;
  margin: 0.25rem auto 0;
}

.dia-guest .btn-flex a {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.dia-rolebackstory {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg9.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 3.79rem;
}

.dia-rolebackstory .rolebackstory-text {
  width: 5rem;
  margin: 0.58rem auto 0;
  color: #ece8e1;
  font-size: 0.26rem;
  line-height: 0.38rem;
}

.dia-zwlbpool {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.86rem;
  height: 8.62rem;
}

.dia-zwlbpool .zwlbpool-thead {
  width: 6.22rem;
  height: 0.4rem;
  margin: 0.22rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ffffff;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 0.4rem;
  text-align: center;
}

.dia-zwlbpool .zwlbpool-thead p {
  background-color: #d95d00;
}

.dia-zwlbpool .zwlbpool-thead p:nth-child(1) {
  width: 4rem;
}

.dia-zwlbpool .zwlbpool-thead p:nth-child(2) {
  width: 2.2rem;
}

.dia-zwlbpool .zwlbpool-tbody {
  width: 6.22rem;
  margin: 0.2rem auto 0;
}

.dia-zwlbpool .zwlbpool-tbody .zwlbpool-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dia-zwlbpool .zwlbpool-tbody .zwlbpool-tr p {
  color: #666666;
  font-size: 0.24rem;
  line-height: 0.4rem;
  text-align: center;
}

.dia-zwlbpool .zwlbpool-tbody .zwlbpool-tr p:nth-child(1) {
  width: 4rem;
}

.dia-zwlbpool .zwlbpool-tbody .zwlbpool-tr p:nth-child(2) {
  width: 2.2rem;
}

.dia-rule {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 6.28rem;
  height: 6.6rem;
}

.dia-rule .rule-list {
  width: 5.4rem;
  height: 5.04rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: 0.55rem;
  margin-top: 0.3rem;
}

.dia-rule .rule-list li {
  width: 5.16rem;
  margin-bottom: 0.14rem;
}

.dia-rule .rule-list .center {
  text-align: center;
  margin-top: 0;
  color: #ece8e1;
  font-size: 0.2rem;
  line-height: 0.32rem;
}

.dia-rule .rule-list .center span {
  color: #fdf19d;
}

.dia-rule .rule-list .rule-icon1 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/rule_icon1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 5.13rem;
  height: 0.58rem;
  display: block;
  margin: 0 auto;
  color: #e9eff2;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.58rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.dia-rule .rule-list .rule-icon2 {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/rule_icon2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 5.15rem;
  height: 0.58rem;
  display: block;
  margin: 0 auto;
  color: #2b2b2b;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.58rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.dia-rule .rule-list i {
  color: #ece8e1;
  font-size: 0.22rem;
  line-height: 0.36rem;
  display: inline-block;
  font-style: normal;
  margin-right: 0.15rem;
}

.dia-rule .rule-list h2 {
  font-size: 0.32rem;
}

.dia-rule .rule-list h3 {
  font-size: 0.28rem;
  margin-top: 0.1rem;
}

.dia-rule .rule-list p {
  margin-bottom: 0.1rem;
  position: relative;
  color: #ece8e1;
  font-size: 0.19rem;
  line-height: 0.32rem;
  padding-left: 0.2rem;
}

.dia-rule .rule-list p::before {
  content: "";
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/rule_icon4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 0.09rem;
  height: 0.17rem;
  position: absolute;
  left: 0;
  top: 0.06rem;
}

.dia-rule .rule-list span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  color: #ece8e1;
  font-size: 0.24rem;
  line-height: 1;
  margin-bottom: 0.15rem;
}

.dia-rule .rule-list em {
  color: #fff19c;
}

.dia-rule .rule-list table {
  width: 100%;
  font-size: 0.22rem;
  color: #2b2b2b;
  border-collapse: collapse;
  border: 0.02rem solid #59229a;
  margin: 0.2rem 0;
}

.dia-rule .rule-list table th {
  border: 0.02rem solid #59229a;
  text-align: center;
  color: #fff;
  background-color: #a844eb;
}

.dia-rule .rule-list table td {
  border: 0.02rem solid #59229a;
  text-align: center;
  background-color: #babcc7;
}

.dia-rule .rule-list::-webkit-scrollbar {
  width: 0.05rem;
  height: 0.05rem;
}

.dia-rule .rule-list::-webkit-scrollbar-track {
  background-color: #999999;
}

.dia-rule .rule-list::-webkit-scrollbar-thumb {
  background-color: #9c3ee0;
}

.dia-secondary {
  width: 6.28rem;
  height: 3.79rem;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  z-index: 99999 !important;
}

.dia-secondary::after {
  content: "";
  width: 1000%;
  height: 1000%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.dia-secondary .dia-con {
  background-image: url("//game.gtimg.cn/images/codev/act/a20260330newversion/dia_bg6.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.dia-secondary .dia-close {
  z-index: 2;
}

.dia-secondary .secondary-text {
  width: 80%;
  height: 2rem;
  margin: 0.5rem auto 0;
  color: #ece8e1;
  font-size: 0.22rem;
  line-height: 1.1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.milo-alert-frame {
  z-index: 10000 !important;
}

.testContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}

.testContainer button {
  font-size: 0.2rem;
  margin-bottom: 0.05rem;
  display: none;
}

.testContainer .testtoggle {
  display: block !important;
}

.milo-alert-frame,
.milo-alert {
  z-index: 999999 !important;
}

/* 输入框数字时，隐藏上下加�? */
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Webkit浏览�? (Chrome, Safari, Edge) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*# sourceMappingURL=index.css.map */