*,
*: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/lkwgsj20260323/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-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;
}

.align-items-center {
  margin: 0 auto;
}

.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/lkwgsj20260323/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"],
.nav-bg[data-index="10"] .nav-item[data-index="10"] {
  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-logined-area {
  padding-right: .2rem;
}

.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;
}

.slogan {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/slogan.png) no-repeat;
  background-size: 100% 100%;
  width: 11.7rem;
  height: 3.05rem;
  position: absolute;
  top: 8.7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

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

.index_btnbox a {
  text-indent: -9999px;
}

.index_btnbox .over {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/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/lkwgsj20260323/images/index_btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 4.79rem;
  height: 1.27rem;
}
.index_btn1_lock {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_btn5.png) no-repeat;
  background-size: 100% 100%;
  width: 4.79rem;
  height: 1.27rem;
  filter: grayscale(100%);
  pointer-events: none;
  cursor: default;
}
.index_btn2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 4.57rem;
  height: 1.24rem;
}

.index_btn3 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_btn3.png) no-repeat;
  background-size: 100% 100%;
  width: 4.57rem;
  height: 1.24rem;
}

.index_btn4 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_ico.png) no-repeat;
  background-size: 100% 100%;
  width: 2.97rem;
  height: 2.29rem;
  position: absolute;
  top: -1rem;
  left: -3.8rem;
  z-index: 1;
}

/** page1 样式 */
.page1_slogan {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_slogan.png) no-repeat;
  background-size: 100% 100%;
  width: 11.89rem;
  height: 1.39rem;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page1_subtitle {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_subtit.png) no-repeat;
  background-size: 100% 100%;
  width: 13.6rem;
  height: .29rem;
  position: absolute;
  top: 3.7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page1_rule_btn {
  font-size: .32rem;
  color: #262527;
  position: absolute;
  top: -.2rem;
  right: 2.9rem;
  z-index: 1;
  text-decoration: underline;
  z-index: 2;
}

.page1_rule_btn::before {
  content: '';
  display: block;
  width: .33rem;
  height: .33rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_ico1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -.4rem;
  top: 50%;
  transform: translateY(-50%);
}

.page1_content {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_content.png) no-repeat;
  background-size: 100% 100%;
  width: 22.01rem;
  height: 9.53rem;
  position: absolute;
  top: 4.3rem;
  left: 54%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page1_content_left {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_left.png) no-repeat;
  background-size: 100% 100%;
  width: 5.47rem;
  height: 7.86rem;
  position: absolute;
  top: .65rem;
  left: -.6rem;
  z-index: 1;
}

.page1_content_right {
  width: 14rem;
  height: 7.8rem;
  position: absolute;
  top: 0;
  right: 2.4rem;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page1_content_right_l {
  width: 9.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: .2rem;
  gap: .2rem;
}

.page1_content_right_r {
  width: 3.75rem;
  display: flex;
  align-items: center;
}

.page1_content_right_l_item {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_left_box.png) no-repeat;
  background-size: 100% 100%;
  width: 2.99rem;
  height: 4.98rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page1_content_right_r .page1_content_right_l_item {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_left_box1.png) no-repeat;
  background-size: 100% 100%;
  width: 3.08rem;
  height: 5.01rem;
  display: flex;
  flex-wrap: wrap;
}

.time {
  font-family: "MIANFEIZITI";
  font-size: .4rem;
  color: #303233;
  text-align: center;
  height: 1rem;
  line-height: .8rem;
  position: relative;
  margin: 0 auto;
  font-weight: 400;
  width: 2rem;
}

.time span {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_item_txt.png) no-repeat;
  background-size: 100% 100%;
  width: 2.75rem;
  height: .35rem;
  position: absolute;
  top: .55rem;
  left: 50%;
  transform: translateX(-50%);
  text-indent: -9999px;
}
.time_lock{
  margin-top: -.15rem;
}
.ttime_lockime span{
  top: .5rem;
}
.time i.time_tips {
  bottom: .13rem;
  color: #fff;
}

.white {
  color: #fff;
  font-size: .5rem;
}
.page1_content_right_r .item_content{
  padding-top: .2rem;
}
.time i {
  width: 100%;
  height: .2rem;
  font-size: .18rem;
  font-family: "FZLTYJT";
  color: #3d3d3d;
  display: block;
  position: absolute;
  bottom: .5rem;
  left: 50%;
  transform: translateX(-50%);
}
.time_lock i{
  bottom: .2rem;
}
.time::before,
.time::after,
.white::before,
.white::after {
  content: '';
  display: block;
  width: .19rem;
  height: .19rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_star.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: .3rem;
  z-index: 1;
}
.white::before,
.white::after{
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_wstar.png) no-repeat;
  background-size: 100% 100%;
}
.time::before {
  left: 0;
}
.white::before{
  left: -.2rem;
}
.time::after {
  right: 0;
}
.white::after{
  right: -.2rem;
}
.item_content_imgbox_wrap{
  position: relative;
}
.item_content {
  width: 100%;
  height: 2.6rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  font-family: "FZLTYJT";
  font-weight: 400;
}

.item_content .item_content_imgbox {
  width: .87rem;
  height: .88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page_img_box_.png) no-repeat;
  background-size: 100% 100%;
  flex-direction: column;
}
.item_hover_box{
  position: absolute;
  top: 0;
  right: -3.15rem;
  width: 3.17rem;
  height: 1.93rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/prize_hover.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  display: none;
}
.item_content_imgbox_wrap:hover .item_hover_box{
  display: block;
}
.item_hover_box_item{
  padding-top: .06rem;
  height: .75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: .2rem;
}
.item_hover_box_item img{
  height: .62rem;
  margin-right: .2rem;
}
.item_hover_box_item_content{
  font-size: .28rem;
  font-family: "MIANFEIZITI";
  color: #292d2e;
  line-height: .3rem;
}
.item_hover_box_item_txt{
  font-size: .16rem;
  font-family: "FZLTYJT";
  color: #c3c1b4;
  padding-top: .1rem;
  width: 2.8rem;
  margin: 0 auto;
  text-align: left;
}
.item_hover_box_item_txt span{
  color: #e57a22;
}
.page1_img {
  width: .66rem;
}

.item_content_imgbox_text {
  font-size: .18rem;
  text-align: center;
  color: #272727;
  line-height: .27rem;
}

.item_content_imgbox_text span {
  display: block;
  line-height: .24rem;
  padding-top: .05rem;
}

.item_content_btn {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_btn.png) no-repeat;
  background-size: 100% 100%;
  width: 1.97rem;
  height: .65rem;
  font-size: .26rem;
  color: #272727;
  text-align: center;
  line-height: .65rem;
  text-indent: -9999px;
  margin: .1rem auto 0;
  font-family: "FZLTYJT";
}

