*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}

html {
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  background: #1f1f1f;
}

body {
  width: 100vw;
  overflow-x: hidden;
  overflow-y: scroll;
  text-size-adjust: 100% !important;
  -webkit-text-size-adjust: 100% !important;
}

*::-webkit-scrollbar {
  width: 0 !important;
  display: none !important;
  opacity: 0 !important;
}

/* 移动端常用reset.css (无文字版本) */
/* 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  "FZLTYJT",-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; 
  
} */
/* 禁止选中文本（如无文本选中需求，此为必选项） */
/* html, body {
  -webkit-user-select: none;   
  user-select: none;
} */

div {
  display: block;
  box-sizing: border-box;
}

input {
  outline: none;
  user-select: none;
}

i {
  display: block;
}

img {
  display: block;
  object-fit: cover;
  object-position: center top;
}

.d-hide {
  display: none !important;
  font-size: 0; 
  text-indent: -999em;
}

.d-block {
  display: block !important;
}

/* ---------- bootstrap4 flex layout -------------- */
.p-static {
  position: static !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-0 {
  flex: 0;
}

.flex-1 {
  flex: 1;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}  
/* -------------- font ---------------- */
.font-20 {
  font-size: .2rem;
  line-height: .2rem;
}
.font-24 {
  font-size: .24rem;
  line-height: .24rem;
}
.font-26 {
  font-size: .26rem;
  line-height: .26rem;
}
.font-30 {
  font-size: .3rem;
  line-height: .3rem;
}
.font-32 {
  font-size: .32rem;
  line-height: .34rem;
}
.font-34 {
  font-size: .34rem;
  line-height: .36rem;
}
.font-36 {
  font-size: .36rem;
  line-height: .36rem;
}
.font-38 {
  font-size: .38rem;
  line-height: .38rem;
}
.font-42 {
  font-size: .42rem;
  line-height: .42rem;
}
.font-50 {
  font-size: .5rem;
  line-height: .5rem;
}

.grey-0 {
  color: #929086;
}
.black-0 {
  color: #3d3d3d;
}
.orange-1 {
  color: #ffc864;
}
.orange-2 {
  color: #ffc65f;
}
.orange-3 {
  color: #d56c1f;
}
/* ------------- margin --------------- */
.mt-4 {
  margin-top: .04rem;
}

.mt-6 {
  margin-top: .06rem;
}

.mt-10 {
  margin-top: .1rem;
}

.mt-12 {
  margin-top: .12rem;
}

.mt-15 {
  margin-top: .15rem;
}

.mt-18 {
  margin-top: .18rem;
}

.mt-20 {
  margin-top: .2rem;
}

.mt-25 {
  margin-top: .25rem;
}
.mt-30 {
  margin-top: .3rem !important;
}

.mt-31 {
  margin-top: .31rem;
}

.mt-35 {
  margin-top: .35rem;
}

.mt-36 {
  margin-top: .36rem;
}

.mt-40 {
  margin-top: .4rem;
}

.mt-45 {
  margin-top: .45rem;
}

.mt-50 {
  margin-top: .5rem;
}
.mt-55 {
  margin-top: .55rem;
}
.mt-56 {
  margin-top: .56rem;
}

.mt-60 {
  margin-top: .6rem;
}

.mt-65 {
  margin-top: .65rem;
}

.mt-70 {
  margin-top: .7rem;
}

.mt-75 {
  margin-top: .75rem;
}

.mt-80 {
  margin-top: .8rem;
}

.mt-85 {
  margin-top: .85rem;
}

.mt-100 {
  margin-top: 1rem;
}

.mt-120 {
  margin-top: 1.2rem;
}

.mt-130 {
  margin-top: 1.3rem;
}

.mt-135 {
  margin-top: 1.35rem;
}

.mt-140 {
  margin-top: 1.4rem;
}

.mt-180 {
  margin-top: 1.8rem;
}

.mt-200 {
  margin-top: 2rem;
}

.mt-230 {
  margin-top: 2.3rem;
}

.mt-250 {
  margin-top: 2.5rem;
}

.mt-350 {
  margin-top: 3.5rem;
}

.mt-400 {
  margin-top: 4rem;
}

.mr-5 {
  margin-right: .05rem;
}

.mr-8 {
  margin-right: .08rem;
}

.mr-10 {
  margin-right: .1rem;
}
.mr-16 {
  margin-right: .15rem;
}
.mr-16 {
  margin-right: .16rem;
}

.mr-20 {
  margin-right: .2rem;
}

.mr-40 {
  margin-right: .4rem;
}

.ml-4 {
  margin-left: .04rem;
}

.ml-5 {
  margin-left: .05rem;
}

.ml-8 {
  margin-left: .08rem;
}

.ml-10 {
  margin-left: .1rem;
}

.ml-15 {
  margin-left: .15rem;
}

.ml-16 {
  margin-left: .16rem;
}

.ml-18 {
  margin-left: .18rem;
}

.ml-20 {
  margin-left: .2rem;
}

.ml-25 {
  margin-left: .25rem;
}

.ml-30 {
  margin-left: .3rem;
}

.ml-36 {
  margin-left: .36rem;
}

.ml-40 {
  margin-left: .4rem;
}

.ml-60 {
  margin-left: .6rem;
}

.ml-70 {
  margin-left: .7rem;
}

.ml-140 {
  margin-left: 1.4rem;
}

.ml-167 {
  margin-left: 1.67rem;
}

.mb-10 {
  margin-bottom: .1rem;
}

.mb-15 {
  margin-bottom: .15rem;
}

.mb-20 {
  margin-bottom: .2rem;
}

.mb-25 {
  margin-bottom: .25rem;
}

.mb-30 {
  margin-bottom: .3rem;
}

.mb-40 {
  margin-bottom: .4rem;
}

.mb-50 {
  margin-bottom: .5rem;
}

.mb-70 {
  margin-bottom: .8rem;
}

.mb-80 {
  margin-bottom: .8rem;
}

.mb-100 {
  margin-bottom: 1rem;
}

.mb-120 {
  margin-bottom: 1.2rem;
}

.mb-130 {
  margin-bottom: 1.3rem;
}

.mb-200 {
  margin-bottom: 2rem;
}

.mb-230 {
  margin-bottom: 2.3rem;
}:root {
  --easeCommon: cubic-bezier(0.10, 0.00, 0.23, 1.00);
  --part2Scale: 1;
  --part3Scale: 1;
}

html,
body,
div,
p,
ul,
li,
dl,
dt,
dd,
em,
i,
span,
a,
img,
input,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  outline: none;
}

a,
img,
input {
  border: none;
}

body {
  font: 14px/1.75 -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}

ul,
li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

.db {
  text-indent: -999em;
  overflow: hidden;
}

html {
  font-size: 14px;
  font-family: 'Microsoft YaHei';
  width: 100%;
}

html {
  font-size: 20rem;
}


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

b {
  font-weight: bold;
}

b * {
  font-weight: bold;
}

body {
  width: 100%;
  background-color: #242220;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "swiss";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/Swiss911BTCompressed.otf);
}

@font-face {
  font-family: "swiss-ultra";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/Swiss911BTUltraCompressed.otf);
}

@font-face {
  font-family: "FZLTYJT";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/FZLTYJT.ttf);
}

@font-face {
  font-family: "FZCCHJT";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/FZCCHJT.ttf);
}

@font-face {
  font-family: "MIANFEIZITI";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/font-origin/MIANFEIZITI.ttf);
}

@font-face {
  font-family: "RUNEREGULAR";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/RUNEREGULAR.ttf);
}

@font-face {
  font-family: "SSMOFANGTI";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/SSMOFANGTI.TTF);
}

@font-face {
  font-family: "MFQIHEI";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/SSMOFANGTI.TTF);
}

@font-face {
  font-family: "ROCOBLACK";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/RocofontblackRegular.ttf);
}

@font-face {
  font-family: "ZZGFQHT";
  src: url(https://game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/ZZGFQHT.otf);
}


.wrapper {
  width: 100%;
  height: 100vh;
  /* 改为视口高度 */
  /* background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/bg.jpg) center top/cover no-repeat; */
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  /* 防止滚动 */
}

.nav-bg {
  width: calc(100 * var(--vw));
  height: calc(.94 * var(--originRem));
  background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/nav/bg.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1000;
  /* opacity: .2; */
}

.nav-bg span {
  color: #5f6566;
  display: block;
  margin: 0 .25rem;
}

.nav-bg .nav-list {
  margin-left: 4.4rem;
}

.nav-logo {
  width: calc(1.94 * var(--originRem));
  height: calc(.61 * var(--originRem));
  background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/nav/logo.png) 50% 50% / 100% 100% no-repeat;
  margin-left: 1.07rem;
  margin-right: .5rem;
}