.page1_content .item_content_btn {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_btn.png) no-repeat;
  background-size: 100% 100%;
}
.page1_content .over {
  pointer-events: none;
  /* 不响应鼠标事件 */
  cursor: default;
  /* 鼠标样式改为默认 */
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_btn_over.png) no-repeat;
  background-size: 100% 100%;
}
.page1_content .lock {
  pointer-events: none;
  /* 不响应鼠标事件 */
  cursor: default;
  /* 鼠标样式改为默认 */
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_btn_lock.png) no-repeat;
  background-size: 100% 100%;
}
.page1_content .finish {
  pointer-events: none;
  /* 不响应鼠标事件 */
  cursor: default;
  /* 鼠标样式改为默认 */
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_btn_none.png) no-repeat;
  background-size: 100% 100%;
}
.page1_btnbox {
  width: 8.45rem;
  position: absolute;
  bottom: 1.2rem;
  left: 8rem;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page1_btn1,.page1_btn1_lock {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_bottom_btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 4.18rem;
  height: .98rem;
  text-indent: -9999px;
}
.page1_btn1_lock {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_bottom_btn1_lock.png) no-repeat;
  background-size: 100% 100%;
  filter: grayscale(100%);
  pointer-events: none;
  cursor: default;
}
.page1_btn2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_bottom_btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 3.9rem;
  height: .98rem;
  text-indent: -9999px;
  position: relative;
}

.page1_btn2 span {
  width: 150%;
  font-size: .18rem;
  color: #3d3d3d;
  text-align: center;
  position: absolute;
  bottom: -.35rem;
  left: 50%;
  transform: translateX(-50%);
  text-indent: 0;
}

.page1_tips1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_tips1.png) no-repeat;
  background-size: 100% 100%;
  width: 8.59rem;
  height: .49rem;
  position: absolute;
  bottom: .8rem;
  left: .6rem;
}

.page1_tips2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_tips2.png) no-repeat;
  background-size: 100% 100%;
  width: 2.99rem;
  height: .53rem;
  position: absolute;
  bottom: .8rem;
  right: .7rem;
}
.page1_tips{
  font-size: .22rem;
  color: #3d3d3d;
  text-align: center;
  position: absolute;
  top: .8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
/** page2 样式 */
.page2_slogan {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_slogan.png) no-repeat;
  background-size: 100% 100%;
  width: 13.93rem;
  height: 1.2rem;
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page2_invitebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 5.05rem;
  height: 1.8rem;
  top: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page2_invitebox_mine {
  width: 1.77rem;
  height: 1.79rem;
  text-indent: -9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page2_invitebox_mine_lock img{
  display: none;
}

.page2_invitebox_mine::before {
  content: '';
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #fdb432;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.page2_invitebox_mine_lock::before {
  content: '';
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_head_bg.png) 0% 0% / 100% 100% no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.page2_invitebox_mine::after {
  content: '';
  display: block;
  width: 1.77rem;
  height: 1.79rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_head_bg_on.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.page2_invitebox_mine img, .page2_invitebox_other_img{
  height: 1.67rem;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.page2_invitebox_arr {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_head_arr.png) no-repeat;
  background-size: 100% 100%;
  width: .9rem;
  height: .72rem;
  text-indent: -9999px;
}

.page2_invitebox_other {
  width: 1.77rem;
  height: 1.79rem;
  text-indent: -9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* .page2_invitebox_other::before {
  content: '';
  display: block;
  width: 1.65rem;
  height: 1.67rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_head_bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
} */

.page2_invitebox_other::after {
  content: '';
  display: block;
  width: 1.77rem;
  height: 1.79rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_head_bg_on.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.page2_invitebox_other img {
  height: 1.67rem;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.page2_invitebox_other_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.65rem;
  height: 1.67rem;
  text-indent: -9999px;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_head_bg.png) no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}

.page2_invite_txt {
  font-size: .36rem;
  width: 10.99rem;
  height: .91rem;
  color: #313030;
  text-align: center;
  position: absolute;
  top: 5.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-family: "FZLTYJT";
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_invite_txt_1.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999em;
}
.page2_invite_txt span{
  color: #fcb641;
  font-size: .4rem;

}

.page2_invite_txt .page2_num {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_num.png) no-repeat;
  background-size: 100% 100%;
  width: .62rem;
  height: .41rem;
  text-indent: -9999px;
  margin: 0 .03rem;
}

.scroll_box{
  max-height: 6.2rem !important;
}

.page2_content {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_prize_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 15.42rem;
  height: 6.41rem;
  position: absolute;
  top: 6.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page2_btn_lock {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 2rem;
  height: .61rem;
  text-indent: -9999px;
  position: absolute;
  top: 3.4rem;
  left: 2.2rem;
  z-index: 1;
  pointer-events: none;
  cursor: default;
}

.page2_btn_get {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 2rem;
  height: .61rem;
  text-indent: -9999px;
  position: absolute;
  top: 3.4rem;
  left: 2.2rem;
  z-index: 1;
}

.page2_btn_exchange {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_btn3.png) no-repeat;
  background-size: 100% 100%;
  width: 2rem;
  height: .61rem;
  text-indent: -9999px;
  position: absolute;
  top: 3.4rem;
  left: 2.2rem;
  z-index: 1;
}

.page2_btn_exchange_done {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page2_btn4.png) no-repeat;
  background-size: 100% 100%;
  width: 2rem;
  height: .61rem;
  text-indent: -9999px;
  position: absolute;
  top: 3.4rem;
  left: 2.2rem;
  z-index: 1;
  pointer-events: none;
  cursor: default;
}

.my-swiper .type2-swiper .swiper-slide {
  width: 1.23rem;
  height: 1.23rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
}

.type2-swiper .img_item {
  margin-right: 0;
}

.type1 .page2_btn_lock {
  display: block;
}

.type2 .page2_btn_get {
  display: block;
}

.type3 .page2_btn_exchange {
  display: block;
}

.type4 .page2_btn_exchange_done {
  display: block;
}

.page2_content_txt {
  width: 12.8rem;
  font-size: .26rem;
  color: #fff;
  position: absolute;
  bottom: .05rem;
  left: 1.75rem;
  z-index: 1;
  font-family: "FZLTYJT";
}

.page2_content_txt span {
  font-size: .32rem;
  color: #fcb641;
}

.section9 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section9_bg.jpg) no-repeat 50% 50%/cover;
  overflow: hidden;
}

.section9 .section_content {
  padding-bottom: .5rem;
  transform: scale(.98);
}

.section9_title {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_title.png) no-repeat;
  background-size: 100% 100%;
  width: 16.85rem;
  height: 1.21rem;
  position: relative;
}

.section9_title::before {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/star_icon1.png) no-repeat;
  background-size: 100% 100%;
  width: .43rem;
  height: .43rem;
  left: -.56rem;
  bottom: .18rem;
}

.section9_title::after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/star_icon.png) no-repeat;
  background-size: 100% 100%;
  width: .58rem;
  height: .58rem;
  right: -.55rem;
  top: .08rem;
}

.section9_box {
  display: flex;
  justify-content: center;
  margin-top: 1.2rem;
  gap: .44rem;
  position: relative;
}

.section9_box::after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section9_box_icon.png) no-repeat;
  width: 23.68rem;
  height: 5.82rem;
  background-size: 100% 100%;
  z-index: -1;
  left: 50%;
  margin-left: -11.84rem;
  bottom: .78rem;
}