.nav-item {
  width: calc(1.9 * var(--originRem));
  width: auto;
  height: calc(.94 * var(--originRem));
  line-height: calc(.94 * var(--originRem));
  font-size: calc(.26 * var(--originRem));
  color: #f4eee1;
  text-align: center;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  cursor: pointer;
  transition: .1s all;
  position: relative;
  margin: 0 .15rem;
}

.nav-item a {
  color: #f4eee1;
}

.nav-wglogo {
  width: 2.1rem;
  height: .37rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/wegame.png) 50% 50% / 1.6rem .37rem no-repeat;
  position: absolute;
  top: 50%;
  left: 3.2rem;
  transform: translateY(-50%);
}

.nav-wglogo::after {
  content: '';
  width: .03rem;
  height: .38rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.nav-item:hover,
.nav-item a:hover {
  color: #ffc65f;
}

.nav-bg[data-index="0"] .nav-item[data-index="0"],
.nav-bg[data-index="1"] .nav-item[data-index="1"],
.nav-bg[data-index="2"] .nav-item[data-index="2"],
.nav-bg[data-index="3"] .nav-item[data-index="3"],
.nav-bg[data-index="4"] .nav-item[data-index="4"],
.nav-bg[data-index="5"] .nav-item[data-index="5"],
.nav-bg[data-index="6"] .nav-item[data-index="6"],
.nav-bg[data-index="7"] .nav-item[data-index="7"],
.nav-bg[data-index="8"] .nav-item[data-index="8"],
.nav-bg[data-index="9"] .nav-item[data-index="9"] {
  color: #ffc65f;
}

.icon-music-on-box {
  width: calc(.46 * var(--originRem));
  height: calc(.51 * var(--originRem));
  cursor: pointer;
  transform: translateY(calc(-.05 * var(--originRem)));
  margin: 0 .45rem;
  position: relative;
}

.icon-music-on-1 {
  width: calc(.46 * var(--originRem));
  height: calc(.51 * var(--originRem));
  background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/nav/icon-music-on-1.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  animation: icon-music-on-1-frame 1.334s linear infinite forwards;
}

@keyframes icon-music-on-1-frame {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.icon-music-on-2 {
  width: calc(.41 * var(--originRem));
  height: calc(.41 * var(--originRem));
  background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/nav/icon-music-on-2.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  animation: icon-music-on-2-frame 2.56s linear infinite forwards;
  transform-origin: center;
}

@keyframes icon-music-on-2-frame {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.icon-music-on-line-box {
  width: calc(.24 * var(--originRem));
  height: calc(.16 * var(--originRem));
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  overflow: hidden;
}

.icon-music-on-line-box-inner {
  width: calc(.48 * var(--originRem));
  height: calc(.16 * var(--originRem));
  animation: part-1-fg-loop .4s steps(2, end) infinite forwards;
}

.icon-music-on-line-box-img {
  width: calc(.24 * var(--originRem));
  height: calc(.16 * var(--originRem));
}

.icon-music-off {
  width: calc(.41 * var(--originRem));
  height: calc(.41 * var(--originRem));
  background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/nav/icon-music-off.png) 50% 50% / 100% 100% no-repeat;
  cursor: pointer;
  margin: 0 .45rem;
}

.nav-btn-web {
  width: calc(3.23 * var(--originRem));
  height: calc(.94 * var(--originRem));
  background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/nav/btn-web.png) 50% 50% / 100% 100% no-repeat;
  cursor: pointer;
}

.nav-unlogin-area,
.nav-logined-area,
.nav-logined-area a {
  cursor: pointer;
  color: #c3c1b4;
  font-size: calc(.26 * var(--originRem));
}

.nav-logined-area a:hover {
  color: #ffc65f;
}

.nav-user-name {
  max-width: calc(2.2 * var(--originRem));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}

.nav-icon-user {
  width: calc(.41 * var(--originRem));
  height: calc(.41 * var(--originRem));
  background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/nav/icon-user.png) 50% 50% / 100% 100% no-repeat;
  cursor: pointer;
  margin: 0 .25rem;
}

.content {
  width: 100%;
  height: 100%;
  position: relative;
}

.index_btnbox {
  width: 14.92rem;
  position: absolute;
  top: 12.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.index_btnbox a {
  text-indent: -9999px;
  margin: 0 1.3rem;
}

.index_btnbox .over {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/index_btn1_over.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  /* 不响应鼠标事件 */
  cursor: default;
  /* 鼠标样式改为默认 */
}

.index_btn1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/index_btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 5.02rem;
  height: 1.49rem;
}