.section9_box_item {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section9_box.png) no-repeat;
  background-size: 100% 100%;
  width: 10.15rem;
  height: 7.91rem;
  position: relative;
  padding: 1.05rem .95rem 0;
}

.section9_box_item:nth-child(1):after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section9_icon1.png) no-repeat;
  width: 3.45rem;
  height: 3.29rem;
  background-size: 100% 100%;
  pointer-events: none;
  left: -2.08rem;
  bottom: -.38rem;
}

.section9_box_item:nth-child(2):after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section9_icon2.png) no-repeat;
  width: 3.9rem;
  height: 1.97rem;
  background-size: 100% 100%;
  pointer-events: none;
  right: -1.02rem;
  top: -1.54rem;
  z-index: -1;
}

.section9_how_title1 {
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section9_text1.png) no-repeat;
  background-size: 100% 100%;
  width: 6.4rem;
  height: 1.69rem;
  left: -.52rem;
  top: -.52rem;
}

.section9_how_title2 {
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section9_text2.png) no-repeat;
  background-size: 100% 100%;
  width: 6.97rem;
  height: 1.74rem;
  left: -.52rem;
  top: -.57rem;
}

.section_text {
  color: #383738;
  font-size: .28rem;
  line-height: 1.85;
  height: 1.76rem;
}

.section_text span {
  color: #c15216;
  font-size: .3rem;
}

.section_text em {
  color: #b29883;
  font-size: .24rem;
}

.section9_pic_box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.26rem;
  gap: .1rem;
}

.section9_pic_box li>img,
.section9_pic_item>div img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform .2s ease-in-out;
  object-fit: cover;
  position: relative;
  border-radius: .15rem;
}

.section9_pic_box li:hover>img,
.section9_pic_item>div:hover img {
  transform: scale(1.8);
  z-index: 2;
}

.section9_pic1 {
  width: 7.56rem;
  height: 3.62rem;
}

.section9_pic2 {
  width: 2.26rem;
  height: 4.26rem;
}

.section9_pic3 {
  width: 5.09rem;
  height: 1.98rem;
}

.section9_pic_item>div.section9_pic3 img {
  width: 100%;
  height: auto;
}

.section9_pic_item>div.section9_pic4 img {
  object-position: 100% 100%;
  transform-origin: 50% 100%;
}

.section9_pic4 {
  width: 5.09rem;
  height: 2.11rem;
}

.section9_pic_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.section9_pic_box li:hover,
.section9_pic_item>div:hover {
  overflow: visible;
}

.section9_pic_item>div:hover img {
  transform: scale(2.1)
}

.section9_pic_item>div {
  overflow: hidden;
}

.section9_pic_item>div.section9_pic4:hover img {
  height: 200%;
  width: auto;
  transform: scale(2.2) translateY(-14%);
}

.btn_yyzsjl::before,
.btn_yuyue:before,
.btn_share::before {
  animation: star-rotate-frame 9s linear infinite forwards;
}

@keyframes star-rotate-frame {
  0% {
    transform: rotate(0);
  }

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

.btn_yuyue i,
.btn_lottery i {
  animation: tada 1s .2s ease both infinite;
}

@keyframes tada {
  0% {
    transform: scale(1)
  }

  10%,
  20% {
    transform: scale(0.95) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale(1.02) rotate(3deg)
  }

  40%,
  60%,
  80% {
    transform: scale(1.03) rotate(-3deg)
  }

  100% {
    transform: scale(1) rotate(0)
  }
}

.swiper-slide-active .section4_box::after {
  animation: bgmask-frame1 .4s .2s ease-in-out both;
}

@keyframes bgmask-frame1 {
  0% {
    transform: rotate(4deg) translate(0.7rem, -0.3rem);
  }

  100% {
    transform: rotate(0) translate(0, 0);
  }
}

.swiper-slide-active .section5_box:before {
  animation: bgmask-frame2 .6s .2s ease-in-out both;
}

@keyframes bgmask-frame2 {
  0% {
    transform: rotate(-3deg) translate(0.06rem, -0.08rem);
  }

  100% {
    transform: rotate(0) translate(0, 0);
  }
}

.btn_activity3 {
  animation: pulas .8s ease-in-out infinite alternate both;
}

@keyframes pulas {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(.95);
  }
}

/** page3 样式 */
.section_content a:not(.gray) {
  transition: all .2s ease-in-out;
}

.section2 {
  overflow: hidden;
}

.section2 .section_content {
  transform: scale(.94);
}

.section2_title {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_title.png) no-repeat;
  background-size: 100% 100%;
  width: 16.85rem;
  height: 1.21rem;
  position: relative;
}

.section2_title::before {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/star_icon1.png) no-repeat;
  background-size: 100% 100%;
  width: .43rem;
  height: .43rem;
  left: -.56rem;
  bottom: .18rem;
}

.section2_title::after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/star_icon.png) no-repeat;
  background-size: 100% 100%;
  width: .58rem;
  height: .58rem;
  right: -.55rem;
  top: .08rem;
}

.section2_box {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_box.png) no-repeat;
  background-size: 100% 100%;
  width: 19.44rem;
  height: 10.04rem;
  margin: 0.46rem auto 0;
  transform: translateX(-.2rem) scale(.985);
  display: flex;
  justify-content: space-between;
  padding: 0 .53rem 0 0;
  transform-origin: 50% 0;
}

.section2_left {
  width: 7.6rem;
  position: relative;
  height: 100%;
}

.section2_left img {
  position: absolute;
  width: 7.71rem;
  height: 7.86rem;
  left: -0.32rem;
  top: 0.96rem;
}

.section2_right {
  position: relative;
  flex: 1;
  padding-top: 1.36rem;
}

.section2_right h4 {
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_text1.png) no-repeat;
  background-size: 100% 100%;
  width: 5.63rem;
  height: 1.86rem;
  left: -.4rem;
  top: -.3rem;
}

.friend_tabs {
  display: flex;
  justify-content: space-around;
  font-size: .48rem;
  line-height: 1.3;
  padding: 0 .5rem;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-family: "MIANFEIZITI";
  margin-bottom: 0.24rem;
}

.friend_tabs a {
  color: #a8a8a4;
  padding: .12rem 0;
  position: relative;
  transition: color .2s;
}

.friend_tabs a:after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_line.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: .1rem;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity .2s;
}

.friend_tabs a.on {
  color: #272727;
}

.friend_tabs a.on:after {
  opacity: 1;
}

.friend_tabs a:hover {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}

.search_friden_oprate {
  width: 10.18rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto .2rem;
}

.search_friden_oprate input {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_search.png) no-repeat;
  background-size: 100% 100%;
  width: 7.97rem;
  height: .8rem;
  outline: none;
  border: none;
  padding: 0 .7rem 0 .4rem;
  font-size: .28rem !important;
  color: #272727;
  line-height: 1.5;
  font-family: "FZLTYJT";
}

.search_friden_oprate input::-webkit-input-placeholder {
  opacity: .5;
  font-size: .28rem !important;
}