.index_btn2.index_btn2_2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/index_btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 5.02rem;
  height: 1.83rem;
}

.index_btn2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/index_btn3.png) no-repeat;
  background-size: 100% 100%;
  width: 5.02rem;
  height: 1.49rem;
}

.page0_box {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  width: 13.61rem;
  height: 12.64rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part1_img.png) no-repeat center / 100% 100%;
}

@keyframes part-1-fg-loop1 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}


.picture-inner {
  width: 100%;
  height: 100%;
}

/** page1 样式 */
.part1_box {
  width: 15.36rem;
  height: 11.71rem;
  position: relative;
  margin-top: 1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part1_video_bj.png) no-repeat center / 100% 100%;
}

.part1_box::after {
  content: '';
  position: absolute;
  right: -0.2rem;
  bottom: -0.2rem;
  width: 2.91rem;
  height: 3.16rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/video_icon.png) no-repeat center / 100% 100%;

}

.part1_box .video_box {
  width: 12.05rem;
  height: 6.86rem;
  left: 50%;
  top: 53%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.part1_box .video_box .video_container {
  width: 100%;
  height: 100%;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/video_img.png) center no-repeat;
  mask: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/video_img.png) center no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/video_img.png) no-repeat center / 100% 100%;
}

.part1_box .video_box::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12.43rem;
  height: 7.23rem;
  pointer-events: none;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/video_after.png) no-repeat center / 100% 100%;
}

.part1_box .video_box .play_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.14rem;
  height: 2.17rem;
  z-index: 2;
  transform: translate(-50%, -50%);
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/play_btn.png) no-repeat center / 100% 100%;
}

/** page3 样式 */
.part3_box {
  width: 16.03rem;
  height: 11.84rem;
  box-sizing: border-box;
  padding-top: 2.3rem;
  position: relative;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_box.png) no-repeat center / 100% 100%;
}

.part3_box .elf_box {
  width: 87%;
  height: 5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 0.01rem dashed #463e30;
}

.part3_box .elf_box .elf_list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.part3_box .elf_box .elf_list li {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0.2rem;
  transition: transform 0.3s ease;
}


.part3_box .elf_box .elf_list1 li:nth-child(1),
.part3_box .elf_box .elf_list1 li:nth-child(1) p img,
.part3_box .elf_box .elf_list1 li:nth-child(2),
.part3_box .elf_box .elf_list1 li:nth-child(2) p img {
  width: 1.65rem;
  height: 2.11rem;
}

.part3_box .elf_box .elf_list1 li:nth-child(3),
.part3_box .elf_box .elf_list1 li:nth-child(3) p img,
.part3_box .elf_box .elf_list1 li:nth-child(4),
.part3_box .elf_box .elf_list1 li:nth-child(4) p img {
  width: 1.76rem;
  height: 1.95rem;
}

.part3_box .elf_box .elf_list1 li:nth-child(5),
.part3_box .elf_box .elf_list1 li:nth-child(5) p img,
.part3_box .elf_box .elf_list1 li:nth-child(6),
.part3_box .elf_box .elf_list1 li:nth-child(6) p img {
  width: 1.68rem;
  height: 2.12rem;
}

.part3_box .elf_box .elf_list1 li:nth-child(7),
.part3_box .elf_box .elf_list1 li:nth-child(7) p img,
.part3_box .elf_box .elf_list1 li:nth-child(8),
.part3_box .elf_box .elf_list1 li:nth-child(8) p img {
  width: 1.39rem;
  height: 1.94rem;
}

.part3_box .elf_box .elf_list2 li:nth-child(1),
.part3_box .elf_box .elf_list2 li:nth-child(1) p img,
.part3_box .elf_box .elf_list2 li:nth-child(2),
.part3_box .elf_box .elf_list2 li:nth-child(2) p img {
  width: 1.74rem;
  height: 1.89rem;
}

.part3_box .elf_box .elf_list2 li:nth-child(3),
.part3_box .elf_box .elf_list2 li:nth-child(3) p img,
.part3_box .elf_box .elf_list2 li:nth-child(4),
.part3_box .elf_box .elf_list2 li:nth-child(4) p img {
  width: 1.72rem;
  height: 1.5rem;
}

.part3_box .elf_box .elf_list2 li:nth-child(5),
.part3_box .elf_box .elf_list2 li:nth-child(5) p img,
.part3_box .elf_box .elf_list2 li:nth-child(6),
.part3_box .elf_box .elf_list2 li:nth-child(6) p img {
  width: 1.72rem;
  height: 1.69rem;
}

.part3_box .elf_box .elf_list2 li:nth-child(7),
.part3_box .elf_box .elf_list2 li:nth-child(7) p img,
.part3_box .elf_box .elf_list2 li:nth-child(8),
.part3_box .elf_box .elf_list2 li:nth-child(8) p img {
  width: 1.69rem;
  height: 1.46rem;
}

.part3_box .elf_box .elf_list li div {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.part3_box .elf_box .elf_list li div p {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.part3_box .elf_box .elf_list li div p img {
  position: absolute;
  right: 0;
  top: 0;
}

.part3_box .elf_box .elf_list li div>img {
  width: 100%;
  height: 100%;
}

.part3_box .elf_box .elf_list li.on div p {
  width: 0;
  transition: all .1s linear;
}

.part3_box .tips {
  margin: 0 auto;
  font-size: 0;
  width: 10.84rem;
  height: 1.02rem;
  margin-top: 0.9rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_tips.png) no-repeat center / 100% 100%;
}

.slide-4 .rule_btn,
.slide-3 .rule_btn {
  width: 1.37rem;
  height: 0.28rem;
  position: absolute;
  right: 1rem;
  bottom: 0.6rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/rule-btn.png) no-repeat center / 100% 100%;
}

.slide-4 .rule_btn {
  right: 4rem;
  bottom: 1.2rem;
}

.part3_reward_list {
  margin-top: 0.4rem;
}

.part3_reward_list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.part3_reward_list .reward_box {
  width: 3.07rem;
  height: 2.01rem;
  margin: 0 .5rem;
  position: relative;
}

.part3_reward_list li:nth-child(1) .reward_box {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_reward_bj1.png) no-repeat center / 100% 100%;
}

.part3_reward_list li:nth-child(2) .reward_box {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_reward_bj2.png) no-repeat center / 100% 100%;
}

.part3_reward_list li:nth-child(3) .reward_box {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_reward_bj3.png) no-repeat center / 100% 100%;
}

.part3_reward_list .reward_box img {
  width: 3.01rem;
  height: 2.37rem;
  display: block;
  position: absolute;
  left: 0.35rem;
  top: -0.05rem;
}

.part3_reward_list li .name {
  text-align: center;
  font-size: 0.3rem;
  color: #292929;
  font-family: "FZLTYJT";
  font-weight: normal;
}

.part3_reward_list li .part3_btn {
  width: 2.45rem;
  height: 0.73rem;
  display: block;
  margin: 0 auto;
  font-size: 0;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_btn3.png) no-repeat center / 100% 100%;
}

.part3_reward_list li .part3_btn.ylq {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_btn2.png) no-repeat center / 100% 100%;
}

.part3_reward_list li .part3_btn.lq {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part3_btn1.png) no-repeat center / 100% 100%;
}

/** page4 样式 */
.part4_box {
  width: 17.2rem;
  height: 12.33rem;
  box-sizing: border-box;
  padding-top: 3.3rem;
  margin-top: 1rem;
  position: relative;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part4_box_bj.png) no-repeat center / 100% 100%;
}

.part4_box_list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.part4_box_list .item {
  margin: 0 .13rem;
}

.part4_box_list div {
  width: 3.35rem;
  height: 3.94rem;
}

.part4_box_list div img {
  width: 100%;
}

.part4_box_list .part4_btn {
  width: 2.86rem;
  height: 0.92rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.22rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part4_btn1.png) no-repeat center / 100% 100%;
}

.part4_box_list .part4_btn.ylq {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part4_btn3.png) no-repeat center / 100% 100%;
}

.part4_box_list .part4_btn.lq {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part4_btn2.png) no-repeat center / 100% 100%;
}

.part4_box .num {
  width: 100%;
  text-align: center;
  font-size: 0.26rem;
  color: #292929;
  font-family: "FZLTYJT";
  font-weight: normal;
  margin-top: 0.2rem;
}

.part4_inv_btn {
  margin: 0 auto;
  width: 3.59rem;
  height: 1.13rem;
  display: block;
  margin-top: 1.2rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part4_btn4.png) no-repeat center / 100% 100%;
}