.btn_search {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260316order/images/btn_search.png) no-repeat;
  background-size: 100% 100%;
  width: 2.1rem;
  height: .86rem;
}

.friden_tab_content {
  position: relative;
  width: 10.58rem;
  height: 5.7rem;
  margin: 0 auto;
  padding: 0 .2rem;
}

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

.add_default_show {
  width: 100%;
  height: calc(100% - 1.06rem);
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_search_style1.png) no-repeat 50% 47%/2.97rem 2.16rem;
}

.add_friend_search {
  width: 100%;
  height: calc(100% - 1.06rem);
}

.friend_search_text {
  color: #272727;
  font-size: .28rem;
  line-height: 1;
  opacity: .5;
  margin-bottom: .18rem;
}

.friend_search_nothave {
  width: 100%;
  height: 4.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_search_style2.png) no-repeat 50% 50%/3rem 2.58rem;
}

.friend_search_list {
  width: 10.4rem;
  max-height: 4.1rem;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 -.22rem 0 0;
}

.friend_search_list::-webkit-scrollbar {
  width: 0.05rem;
  height: 100%;
}

.friend_search_list::-webkit-scrollbar-track {
  width: 0.05rem;
  border-radius: 0.04rem;
  background: #cbcbcb;
}

.friend_search_list::-webkit-scrollbar-thumb {
  width: 0.05rem;
  background: #272727;
  border-radius: 0.04rem;
}

.friend_search_list li {
  padding: 0 .3rem 0 .4rem;
  width: 10.18rem;
  height: 1.33rem;
  border: 1px solid #272727;
  border-radius: .2rem;
  background: #ffffff;
  display: flex;
  align-items: center;
}

.friend_search_list li:not(:last-child) {
  margin-bottom: .18rem;
}

.friend_tx {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #ffc63e;
  padding: .04rem;
  overflow: hidden;
  border: .03rem solid #272727;
  margin-right: .5rem;
}

.friend_tx img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  background: #5f5f5f;
}

.friend_name {
  color: #272727;
  font-size: .28rem;
  line-height: 1.4;
  width: 4.6rem;
}

.btn_addfri {
  display: block;
  width: 1.95rem;
  height: .62rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_btn1.png) no-repeat;
  background-size: 100% 100%;
  margin-left: auto;
  text-indent: -999em;
}

.btn_addfri.yfs {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 1.96rem;
  height: .55rem;
  pointer-events: none;
}

.btn_addfri.dyz {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_btn3.png) no-repeat;
  background-size: 100% 100%;
  width: 1.96rem;
  height: .55rem;
  pointer-events: none;
}

.btn_addfri.ytj {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_btn4.png) no-repeat;
  background-size: 100% 100%;
  width: 1.96rem;
  height: .55rem;
  pointer-events: none;
}

.btn_addfri.myself {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_btn5.png) no-repeat;
  background-size: 100% 100%;
  width: 1.96rem;
  height: .55rem;
  pointer-events: none;
}

.friend_tab_show {
  display: none;
}

.friend_nothave {
  width: 100%;
  height: 5.7rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_search_style3.png) no-repeat 50% 50%/3rem 2.58rem;
}

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

.friend_list {
  width: 10.4rem;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 -.22rem 0 0;
}

.friend_list::-webkit-scrollbar {
  width: 0.05rem;
  height: 100%;
}

.friend_list::-webkit-scrollbar-track {
  width: 0.05rem;
  border-radius: 0.04rem;
  background: #cbcbcb;
}

.friend_list::-webkit-scrollbar-thumb {
  width: 0.05rem;
  background: #272727;
  border-radius: 0.04rem;
}

.friend_list li {
  padding: 0 .3rem 0 .4rem;
  width: 10.18rem;
  height: 1.33rem;
  border: 1px solid #272727;
  border-radius: .2rem;
  background: #ffffff;
  display: flex;
  align-items: center;
}

.friend_list li:not(:last-child) {
  margin-bottom: .18rem;
}

.friend_online {
  color: #3cc97f;
  font-size: .2rem;
  line-height: 1.3;
  padding-top: .06rem;
}

.friend_name span {
  color: #d4a280;
}

.friend_list li.notonline {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.friend_list li.notonline .friend_name {
  color: #aaaaaa;
}

.friend_apply_nothave {
  width: 100%;
  height: 5.7rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_search_style4.png) no-repeat 50% 50%/3rem 2.58rem;
}

.friend_apply_list {
  width: 10.4rem;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 -.22rem 0 0;
}

.friend_apply_list::-webkit-scrollbar {
  width: 0.05rem;
  height: 100%;
}

.friend_apply_list::-webkit-scrollbar-track {
  width: 0.05rem;
  border-radius: 0.04rem;
  background: #cbcbcb;
}

.friend_apply_list::-webkit-scrollbar-thumb {
  width: 0.05rem;
  background: #272727;
  border-radius: 0.04rem;
}

.friend_apply_list li {
  padding: 0 .3rem 0 .4rem;
  width: 10.18rem;
  height: 1.33rem;
  border: 1px solid #272727;
  border-radius: .2rem;
  background: #ffffff;
  display: flex;
  align-items: center;
}

.friend_apply_list li:not(:last-child) {
  margin-bottom: .18rem;
}

.friend_apply_time {
  color: #272727;
  font-size: .2rem;
  line-height: 1.3;
  padding-top: .06rem;
  opacity: .5;
}

.friend_apply_list .friend_info {
  width: 6rem;
}

.apply_operate {
  margin-left: auto;
  display: flex;
  width: 1.5rem;
  justify-content: space-between;
}

.btn_approve {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_yes.png) no-repeat;
  background-size: 100% 100%;
  width: .57rem;
  height: .57rem;
}

.btn_refuse {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section2_no.png) no-repeat;
  background-size: 100% 100%;
  width: .57rem;
  height: .57rem;
}

.apply_tips {
  position: absolute;
  color: #272727;
  opacity: .5;
  width: 100%;
  left: 0;
  bottom: -1.1rem;
  text-align: center;
  line-height: 1.5;
  font-size: .24rem;
}

/* page4 样式 */
.page4_content {
  width: 18.81rem;
  height: 11.31rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 1.8rem;
  transform: translateX(-50%);
}

.page4_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* page5 样式 */
.section3 {
  overflow: hidden;
}

.section3 .section_content {
  transform: scale(.86);
  padding-bottom: 0;
  padding-top: .64rem;
}

.section3_title {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_title.png) no-repeat;
  background-size: 100% 100%;
  width: 14.23rem;
  height: 2.03rem;
  flex-shrink: 0;
}

.section3_box {
  width: 19.25rem;
  margin: 0.36rem auto 0;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}

.section3_cn_left {
  width: 7.45rem;
  position: relative;
  padding-top: 8rem;
}

.section3_pic {
  position: absolute;
  width: 9.43rem;
  height: 12.13rem;
  left: 50%;
  margin-left: -4.71rem;
  top: -2.56rem;
  pointer-events: none;
}

.btn_lottery {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 5.29rem;
  height: 1.69rem;
  margin: 0 auto;
  position: relative;
}