/** page5 样式 */
.part5_box {
  width: 19.72rem;
  height: 12.35rem;
  margin-top: 1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part5_box.png) no-repeat center / 100% 100%;
}

/** page6 样式 */
.part6_box {
  width: 20.58rem;
  height: 12.74rem;
  margin-top: 1.4rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part6_box.png) no-repeat center / 100% 100%;
}

/** page7 样式 */
.part7_box {
  width: 20.39rem;
  height: 7.52rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part7_box.png) no-repeat center / 100% 100%;
}

/** page8 样式 */
.part8_box {
  width: 21.64rem;
  height: 8.57rem;
  position: relative;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part8_img.png) no-repeat center / 100% 100%;
}

.part8_btn {
  width: 5.01rem;
  height: 1.17rem;
  position: absolute;
  left: 0.2rem;
  top: 5.2rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part8_btn.png) no-repeat center / 100% 100%;
}

.part8_btn.ylq {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part8_ylq_btn.png) no-repeat center / 100% 100%;
}










.nav {
  display: none;
}

.wrapper .nav1 {
  display: flex;
}

.index_btn2 {
  display: none;
}

.wrapper .index_btn2_1 {
  display: block;
}

/* 5月15号之后 */
.wrapper.active .nav2 {
  display: flex;
}

.wrapper.active .nav1 {
  display: none;
}

.wrapper.active .slide-3 {
  display: none;
}

.wrapper.active .index_btn2_1 {
  display: none;
}

.wrapper.active .index_btn2_2 {
  display: block;
}

.wrapper.active .page0_box {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/part1_img1.png) no-repeat center / 100% 100%;
}

/* 5月20号之后 */
.wrapper.active1 .slide-5 {
  display: none;
}

.wrapper.active1 .nav3 {
  display: flex;
}

.wrapper.active1 .nav2 {
  display: none;
}

.wrapper.active1 .nav1 {
  display: none;
}






/* Swiper 样式 */
.my-swiper {
  width: 100%;
  height: 100%;
}

.my-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.my-swiper .swiper-slide {
  width: calc(100 * var(--vw));
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
}

/* 6个不同的背景色 */
.my-swiper .slide-1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/index_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;

}

.my-swiper .slide-2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page1_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.my-swiper .slide-3 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page3_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.my-swiper .slide-4 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page4_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.my-swiper .slide-5 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.my-swiper .slide-6 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page6_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.my-swiper .slide-7 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page7_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.my-swiper .slide-8 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page8_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.slide-content {
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
}

/* Swiper 分页器样式 */
.my-swiper .swiper-pagination {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  left: auto;
}

.my-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  margin: 8px 0;
  transition: all 0.3s;
}

.my-swiper .swiper-pagination-bullet-active {
  background: #fff;
  width: 12px;
  height: 24px;
  border-radius: 6px;
}

.section_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.8rem;
}

.type_0,
.type_1,
.type_2,
.type_3 {
  display: none;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.sel_0 .type_0 {
  display: flex;
}

.sel_1 .type_1 {
  display: flex;
}

.sel_2 .type_2 {
  width: 14.2rem;
  height: 1.23rem;
  display: flex;
  justify-content: left;
}

.sel_3 .type_3 {
  display: flex;
}

.img_item {
  width: 1.23rem;
  height: 1.23rem;
  position: relative;
  flex-shrink: 0;
  margin-right: .2rem;
}

.img_item img {
  width: 1.23rem;
  height: 1.23rem;
  object-fit: cover;
}


.img_list {
  width: 14.3rem;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  /* 横向布局 type_0-type_3，不换行 */
  flex-wrap: nowrap;
  /* 触摸设备优先横向滑动 */
  touch-action: pan-x;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.img_list::-webkit-scrollbar {
  display: none;
}

.img_list {
  cursor: grab;
}

.img_list.dragging {
  cursor: grabbing;
}

.sel_tab {
  display: flex;
  justify-content: center;
  gap: .2rem;
  position: absolute;
  bottom: 1.8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font: .24rem/1.2 "MIANFEIZITI";
}

.sel_tab a {
  font: .24rem/1.2 "MIANFEIZITI";
  color: #333232;
}

.sel_tab a.on {
  color: #af3d3e;
  border-bottom: .05rem solid #af3d3e;
  padding-bottom: .1rem;
}

.page5_tab {
  width: 1.03rem;
  position: absolute;
  top: 1.6rem;
  right: -.3rem;
  z-index: 1;
  font: .24rem/1.2 "MIANFEIZITI";
  color: #333232;
  display: flex;
  flex-direction: column;
}

.pop_share {
  width: 11.74rem;
  height: 6.2rem;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 9999;
}

.pop_share .pop1_box,
.unshow .pop1_box {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_share_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 11.74rem;
  height: 7.25rem;
  position: relative;
}

.share_cover {
  position: absolute;
  bottom: .4rem;
  left: .45rem;
  width: 10.66rem;
  height: 4.68rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_share_cover.png) no-repeat;
  background-size: 100% 100%;
}

.share_name {
  font-size: .22rem;
  color: #914e43;
  position: absolute;
  bottom: 1.85rem;
  left: 7rem;
  z-index: 1;
  transform: rotate(-5deg);
}

.pop_btn_box {
  width: 10.9rem;
  margin: .2rem auto 0;
  display: flex;
  justify-content: center;
  gap: .8rem;
  align-items: center;
}

.host .hostbox {
  display: flex;
}

.guest .guestbox {
  display: flex;
}

.host .guestbox {
  display: none;
}

.guest .hostbox {
  display: none;
}

.btn_jrgc {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_btn5.png) no-repeat;
  background-size: 100% 100%;
  width: 2.44rem;
  height: .65rem;
  text-indent: -9999px;
  display: block;
}

.btn_bctzs {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_btn8.png) no-repeat;
  background-size: 100% 100%;
  width: 2.44rem;
  height: .65rem;
  text-indent: -9999px;
}

.btn_qd {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_btn9.png) no-repeat;
  background-size: 100% 100%;
  width: 2.44rem;
  height: .65rem;
  text-indent: -9999px;
}

.btn_fxljgc {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_btn7.png) no-repeat;
  background-size: 100% 100%;
  width: 2.44rem;
  height: .65rem;
  text-indent: -9999px;
}

.btn_qx {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/page5_btn6.png) no-repeat;
  background-size: 100% 100%;
  width: 2.44rem;
  height: .65rem;
  text-indent: -9999px;
  display: block;
}

.pop1_box img.share_pic {
  width: 8.69rem;
  height: 4.12rem;
  position: absolute;
  left: 1.45rem;
  top: .35rem;
}

.share_pic3 {
  width: 11.74rem;
}

.unshow {
  width: 11.74rem;
  height: 6.2rem;
  position: absolute;
  top: -9999em;
  left: 9999em;
  z-index: 9999;
}

.pop1 {
  width: 15.14rem;
  height: 9.1rem;
  position: absolute;
  z-index: 9999;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/index_pop.png) no-repeat;
  background-size: 100% 100%;
}

.pop1_box img {
  width: 100%;
  height: 100%;
}

.host .pop1_box img {
  width: 8.69rem;
  height: 4.12rem;
}

.elfInt_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.34rem;
}

.elfInt_box>div {
  margin: 0 0.16rem;
}

.elfInt_box .left .elf_name {
  font-size: 0.7rem;
  color: #272727;
  font-family: "MIANFEIZITI";
}

.elfInt_box .left .elf_series_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.elfInt_box .left .elf_series_item {
  display: inline-block;
  height: 0.36rem;
  border-radius: .18rem;
  background-color: #272727;
  box-sizing: border-box;
  padding-right: 0.2rem;
  padding-left: 0.05rem;
  line-height: 0.3rem;
  margin-right: 0.3rem;
}

.elfInt_box .left .elf_series_item>div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.elfInt_box .left .elf_series_box i {
  width: 0.29rem;
  height: 0.29rem;
  display: block;
  margin-right: 0.16rem;
}