.btn_lottery.open {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_btn1_open.png) no-repeat;
  background-size: 100% 100%;
}

.btn_lottery i {
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_icon.png) no-repeat;
  background-size: 100% 100%;
  width: 1.26rem;
  height: 1.27rem;
  pointer-events: none;
  left: .18rem;
  top: .17rem;
}
.btn_lottery_lock {
  filter: grayscale(100%);
  pointer-events: none;
  cursor: default;
}
.section3_tips {
  color: #f7e9c9;
  font-size: .22rem;
  line-height: 1.2;
  text-align: center;
  opacity: .38;
  padding-top: .08rem;
}

.section3_tips_2 {
  color: #f7e9c9;
  font-size: .22rem;
  line-height: 1.2;
  text-align: center;
  opacity: .38;
  margin-top: -.1rem;
}

.section3_cn_right {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_box1.png) no-repeat;
  background-size: 100% 100%;
  width: 11.21rem;
  height: 9.7rem;
  padding-top: 1.88rem;
}

.section3_text {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_line.png) no-repeat 50% 50%/10.15rem auto;
  color: #323232;
  font-size: .46rem;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-family: "MIANFEIZITI";
  text-align: center;
  margin-bottom: .12rem;
}

.my_num_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 8.25rem;
  height: 2.42rem;
  margin: 0 auto;
  gap: .18rem;
  align-content: center;
}

.my_num_box li {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_cqm.png) no-repeat;
  background-size: 100% 100%;
  width: 3.81rem;
  height: .85rem;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-family: "MIANFEIZITI";
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  color: #694022;
  font-size: .46rem;
}

.cqm_task_list {
  padding: .12rem 0.6rem 0 .77rem;
}

.cqm_task_list li {
  display: flex;
  align-items: center;
}

.cqm_task_list li:not(:last-child) {
  margin-bottom: .2rem;
}

.task_num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-family: "MIANFEIZITI";
  color: #313131;
  font-size: .32rem;
  line-height: 1.4;
}

.task_num span {
  font-size: .38rem;
}

.task_state {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-family: "MIANFEIZITI";
  color: #313131;
  font-size: .32rem;
  line-height: 1.4;
}

.task_text {
  color: #5a5a5a;
  font-size: .28rem;
  line-height: 1.2;
  padding-left: .16rem;
  width: 5rem;
}

.btn_task1,
.btn_task2,
.btn_task3 {
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 1.78rem;
  height: .67rem;
  margin-left: auto;
}

.page4_btnbox {
  width: 80%;
  margin: .2rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 13.1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page4_btn1,.page4_btn1_lock {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_btn4.png) no-repeat;
  background-size: 100% 100%;
  width: 4.18rem;
  height: .98rem;
  text-indent: -9999em;
}
.page4_btn1_lock {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_btn4_lock.png) no-repeat;
  background-size: 100% 100%;
  filter: grayscale(100%);
  pointer-events: none;
  cursor: default;
}
.page4_btn1.over {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_btn4_over.png) no-repeat;
  background-size: 100% 100%;
}

.btn_task1 {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/btn-qwc.png);
}

.btn_task1.gray {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_btn3_gray.png);
  pointer-events: none;
}

.btn_task1.over,
.btn_task2.over,
.btn_task3.over {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_btn5_over.png);
  pointer-events: none;
}

.btn_task2 {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/btn-qwc.png);
}

.btn_task2.gray {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_btn4_gray.png);
  pointer-events: none;
}

.btn_task3 {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/btn-qwc.png);
}

.btn_task3.gray {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_btn5_gray.png);
  pointer-events: none;
}

.btn_task1.dlq,
.btn_task2.dlq,
.btn_task3.dlq {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_btn2_dlq.png);
}

.rule_btn {
  padding: .3rem .6rem 0 .77rem;
  display: flex;
}

.rule_btn a {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section3_icon1.png) no-repeat 0 49.5%/.27rem .27rem;
  color: #a46a42;
  font-size: .28rem;
  line-height: 1.5;
  padding: 0 .4rem;
}

/* page6 样式 */
.page5_content {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_content_bg.png) no-repeat;
  background-size: cover;
  width: 18.51rem;
  height: 11.08rem;
  display: flex;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
  position: absolute;
  flex-direction: column;
  top: 1.8rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page5_btnbox {
  width: 9.42rem;
  height: .93rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  position: absolute;
  top: 13.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.page5_btnbox a {
  text-indent: -9999px;
}

.btn_page5_1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_btn1.png) no-repeat;
  background-size: 100% 100%;
  width: 3.69rem;
  height: .93rem;
}

.btn_page5_2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_btn2.png) no-repeat;
  background-size: 100% 100%;
  width: 3.69rem;
  height: .93rem;
}

/* page8 样式 */
.section5 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_bg.jpg) no-repeat 50% 50%/cover;
  overflow: hidden;
}

.section5:before {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_icon1.png) no-repeat;
  background-size: 100% 100%;
  width: 2.45rem;
  height: 2.7rem;
  left: 1.48rem;
  top: 50%;
  margin-top: 2.45rem;
}

.section5:after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_icon2.png) no-repeat;
  background-size: 100% 100%;
  width: 2.53rem;
  height: 2.39rem;
  right: 1.2rem;
  top: 50%;
  margin-top: 0.95rem;
}

.section5_title {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_title.png) no-repeat;
  background-size: 100% 100%;
  width: 7.64rem;
  height: 1.09rem;
  position: relative;
}

.section5_box {
  width: 20.66rem;
  height: 10.57rem;
  margin: 0.82rem auto 0;
  position: relative;
  padding: .34rem 0.3rem 0 .34rem;
  display: flex;
  justify-content: space-between;
}

.section5_box:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_box1.png) no-repeat;
  background-size: 100% 100%;
  width: 20.66rem;
  height: 10.57rem;
  left: 0;
  top: 0;
  z-index: 2;
}

.section5_left_con {
  width: 8.86rem;
  height: 9.5rem;
  position: relative;
  padding-top: .3rem;
  z-index: 3;
  margin-left: 1rem;
  margin-top: .3rem;
}

.section5_lottery {
  position: relative;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_lottery.png) no-repeat;
  background-size: 100% auto;
  width: 8.86rem;
  height: 6.57rem;
  margin: 0 auto;
  z-index: 3;
}

.btn_yylottery {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn_lottery.png) no-repeat;
  background-size: 100% 100%;
  width: 3.83rem;
  height: .9rem;
  position: absolute;
  left: 2.4rem;
  top: 7.8rem;
  z-index: -1;
}

.btn_yylottery.gray {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}

.lottery_num {
  color: #62605e;
  font-size: .22rem;
  line-height: 1.4;
  text-align: center;
  padding-top: .5rem;
}

.money_num1,
.money_num2,
.money_num3,
.money_num4 {
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_icon3.png) no-repeat;
  background-size: 100% 100%;
  width: 1.26rem;
  height: .71rem;
  left: -.12rem;
  top: -0.38rem;
  padding: 0.19rem 0 0 .1rem;
  z-index: 2;
}