.elfInt_box .left .elf_series_box i.e {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.d {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon1.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.g {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon2.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.pt {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon3.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.jx {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon4.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.s {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon5.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.m {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon6.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.h {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon7.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.du {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon8.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.y {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon9.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box i.huan {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/series_icon10.png) no-repeat center / cover;
}

.elfInt_box .left .elf_series_box span {
  color: #f4eee1;
  font-size: 0.22rem;
  font-family: "FZLTYJT";
  font-weight: normal;
}

.elfInt_box .elf_info {
  margin-top: 0.22rem;
}

.elfInt_box .elf_info i {
  width: 0.55rem;
  height: 0.31rem;
  display: block;
  margin-right: 0.18rem;
}

.elfInt_box .elf_info span {
  font-family: "ROCOBLACK";
}

.elfInt_box .elf_info .height i {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/height_icon.png) no-repeat center / cover;
}

.elfInt_box .elf_info .weight i {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/weight_icon.png) no-repeat center / cover;
}

.elfInt_box .elf_info p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.24rem;
  color: #272727;
  font-family: "MIANFEIZITI";
}

.elfInt_box .elf_int_txt {
  width: 3.42rem;
  height: 1.82rem;
  font-size: 0.18rem;
  color: #303233;
  font-weight: normal;
  font-family: "FZLTYJT";
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 .2rem;
  line-height: 1.4;
  margin-top: 0.3rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/elf_int_txt_bj.png) no-repeat center / cover;
}

.elfInt_box .right {
  width: 4.34rem;
  height: 4.73rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 0.5rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/pop_elf_bj.png) no-repeat center / cover;
}

.elfInt_box .right img {
  width: 4.07rem;
  height: 3.73rem;
}

.elfInt_box .right i {
  width: 1.34rem;
  height: 0.64rem;
  display: none;
  position: absolute;
  right: 0.3rem;
  top: 0.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/htac_icon.png) no-repeat center / cover;
}

.elfInt_box .right i.on {
  display: block;
}

.pop_btn1 {
  display: block;
  margin: 0 auto;
  width: 4.18rem;
  height: 0.98rem;
  margin-top: 0.3rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/pop_btn.png) no-repeat center / cover;
}

.modal-bg {
  width: 12.33rem;
  height: 8.69rem;
  box-sizing: border-box;
  padding-top: 0.3rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/pop2.png) no-repeat center / cover;
}


.pop_rule_box {
  width: 9rem;
  height: 6rem;
  margin: 0 auto;
  margin-top: 0.3rem;
}

#pop5 .pop_rule_box img {
  width: 8.26rem;
  height: 11.13rem;
}

#pop6 .pop_rule_box img {
  width: 8.26rem;
  height: 12.37rem;
}

.rule_list {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}

.rule_list::-webkit-scrollbar {
  width: 0.08rem !important;
  display: block !important;
  opacity: 1 !important;
}

.rule_list::-webkit-scrollbar-track {
  background: #f8d8b0 !important;
}

.rule_list::-webkit-scrollbar-thumb {
  background: #f7b830 !important;
}

.rule_list::-webkit-scrollbar-thumb:hover {
  background: #f7b830 !important;
}

.pop1 .right_close_btn,
.pop2 .right_close_btn,
.pop3 .right_close_btn,
.pop4 .right_close_btn,
.pop5 .right_close_btn,
.pop6 .right_close_btn,
.pop_lottery .right_close_btn,
.pop_address .right_close_btn,
.modal-bg .right_close_btn,
.pop_notget .right_close_btn {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/dia_close.png) no-repeat;
  background-size: 100% 100%;
  width: .49rem;
  height: .52rem;
  position: absolute;
  top: 0;
  right: -.61rem;
  z-index: 9999;
}

.pop_title1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/pop1-title.png) no-repeat;
  background-size: 100% 100%;
  width: 9.84rem;
  height: 1.11rem;
  margin: 0 auto;
}

.pop_title2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/dia_tit1.png) no-repeat;
  background-size: 100% 100%;
  width: 9.84rem;
  height: 1.11rem;
  margin: 0 auto;
}

.pop_title3 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/dia_tit2.png) no-repeat;
  background-size: 100% 100%;
  width: 9.84rem;
  height: 1.11rem;
  margin: 0 auto;
  font-size: 0;
}

.pop2 {
  width: 10.64rem;
  height: 8.06rem;
  box-sizing: border-box;
  padding-top: 0.3rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/pop1.png) no-repeat center / cover;
}

.modal-common-tip {
  font-size: 0.24rem;
  color: #272727;
  font-family: "FZLTYJT";
  font-weight: normal;
}

#commonModal .modal-content .modal-content-box {
  height: 5rem;
}

.modal-btn-confirm {
  margin: 0 auto;
  width: 3.92rem;
  height: 0.92rem;
  font-size: 0;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260514v/images/pop_btn1.png) no-repeat center / cover;
}

.toast_page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.toast-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.toast-content {
  padding: .22rem 1.2rem;
  background-color: #1f1f1f;
  border-radius: .2rem;
  font-size: .46rem;
  color: #f4eee1;
  font-family: 'MIANFEIZITI';
}/**
 * Swiper 6.6.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 19, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}body {
  /* padding-top: 50px !important; */
}

.ylq,
.event-none {
  pointer-events: none;
}