.money_num1 span,
.money_num2 span,
.money_num3 span,
.money_num4 span {
  width: 1.1rem;
  height: .3rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  color: #ffdb91;
  font-size: .21rem;
  transform: rotate(-13deg);
}

.money_num2 {
  left: 2.1rem;
}
.money_num3 {
  left: 4.35rem;
}
.money_num4 {
  left: 4.35rem;
  top: 2.05rem;
}
.section5_right_con {
  width: 7.8rem;
  height: 6.87rem;
  margin: .2rem 1.5rem 0 0;
  position: relative;
  z-index: 3;
}

.hhjc_task_list {
  padding-top: .62rem;
}

.hhjc_task_list li {
  display: flex;
  align-items: center;
  width: 7.8rem;
  height: .99rem;
  margin: 0 auto;
  padding: 0 .1rem 0 .15rem;
  margin-bottom: .26rem;
  border-bottom: .04rem solid #ece8db;
}

.hhjc_task_text,
.hhjc_get {
  color: #272727;
  font-size: .46rem;
  font-weight: 400;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-family: "MIANFEIZITI";
  word-break: keep-all;
}

.hhjc_get {
  color: #d9c294;
}

.hhjc_task_text {
  width: 4.3rem;
  position: relative;
  padding-left: .4rem;
}

.hhjc_task_text::before {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_ico.png) no-repeat;
  background-size: 100% 100%;
  width: .26rem;
  height: .26rem;
  left: 0;
  top: .15rem;
}

.hhjc_get {
  width: .9rem;
  font-family: "FZLTYJT";
  font-size: .36rem;
}

.hhjc_task_list li a {
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.08rem;
  height: .67rem;
  flex-shrink: 0;
  margin-left: auto;
}

.btn_gameyuyue {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn1.png);
}

.btn_bindnum {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn2.png);
}
.btn_qdyx {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn6.png);
}

.btn_gameshare {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn3.png);
}

.btn_invite {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn4.png);
}

.btn_gameyuyue.gray,
.btn_qdyx.gray,
.btn_bindnum.gray,.btn_gameshare.gray,.btn_invite.gray {
  background-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn7.png);
}

.btn_gameyuyue_lock,.btn_qdyx_lock {
  filter: grayscale(100%);
  pointer-events: none;
  cursor: default;
}
.hhjc_rule_btn {
  text-align: center;
  font-size: calc(.22 * var(--originRem));
  line-height: 1.5;
  margin-top: .46rem;
}

.hhjc_rule_btn a {
  color: #b8a173;
  border-bottom: .02rem solid currentColor;
  padding: .02rem 0;
  font-size: .4rem;
}

/* 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;
}

.share_url {
  width: 7.8rem;
  height: .42rem;
  border-radius: .2rem;
  background: #5d5d5d;
  color: #fff;
  font-size: .2rem;
  line-height: .42rem;
  text-align: center;
  padding-left: .2rem;
  box-sizing: border-box;
}

.section10_box1,.section10_box2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page10_vbox2.png) no-repeat;
  background-size: cover;
  width: 15.53rem;
  height: 11.88rem;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
.section10_box2{
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page10_vbox1.png) no-repeat;
  background-size: cover;
}
.section10_box:after{
  content: '';
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section10_icon1.png) no-repeat;
  background-size: 100% 100%;
  width: 3.27rem;
  height: 5.23rem;
  right: -3.3rem;
  top: 4rem;
}
.section10_box:before{
  content: '';
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_icon1.png) no-repeat;
  background-size: 100% 100%;
  width: 2.45rem;
  height: 2.7rem;
  left: -2.5rem;
  top: 7.5rem;
}
.btn_vid_play {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/play.png) no-repeat;
  background-size: cover;
  width: 1.84rem;
  height: 1.85rem;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  text-indent: -9999em;
}

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

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

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

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

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

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

/* .my-swiper .slide-7 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_bg.jpg) no-repeat;
  background-size: cover;
} */

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

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

/* .slide-9:before {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_icon1.png) no-repeat;
  background-size: 100% 100%;
  width: 2.45rem;
  height: 2.7rem;
  left: 1.48rem;
  top: 50%;
  margin-top: -.85rem;
}
.slide-9:after {
  content: "";
  position: absolute;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_icon2.png) no-repeat;
  background-size: 100% 100%;
  width: 2.53rem;
  height: 2.39rem;
  right: 1.2rem;
  top: 50%;
  margin-top: 0.95rem;
} */
.my-swiper .slide-9 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page10_bg.jpg) no-repeat;
  background-size: cover;
}

.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;
}

.left {
  position: absolute;
  left: 1.4rem;
  bottom: .65rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_arr1.png) no-repeat;
  background-size: 100% 100%;
  width: .62rem;
  height: .62rem;
  text-indent: -9999em;
}

.right {
  position: absolute;
  right: 1.4rem;
  bottom: .65rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_arr2.png) no-repeat;
  background-size: 100% 100%;
  width: .62rem;
  height: .62rem;
  text-indent: -9999em;
}

.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;
}

.box_cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_on.png) no-repeat;
  background-size: 100% 100%;
  width: 1.23rem;
  height: 1.23rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: none;
}

.on .box_cover {
  display: block;
}

.canvas_box {
  width: 16.88rem;
  height: 8rem;
  margin: .25rem 0 1.2rem -.25rem;
}

.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;
}

.clear_btn {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_clear.png) no-repeat;
  background-size: 100% 100%;
  width: .34rem;
  height: .34rem;
  text-indent: -9999em;
  position: absolute;
  bottom: 1.9rem;
  left: 7.4rem;
  z-index: 1;
}

.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;
}

.page5_tab .page5_tab_item:first-child {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_right_btn1.png) no-repeat;
  background-size: 100% 100%;
  width: .7rem;
  height: 1.75rem;
  text-indent: -9999px;
}

.page5_tab .on.page5_tab_item:first-child {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_right_btn1_on.png) no-repeat;
  background-size: 100% 100%;
  width: 1.03rem;
  height: 2.59rem;
  text-indent: -9999px;
}

.page5_tab .page5_tab_item:nth-child(2) {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_right_btn2.png) no-repeat;
  background-size: 100% 100%;
  width: .7rem;
  height: 1.75rem;
  text-indent: -9999px;
}

.page5_tab .on.page5_tab_item:nth-child(2) {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_right_btn2_on.png) no-repeat;
  background-size: 100% 100%;
  width: 1.03rem;
  height: 2.59rem;
  text-indent: -9999px;
}

.page5_share_box {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_friend_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 17.38rem;
  height: 10.88rem;
  padding-top: .5rem;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: .45rem;
  z-index: 9;
}

.page5_scroll {
  width: 16.28rem;
  height: 9.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: .2rem;
  margin: 0 auto;
}

.page5_list_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_friend_list.png) no-repeat;
  background-size: 100% 100%;
  width: 16.28rem;
  height: 1.8rem;
  padding: 0 .2rem;
  box-sizing: border-box;
}

.page5_mine,
.page5_friend {
  display: flex;
  align-items: center;
  gap: .1rem;
  font-size: .28rem;
  font-family: "FZLTYJT";
  color: #000;
  width: 3.3rem;
}

.page5_mine_img,
.page5_friend_img {
  width: 1.06rem;
  height: 1.06rem;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background-color: #9ba7ff;
  border: .03rem solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  img {
    width: .92rem;
    border-radius: 50%;
    object-fit: cover;
  }
}

.page5_friend_img {
  overflow: visible;
}

.page5_mine_img::before,
.page5_friend_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: .03rem solid #ffc63e;
}

.page5_friend_ico {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_head_ico.png) no-repeat;
  background-size: 100% 100%;
  width: .86rem;
  height: .61rem;
  position: absolute;
  top: -.3rem;
  left: -.2rem;
  z-index: 1;
}

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

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

.page5_friend_btn_1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_btn3.png) no-repeat;
  background-size: 100% 100%;
  width: 1.95rem;
  height: .62rem;
  text-indent: -9999px;
  display: block;
}

.page5_friend_btn_2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page5_btn4.png) no-repeat;
  background-size: 100% 100%;
  width: 1.95rem;
  height: .62rem;
  text-indent: -9999px;
  display: none;
}

.on .page5_friend_btn_1 {
  display: none;
}

.on .page5_friend_btn_2 {
  display: block;
}

.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/lkwgsj20260323/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/lkwgsj20260323/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/lkwgsj20260323/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/lkwgsj20260323/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/lkwgsj20260323/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/lkwgsj20260323/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/lkwgsj20260323/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/lkwgsj20260323/images/index_pop.png) no-repeat;
  background-size: 100% 100%;
}
.pop6{
  width: 8.04rem;
  background-color: #f4eee0;
  border-radius: .1rem;
  padding: .2rem 0;
}
.pop1_box img {
  width: 100%;
  height: 100%;
}
.host .pop1_box img{
  width: 8.69rem;
  height: 4.12rem;
}
.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,
.pop_notget .right_close_btn  {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/index_pop_close.png) no-repeat;
  background-size: 100% 100%;
  width: .41rem;
  height: .41rem;
  position: absolute;
  top: 0;
  right: -.61rem;
  z-index: 9999;
}
.pop_lottery .right_close_btn{
  top: 1.8rem;
}
.pop_title1,
.pop_title2,
.pop_title3,
.pop_title4,
.pop_title5 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_pop4_title.png) no-repeat;
  background-size: 100% 100%;
  width: 9.84rem;
  height: 1.1rem;
  margin: 0 auto;
}

.pop_title2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_pop5_title.png) no-repeat;
  background-size: 100% 100%;
}

.pop_title3 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_pop3_title.png) no-repeat;
  background-size: 100% 100%;
  width: 7.27rem;
  height: 1.04rem;
}
.pop_title4 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page1_pop2_title.png) no-repeat;
  background-size: 100% 100%;
  width: 7.27rem;
  height: 1.04rem;
}
.pop_title5 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/page3_pop_tit1.png) no-repeat;
  background-size: 100% 100%;
  width: 7.23rem;
  height: 1.03rem;
}
.pop2 .pop1_box {
  width: 10.6rem;
  padding: .1rem 0 .3rem 0;
  border-radius: .1rem;
  background-color: #f4eee0;
}

.pop_rule_box {
  width: 10.6rem;
  margin: 0 auto;
}
.pop6 .pop_rule_box{
  width: 8.04rem;
}
.pop2_imgbox_wrap {
  padding-top: .4rem;
}

.pop2_content_imgbox {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/pop_item_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 1.76rem;
  height: 1.77rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.pop3_content_imgbox {
  width: 1.76rem;
  height: 1.77rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.pop2_content_imgbox img,.pop3_content_imgbox img {
  width: 95%;
  height: auto;
}

.pop2_imgbox_wrap .pop2_content_imgbox_text {
  font-size: .28rem;
  line-height: .4rem;
  margin: .2rem auto;
}
.pop3_content_imgbox_text{
  font-size: .24rem;
  width: 6.6rem;
  line-height: .4rem;
  margin: .2rem auto;
  font-family: "FZLTYJT";
}
.pop6 .pop2_content_imgbox_text,.pop6 .item_content_tips{
  text-align: center;
  font-size: calc(.18 * var(--originRem));
}
.pop3_item_content_tips{
  font-size: .18rem;
  color: #eb7f0c;
  margin: .2rem auto;
  text-align: center;
  font-family: "FZLTYJT";
}
.pop_rule_box .btn_qd {
  display: block;
  margin: 0 auto;
}

.pop2 .item_content {
  height: auto;
  padding-bottom: .2rem;
}

.item_content_tips {
  font-size: .14rem;
  padding: .1rem 0;
}

.item_content_tips span {
  color: #eb7f0c;
}
.text-warn {
  color: #eb7f0c;
}
.inpbox {
  width: 6.5rem;
  margin: .3rem auto 0;
  height: .85rem;
  position: relative;
}

.inpbox input {
  width: 100%;
  height: .85rem;
  line-height: .85rem;
  border: .02rem solid #929086;
  border-radius: .1rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  font-size: .2rem;
}

.btn_getcode {
  font-family: "FZLTYJT";
  font-size: .32rem;
  color: #000;
  border-left: .02rem solid #929086;
  padding: 0 0 0 .3rem;
  position: absolute;
  right: .3rem;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 1.96rem;
  height: .5rem;
  line-height: .5rem;
  box-sizing: border-box;
}

.bind_tips {
  width: 6.5rem;
  font-size: .20rem;
  color: #929086;
  margin: .2rem auto 0;
  text-align: left;
  line-height: .3rem;
}

.btn_tybbd {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/section5_btn5.png) no-repeat;
  background-size: 100% 100%;
  width: 2.82rem;
  height: .74rem;
  text-indent: -9999px;
  display: block;
  margin: .3rem auto;
}
/******我的奖励弹窗样式******/
.pop3{
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/jl_pop_bg.png) 50% 50% / 100% 100% no-repeat;
  width: 8.82rem;
  height: 10.2rem;
  position: absolute;
  z-index: 9999;
  background-size: 100% 100%;
}
.pop4{
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/hl_pop_bg.png) 50% 50% / 100% 100% no-repeat;
  width: 8.82rem;
  height: 9.7rem;
  position: absolute;
  z-index: 9999;
  background-size: 100% 100%;
}
.pop-reward-list {
  margin-top: 0.1rem;
  font-family: 'FZLTYJT' !important;
}

.pop-reward-list ul {
  flex-wrap: wrap;
}

.pop-reward-list li {
  width: 7.93rem;
  height: 1.09rem;
  font-size: 0.2rem;
  color: #272727;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/reward-item-bj.png) 50% 50% / 100% 100% no-repeat;
  margin: 0.03rem auto;
}

.pop-reward-list .reward-box {
  width: 2.2rem;
}

.pop-reward-list .img-box {
  width: 0.73rem;
  height: 0.73rem;
}

.pop-reward-list .img-box img {
  width: 130%;
  display: block;
}

.pop-reward-list .name {
  width: 100%;
  text-align: center;
  line-height: 1.2;
  margin-top: -0.05rem;
}

.pop-reward-list .txt {
  border-left: 0.05rem solid #a49374;
  border-right: 0.05rem solid #a49374;
  text-align: center;
  box-sizing: border-box;
  padding: 0 .1rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-family: 'FZLTYJT' !important;
}
.reward-tips{
  text-align: center;
  font-size: 0.2rem;
  color: #3d3d3d;
  margin-top: .4rem;
  font-family: 'FZLTYJT' !important;
  line-height: 1.5;
}
.reward-tips span{
  color: #eb7f0c;
}
.reward-wxts{
  width: 7.93rem;
  margin: .2rem auto 0;
  line-height: 1.2;
}
.reward-wxts span{
  display: block;
  font-family: 'FZLTYJT' !important;
  font-size: 0.2rem;
  color: #3d3d3d;
}
.reward-wxts span.reward-wxts-title{
  color: #eb7f0c;
}
.pop-reward-btn {
  display: block;
  margin: 0 auto;
  width: 1.36rem;
  height: 0.44rem;
  text-align: center;
  line-height: 0.48rem;
  font-size: 0.22rem;
  color: #292828;
  font-family: 'MIANFEIZITI' !important;
  background-color: #ffc65f;
  border-radius: 0.22rem;
}

.pop-reward-btn.gray {
  color: #f4eee1;
  background-color: #62605e;
}

.pop-reward-tips {
  text-align: center;
  line-height: 1.4;
  font-size: 0.20rem;
  color: #3d3d3d;
  margin-top: 0.2rem;
}

.pop-reward-tips span {
  color: #eb7f0c;
}
.pop-tit3{
  height: 1rem;
  text-indent: -9999em;
}
.pop_rule_title,.pop_rule_text{
  width: 7.68rem;
  margin: 0 auto;
  font-size: .24rem;
  color: #3d3d3d;
  font-family: 'FZLTYJT' !important;
}
.pop_rule_title{
  margin: .2rem auto 0;
}
.pop_rule_text span{
  color: #eb7f0c;
}
.pop4 .pop-reward-list{
  height: 7.5rem;
  overflow-y: scroll;
}

.task-table{
  width: 7.68rem;
  text-align: center;
  border-collapse: collapse;
  margin: 0 auto;
}
.task-table th {
  padding: .03rem .02rem;
  outline: .01rem solid #ce8a6b;
  outline-offset: -.01rem;
  background-clip: padding-box;
  color: #fff;
  background-color: #e3a22a;
}
.task-table td {
  font-weight: 400;
  text-align: center;
  color: #000;
  line-height: .44rem;
  border: .01rem solid #ce8a6b;
}
.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';
}
.pop5,.pop5 .pop1_box,#container,#video-box{
  width: 13.6rem;
  height: 7.63rem;
}
.rule_list {
  width: 9.8rem;
  margin: 0 auto;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  height: 8rem;
  overflow-y: scroll;
  padding-top: .2rem;
}
.rule_list dd {
  color: #272727;
  font-size: calc(.24 * var(--originRem));
  line-height: 1.5;
}
.rule_list dt {
  margin-top: .2rem;
  font-size: calc(.24 * var(--originRem));
}
.rule_list .bdtxt{
  font-weight: bold;
  margin-top: .2rem;
}
#pop5 .rule_list .bdtxt{
  font-weight: bold;
  margin: .2rem 0;
}
.gift_list {
  width: 100%;
  margin: .1rem 0;
}
#pop5 .gift_list{
  margin: .2rem 0;
}
table.gift_list  {
  border-collapse: collapse;
  border-spacing: 0;
}
.gift_list thead th:nth-child(1) {
  width: 3.6rem;
}
.gift_list thead th {
  border: 1px solid currentcolor;
  text-align: center;
  height: .6rem;
  font-weight: bold;
}
.gift_list tbody td {
  border: 1px solid currentcolor;
  text-align: center;
  padding: .1rem .15rem;
}
.pop_lottery .pop_content {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/pop_reward.png) no-repeat;
  background-size: 100% 100%;
  width: 5.92rem;
  height: 9.88rem;
  padding-top: 2.48rem;
}
.get_mrzg_pic {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/gift_bg1.png) no-repeat;
  background-size: 100% 100%;
  width: 4.31rem;
  height: 4.31rem;
  margin: 0 auto;
  position: relative;
}
.mrgz_name {
  color: #2a2b2f;
  font-size: .3rem;
  text-align: center;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.9rem;
  padding: 0 .3rem;
  margin-top: .2rem;
}
.btn_address {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/btn_adress.png) no-repeat;
  background-size: 100% 100%;
  width: 3.46rem;
  height: .72rem;
  margin: 0 auto;
}
.btn_ok {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/pop_btn_ok.png) no-repeat;
  background-size: 100% 100%;
  width: 3.46rem;
  height: .72rem;
  margin: 0.08rem auto 0;
}
.address_tips {
  color: #7f7a77;
  font-size: .22rem;
  line-height: .3rem;
  text-align: center;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  padding-top: .22rem;
}
.get_mrzg_pic img {
  display: block;
  max-width: 75%;
  max-height: 75%;
  object-fit: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pop_address .pop_content {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/cj_pop1.png) no-repeat;
  background-size: 100% 100%;
  width: 6.13rem;
  height: 7.08rem;
}
.address_list {
  padding: 2.48rem .35rem 0;
}
.address_list li {
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: .38rem;
  align-items: center;
}
.address_list li:first-child {
  align-items: flex-start;
}
.address_list textarea {
  display: block;
  width: 4.3rem;
  height: .9rem;
  background: #b6b1a8;
  border: none;
  border-radius: .25rem;
  padding: 0.08rem .2rem;
  color: #474646;
  font-size: .22rem;
}
.address_list p {
  color: #2a2b2f;
  font-size: .26rem;
  padding-top: .04rem;
}
.address_list input {
  display: block;
  width: 4.3rem;
  height: .46rem;
  background: #b6b1a8;
  border: none;
  border-radius: .25rem;
  padding: 0 .2rem;
  color: #474646;
  font-size: .22rem;
}
.btn_submit {
  display: block;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/pop_btn_qd.png) no-repeat;
  background-size: 100% 100%;
  width: 3.46rem;
  height: .72rem;
  margin: 0.48rem auto 0;
}
.pop_notget .pop_content {
    background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/pop_mrgz_not.png) no-repeat;
    background-size: 100% 100%;
    width: 5.92rem;
    height: 6.35rem;
}
#video-box{
    width: 13.6rem;
    height: 7.63rem;
}
.item_content_imgbox_text {
  visibility: hidden;
}
.item_content_1 {
  width: 2.65rem;
  background: url(https://wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/item_content_1_1.png) no-repeat;
  background-size: 100% 100%;
}
.item_content_2 {
  margin-top: .3rem;
  width: 2.65rem;
  height: 2.39rem !important;
  background: url(https://wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20260323/images/item_content_2.png) no-repeat;
  background-size: 100% 100%;
}
.is-end {
  filter: grayscale(1) !important;
}