/* ---------- 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;
}  *,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}

html {
  width: 100%;
  background: #1f1f1f;
  overflow-x: hidden;
}

body {
  width: 100%;
  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-family: "FZLTYJT" !important;
  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;
}

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

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

.scale-node:active {
  transform: scale(.97);
  transition: all .3s cubic-bezier(0.10, 0.00, 0.23, 1.00);
}

.body-fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.wrap{
  width: 25.6rem;
  height: 64.2rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/bg.jpg) top center no-repeat;
  background-size: 25.6rem;
  margin: 0 auto;
}

.page-container {
  width: 100%;
  height: 100%;
  color: #1e1e1e;
  user-select: none;
  position: absolute;
  overflow: hidden;
  z-index: 5;
}
.svg-canvas {
  width: 100%;
  height: 100%;
  color: #1e1e1e;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 35;
  user-select: none;
  pointer-events: none;
}

.page-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.page-slide {
  width: 100%;
  height: 100%;
  color: white;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
}

.page-slide img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edgess;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: nearest-neighbor;
}

.opacity-0 {
  opacity: 0;
}
.opacity-20 {
  opacity: .2 !important;
}

.text-underline {
  text-decoration: underline;
}

img {
  display: block;
  object-fit: cover;
  object-position: center top;
}
.no-anim {
  -webkit-transform: none !important;
  transform: none !important;
  opacity: 1 !important;
}

@font-face {
  font-family: "swiss";
  src: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/font-origin/Swiss911BTCompressed.otf);
}
@font-face {
  font-family: "swiss-ultra";
  src: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/font-origin/Swiss911BTUltraCompressed.otf);
}
@font-face {
  font-family: "FZLTYJT";
  src: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/font-origin/FZLTYJT.ttf);
}
@font-face {
  font-family: "FZCCHJT";
  src: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/font-origin/FZCCHJT.ttf);
}
@font-face {
  font-family: "MIANFEIZITI";
  src: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/font-origin/MIANFEIZITI.ttf);
}
@font-face {
  font-family: "RUNEREGULAR";
  src: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/font-origin/RUNEREGULAR.ttf);
}
@font-face {
  font-family: "SSMOFANGTI";
  src: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/font-origin/SSMOFANGTI.TTF);
}

.font-swiss {
  font-family: "swiss" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.font-swiss-ultra {
  font-family: "swiss-ultra" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.font-fzltyjt {
  font-family: "FZLTYJT" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.font-fzcchjt {
  font-family: "FZCCHJT" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.font-mainfeiziti {
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.font-runeregular {
  font-family: "RUNEREGULAR" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.font-ssmofangti {
  font-family: "SSMOFANGTI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}


/* section-nav */
.section-nav{
  width: 2.48rem;
  height: 6.06rem;
  position: fixed;
  top: 50%;
  margin-top: -3.03rem;
  right: 0.84rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/section-nav.png) no-repeat;
  background-size: 100%;
  z-index: 99;
  padding-top: 1.2rem;
}
.section-nav .btn-nav{
  display: block;
  width: 100%;
  font-size: 0.3rem;
  color: #fff0cf;
  line-height: 1;
  margin-bottom: 0.44rem;
  text-align: center;
  position: relative;
}
.section-nav .btn-nav span{
  position: relative;
}
.section-nav .btn-nav span i{
  display: inline-block;
  width: 100%;
  height: 0.03rem;
  position: absolute;
  bottom: -0.06rem;
  left: 0;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/nav-line.png) top right no-repeat;
  background-size: 2.6rem;
  opacity: 0.4;
  pointer-events: none;
}
.section-nav .btn-nav.on{
  color: #ffffff;
}
.section-nav .btn-nav:hover{
  color: #ffffff;
}
.section-nav .btn-nav.on span::before{
  content: '';
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/nav-star.png) no-repeat;
  background-size: 0.99rem;
  background-position: 0 0;
  position: absolute;
  top: 0.1rem;
  left: -0.2rem;
}
.section-nav .btn-nav.on span::after{
  content: '';
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/nav-star.png) no-repeat;
  background-size: 0.99rem;
  background-position: -0.84rem 0;
  position: absolute;
  top: 0.1rem;
  right: -0.2rem;
}
.section-nav .btn-nav.on span i{
  opacity: 1;
  width: 110%;
  left: -5%;
}

.section-nav .btn-nav:hover span::before{
  content: '';
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/nav-star.png) no-repeat;
  background-size: 0.99rem;
  background-position: 0 0;
  position: absolute;
  top: 0.1rem;
  left: -0.2rem;
}
.section-nav .btn-nav:hover span::after{
  content: '';
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/nav-star.png) no-repeat;
  background-size: 0.99rem;
  background-position: -0.84rem 0;
  position: absolute;
  top: 0.1rem;
  right: -0.2rem;
}
.section-nav .btn-nav:hover span i{
  opacity: 1;
  width: 110%;
  left: -5%;
}

.btn-toggle{
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 0.08rem;
  left: 50%;
  margin-left: -0.4rem;
}
.btn-back-top{
  display: block;
  width: 1.2rem;
  height: 1.1rem;
  position: absolute;
  bottom: 0.07rem;
  left: 50%;
  margin-left: -0.6rem;
}

.section-nav.open{
  width: 0.76rem;
  height: 0.78rem;
  overflow: hidden;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/section-nav-open.png) no-repeat;
  background-size: 100%;
}
.section-nav.open a.btn-toggle{
  display: block;
  width: 0.76rem;
  height: 0.78rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.38rem;
}
.section-nav.open a{
  display: none;
}

/* section */
.section{
  width: 100%;
  position: relative;
}
.section1{
  height: 14rem;
}
.top-logo{
  width: 4.6rem;
  height: 0.86rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/top-logo.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.4rem;
  left: 0.69rem;
  z-index: 2;
  padding: 0.16rem 0;
}
.roco-logo{
  display: block;
  width: 2rem;
  height: 100%;
}
.login-box{
  width: 100%;
  padding: 0.6rem 0.9rem 0 6.2rem;
  text-align: right;
  font-size: 0.26rem;
  color: #f5efdf;
  line-height: 0.34rem;
}
.login-box a{
  color: #f9c150;
}
.slogan{
  width: 8.59rem;
  height: 3.28rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/slogan.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 4.18rem;
  left: 1.48rem;
}
.subscribe-button{
  width: 8.59rem;
  height: 1.1rem;
  position: absolute;
  top: 7.68rem;
  left: 1.48rem;
  display: flex;
  justify-content: flex-start;
  padding-left: 0.35rem;
}
.btn-subscribe{
  display: block;
  width: 4.02rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-subscribe.png) no-repeat;
  background-size: 100%;
  margin-right: 0.26rem;
  transform: scale(1)
}
.btn-subscribe:active {
  transform: scale(.9) !important;
}
.btn-subscribe:hover {
  transform: scale(1.05) !important;
}
.btn-sign-up{
  display: block;
  width: 3.49rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-sign-up.png) no-repeat;
  background-size: 100%;
}

.section2{
  padding-top: 0.5rem;
  height: 14rem;
}
.btitle1{
  width: 12.24rem;
  height: 1.54rem;
  margin: 0 auto 0.3rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btitle1.png) no-repeat;
  background-size: 100%;
}
.welfare-elf{
  width: 12.03rem;
  height: 7.72rem;
  margin: 0 auto 0.24rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/welfare-elf.png) no-repeat;
  background-size: 100%;
}
.welfare-text{
  width: 20rem;
  margin: 0 auto 0.47rem;
  font-size: 0.36rem;
  line-height: 0.58rem;
  color: #4f4024;
  text-align: center;
}
.welfare-text span{
  color: #fc9f11;
}
.welfare-subscribe-button{
  width: 4.56rem;
  margin: 0 auto;
}
.welfare-subscribe-button a{
  display: block;
}

.section3{
  height: 13.2rem;
  z-index: 4;
}
#page2{
  width: 25.6rem;
  height: 13.2rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.8rem;
  overflow: visible;
}

.section4{
  height: 11.1rem;
  z-index: 6;
}
.section4-line1{
  width: 25.6rem;
  height: 2.47rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/section4-line1.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1.24rem;
  left: 50%;
  margin-left: -12.8rem;
  z-index: 55;
}
.section4-line2{
  width: 25.6rem;
  height: 2.49rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/section4-line2.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -2.3rem;
  left: 50%;
  margin-left: -12.8rem;
  z-index: 55;
}

#page3{
  width: 25.6rem;
  height: 13.46rem;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/elf-mask.png);
  -webkit-mask-size: cover;
  background-color: #000;
  position: absolute;
  top: -0.55rem;
  left: 50%;
  margin-left: -12.8rem;
}

.section5{
  height: 12rem;
}
.playing-video{
  width: 25.6rem;
  height: 12rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/playing-video.png) no-repeat;
  background-size: 100%;
  position: relative;
}
.playing-video video{
  width: 25.6rem;
  height: 14.4rem;
  position: absolute;
  top: -1.3rem;
  left: 50%;
  margin-left: -12.8rem;
}
.btn-playing-video{
  display: block;
  width: 25.6rem;
  height: 11.8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

button{
  position: relative;
  z-index: 44;
}

/* pop */
.pop-mask-bg{
  display: none;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 888;
}

.pop{
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
}
.pop input{
  display: block;
  background: none;
  font-size: 0.28rem;
  color: #929086;
  padding: 0 0.3rem;
}


/* ----------------- main --------------- */
.page-1-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  pointer-events: none;
}
.page-1-star-0 {
  width: 1.589rem;
  height: 1.574rem;
  /* background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/star-0.png) 50% 50% / contain no-repeat; */
  position: absolute;
  bottom: 3.9rem;
  right: 1.26rem;
  z-index: 111;
  pointer-events: none;
  transform: scale(0);
}
.page-1-star-1 {
  width: 1.589rem;
  height: 1.574rem;
  /* background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/star-1.png) 50% 50% / contain no-repeat; */
  position: absolute;
  bottom: 3.9rem;
  right: 1.26rem;
  z-index: 112;
  pointer-events: none;
  transform: scale(0);
}
.page-1-star-s-0 {
  width: .33rem;
  height: .34rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/footer/star-2.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 4.8rem;
  right: 1.9rem;
  z-index: 115;
  pointer-events: none;
}
.page-1-star-s-1 {
  width: .4rem;
  height: .4rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/footer/star-1.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 4.8rem;
  right: 1.9rem;
  z-index: 116;
  pointer-events: none;
}
.page-1-star-s-2 {
  width: .33rem;
  height: .34rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/footer/star-2.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 4.8rem;
  right: 1.9rem;
  z-index: 117;
  pointer-events: none;
}
.page-1-num-title {
  font-size: .4rem;
  color: #b4aea1;
  position: absolute;
  bottom: 7.44rem;
  right: .8rem;
  transform: scale(0);
}
.page-1-num-wrapper {
  width: auto;
  height: 1.51rem;
  line-height: 1.51rem;
  font-size: 2.14rem;
  color: #f9f6ef;
  position: absolute;
  bottom: 5.7rem;
  right: .8rem;
  font-family: "SSMOFANGTI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.mt-number-animate{ 
  height: 1.51rem;
  overflow: hidden; 
  display: inline-block; 
  position: relative;
}
.mt-number-animate .mt-number-animate-dot { 
  width: .41rem;/*设置分割符宽度*/ 
  height: 1.51rem;
  float: left; 
  text-align: left;
  /* transform: translateX(-.1rem); */
  font-size: 1.2rem;
  line-height: 1.8rem;
  /* text-shadow: 0 0 .05rem rgba(0, 0, 0, .3); */
  /* -webkit-text-stroke: 1px rgba(0, 0, 0, .3); */
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/dot.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom { 
  width: 1.15rem; /*设置单个数字宽度*/ 
  text-align: left; 
  float: left; 
  position: relative; 
  top: 0;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span { 
  width: 1.26rem; 
  height: 1.51rem;
  float: left;
  /* text-shadow: 0 0 .05rem rgba(0, 0, 0, .3); */
  /* -webkit-text-stroke: 1px rgba(0, 0, 0, .3); */
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="0"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/0.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="1"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/1.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="2"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/2.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="3"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/3.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="4"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/4.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="5"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/5.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="6"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/6.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="7"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/7.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="8"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/8.png) 50% 50% / contain no-repeat;
}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span[data-num="9"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/9.png) 50% 50% / contain no-repeat;
}

/* .page-1-btn-wrapper {
  position: absolute;
  bottom: 4.13rem;
  right: .8rem;
} */
.page-1-btn-booking {
  width: 4.02rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-booking.png) 50% 0 / contain no-repeat;
  cursor: pointer;
  transform: scale(1);
  /* transform: scale(0); */
}
.page-1-btn-booking:active {
  transform: scale(.9) !important;
}
.page-1-btn-booking:hover {
  transform: scale(1.05) !important;
}

.page-1-btn-booking::before {
  content: "";
  width: .33rem;
  height: .33rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-star.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .24rem;
  left: .6rem;
  animation: page-1-btn-booking-star-rotate-frame 9s linear infinite forwards;
}
@keyframes page-1-btn-booking-star-rotate-frame {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-1-btn-had-booking {
  display: block;
  width: 4.02rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-had-booking.png) 50% 50% / contain no-repeat;
  margin-right: .2rem;
  position: relative;
}

.page-1-btn-register {
  width: 3.49rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-register1.png) 50% 50% / contain no-repeat;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
  margin-left: .26rem;
}
.page-1-btn-register:active {
  transform: scale(.9) !important;
}
.page-1-btn-register:hover {
  transform: scale(1.05) !important;
}
.page-1-btn-had-register {
  display: block;
  width: 3.49rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-had-register.png) 50% 50% / contain no-repeat;
  margin-left: .26rem;
}

.page-1-btn-check {
  width: 3.49rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-check.png) 50% 50% / contain no-repeat;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
  margin-left: .26rem;
}
.page-1-btn-check:active {
  transform: scale(.9) !important;
}
.page-1-btn-check:hover {
  transform: scale(1.05) !important;
}

.page-1-btn-check {
  width: 3.49rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-check.png) 50% 0 / contain no-repeat;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
  margin-left: .26rem;
}
.page-1-btn-check:active {
  transform: scale(.9) !important;
}
.page-1-btn-check:hover {
  transform: scale(1.05) !important;
}

.page-1-btn-retry {
  width: 3.49rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-retry.png) 50% 50% / contain no-repeat;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
  margin-left: .26rem;
}
.page-1-btn-retry:active {
  transform: scale(.9) !important;
}
.page-1-btn-retry:hover {
  transform: scale(1.05) !important;
}

.page-1-btn-cdkey {
  width: 3.49rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-cdkey.png) 50% 50% / contain no-repeat;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
  margin-left: .3rem;
}
.page-1-btn-cdkey:active {
  transform: scale(.9) !important;
}
.page-1-btn-cdkey:hover {
  transform: scale(1.05) !important;
}

.page-1-btn-star-1 {
  width: .21rem;
  max-width: .21rem;
  height: auto;
  position: absolute;
  top: 10.5%;
  left: 2.55%;
  user-select: none;
  pointer-events: none;
  transform-origin: center center;
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
}
.page-1-btn-star-2 {
  width: .47rem;
  max-width: .47rem;
  height: auto;
  position: absolute;
  top: -5%;
  right: 5.55%;
  z-index: 6;
  user-select: none;
  pointer-events: none;
  transform-origin: center center;
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
}
.page-1-btn-star-3 {
  width: .21rem;
  max-width: .21rem;
  height: auto;
  position: absolute;
  top: 60.5%;
  right: 5%;
  z-index: 6;
  user-select: none;
  pointer-events: none;
  transform-origin: center center;
  transform: scale(0);
  -webkit-transform: scale(0);
  opacity: 0;
}
.page-1-music-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  pointer-events: none;
}
.page-1-music-item {
  width: 4.29rem;
  height: .46rem;
  font-size: .26rem;
  text-align: center;
  position: absolute;
  left: .28rem;
  z-index: 5;
  transition: cubic-bezier(0.10, 0.00, 0.23, 1.00) .2s;
  color: #929086;
  pointer-events: visible;
  cursor: pointer;
}
.page-1-music-area .page-1-music-item:nth-child(1) {
  top: .66rem;
}
.page-1-music-area .page-1-music-item:nth-child(2) {
  top: 1.4rem;
}
.page-1-music-bg[data-active="1"] .page-1-music-item:nth-child(1),
.page-1-music-bg[data-active="2"] .page-1-music-item:nth-child(2) {
  color: #f3efe3;
}

.page-1-music-box {
  content: "";
  width: 4.29rem;
  height: .46rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/music-box.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .66rem;
  left: .28rem;
  user-select: none;
  transition: cubic-bezier(0.10, 0.00, 0.23, 1.00) .2s;
  z-index: 3;
  opacity: 0;
}
.page-1-music-bg[data-active="1"] .page-1-music-box {
  transform: translateY(0);
  opacity: 1;
}
.page-1-music-bg[data-active="2"] .page-1-music-box {
  transform: translateY(.74rem);
  opacity: 1;
}

.page-1-icon-music-1 {
  width: .62rem;
  height: .62rem;
  position: absolute;
  top: 2.05rem;
  right: .82rem;
  transform-origin: center center;
  pointer-events: visible;
  cursor: pointer;
}
.page-1-icon-music-2 {
  width: .62rem;
  height: .62rem;
  position: absolute;
  top: 2rem;
  left: .05rem;
  transform-origin: center center;
  z-index: 7;
  pointer-events: visible;
  cursor: pointer;
}
.page-1-music-area[data-music="on"] .page-1-icon-music-1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/icon-music-on.png) 50% 50% / contain no-repeat;
  /* animation: page-1-music-icon-rotate-frame 9s linear infinite forwards; */
}
.page-1-music-area[data-music="on"] .page-1-icon-music-2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/icon-music-off.png) 50% 50% / contain no-repeat;
}

.page-1-music-area[data-music="off"] .page-1-icon-music-1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/icon-music-off.png) 50% 50% / contain no-repeat;
}
.page-1-music-area[data-music="off"] .page-1-icon-music-2 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/icon-music-on.png) 50% 50% / contain no-repeat;
}
@keyframes page-1-music-icon-rotate-frame {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.page-1-music-bg {
  width: 4.84rem;
  height: 2.42rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/music-bg.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 2.06rem;
  right: 1.4rem;
  transform-origin: right .5rem;
}
.page-1-login-wrapper {
  width: 8.4rem;
  height: .28rem;
  line-height: .28rem;
  position: absolute;
  top: 1.46rem;
  right: .8rem;
  z-index: 101;
  color: #f5efdf;
  font-size: .26rem;
  transition: cubic-bezier(0.10, 0.00, 0.23, 1.00) .2s;
}
.page-1-login-wrapper a {
  color: #f5efdf;
}

.page-container[data-slide="2"] .page-1-login-wrapper,
.page-container[data-slide="2"] .page-1-login-wrapper a {
  color: #797674;
}
.page-container[data-slide="4"] .page-1-login-wrapper,
.page-container[data-slide="4"] .page-1-login-wrapper a {
  color: #797674;
}

.home-user-name {
  max-width: 4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

#page2.mask {
  -webkit-mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/mask.svg);
  mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/mask.svg);
  /* -webkit-mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/mask2.svg);
  mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/mask2.svg); */
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  mask-position: center bottom;
  -webkit-mask-position: center bottom;
}
.page-2-bg {
  width: 100%;
  height: 100%;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/bg.jpg) 50% 50% / cover no-repeat;
  opacity: 0;
}
.page-2-fg {
  width:100%;
  height: 7.47rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 80%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  pointer-events: none;
  user-select: none;
}
.page-2-duck {
  width: 7.65rem;
  height: 10.97rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/duck.png) 0 50% / contain no-repeat;
  position: absolute;
  bottom: 0.59rem;
  right: 2.99rem;
  z-index: 45;
  /* transform: translateX(11rem); */
  transform: translateX(0);
}
.page-2-tree-left {
  width: 12.63rem;
  height: 8.24rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/tree-left.png) 0 50% / contain no-repeat;
  position: absolute;
  bottom: -1.11rem;
  left: 0;
  z-index: 65;
  /* transform: translateX(-13rem); */
  transform: translateX(0);
  user-select: none;
  pointer-events: none;
}
.page-2-tree-right {
  width: 7.13rem;
  height: 6.79rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/tree-right.png) 0 50% / contain no-repeat;
  position: absolute;
  right: 0;
  bottom: -1.11rem;
  z-index: 35;
  /* transform: translateX(10rem); */
  transform: translateX(0);
}
.page-2-letter {
  width: 16.72rem;
  height: 10.21rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/letter.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 2.2rem;
  left: 1.8rem;
  z-index: 75;
  transform: translateX(-17rem);
  opacity: .5;
}
.page-2-seal {
  width: 5.74rem;
  height: 5.23rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/seal.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: .6rem;
  left: 1.96rem;
  z-index: 30;
}
#page2[data-step="5"] .page-2-seal,
#page2[data-step="6"] .page-2-seal {
  bottom: unset;
  top: 4.97rem;
  left: 8.32rem;
}
.page-2-letter-1 {
  width: 13.53rem;
  height: 9.33rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/letter-1.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 1.61rem;
  left: 1.96rem;
  z-index: 35;
  /* transform:translate(-15.4rem, 0) rotate(-6deg); */
  transform:translate(0, 0) rotate(0);
  transform-origin: left center;
}
#page2[data-step="5"] .page-2-letter-1,
#page2[data-step="6"] .page-2-letter-1 {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/letter-1-step5.png) 50% 50% / contain no-repeat;
}
.page-2-letter-2 {
  width: 15.44rem;
  height: 9.38rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/letter-2.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 1.94rem;
  left: 3.26rem;
  z-index: 33;
  /* transform: rotate(-22deg) translate(-23.6rem, -8rem); */
  transform: rotate(0) translate(0, 0);
  /* opacity: 0; */
}
.page-2-letter-3 {
  width: 12.8rem;
  height: 7.77rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/letter-3.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 1.1rem;
  left: 2.26rem;
  z-index: 31;
  /* transform:translate(-15.4rem, 0) rotate(-6deg); */
  transform:translate(0, 0) rotate(0);
  transform-origin: left center;
  /* opacity: 0; */
}
.page-2-title {
  width: 6.88rem;
  height: 1.44rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 1.52rem;
  left: 1.9rem;
}
.page-2-letter-title-wrapper {
  position: absolute;
  top: 1.56rem;
  left: 1.26rem;
  z-index: 3;
}
#page2[data-step="3"] .page-2-letter-title-wrapper,
#page2[data-step="4"] .page-2-letter-title-wrapper {
  top: 1.24rem;
}
#page2[data-step="5"] .page-2-letter-title-wrapper,
#page2[data-step="6"] .page-2-letter-title-wrapper {
  top: 1.3rem;
  left: 2.02rem;
}
.page-2-letter-title-wrapper  li {
  /* transform: scale(0); */
  transform: scale(1);
}
.page-2-title-step1 {
  width: 10.84rem;
  height: 1.29rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part/title-step1.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 1.46rem;
  left: 1.26rem;
  z-index: 2;
}
.page-2-title-step1-0 {
  width: 1.34rem;
  height: 1.29rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-0.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.page-2-title-step1-1 {
  width: 1.05rem;
  height: .98rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-1.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .18rem;
  left: 1.26rem;
}
.page-2-title-step1-2 {
  width: 1.08rem;
  height: .91rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-2.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .28rem;
  left: 2.32rem;
}
.page-2-title-step1-3 {
  width: 1.17rem;
  height: 1.02rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-3.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .18rem;
  left: 3.35rem;
}
.page-2-title-step1-4 {
  width: 1.1rem;
  height: .95rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-4.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .2rem;
  left: 4.43rem;
}
.page-2-title-step1-5 {
  width: .95rem;
  height: .92rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-5.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .2rem;
  left: 5.47rem;
}
.page-2-title-step1-6 {
  width: .94rem;
  height: .88rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-6.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .2rem;
  left: 6.4rem;
}
.page-2-title-step1-7 {
  width: .8rem;
  height: .79rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-7.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .3rem;
  left: 7.2rem;
}
.page-2-title-step1-8 {
  width: .98rem;
  height: .9rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-8.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .21rem;
  left: 7.8rem;
}
.page-2-title-step1-9 {
  width: .95rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-9.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .18rem;
  left: 8.72rem;
}
.page-2-title-step1-10 {
  width: 1.19rem;
  height: 1.1rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step1-10.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .08rem;
  left: 9.65rem;
}
.page-2-title-step5 {
  width: 9.18rem;
  height: 1.45rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 1.2rem;
  left: 2.0rem;
  z-index: 6;
  opacity: .5;
}
.page-2-title-step5-0 {
  width: 1.41rem;
  height: 1.36rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-0.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.page-2-title-step5-1 {
  width: 1.1rem;
  height: 1.04rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-1.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .16rem;
  left: 1.28rem;
}
.page-2-title-step5-2 {
  width: 1.13rem;
  height: .96rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-2.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .28rem;
  left: 2.4rem;
}
.page-2-title-step5-3 {
  width: 1.24rem;
  height: 1.08rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-3.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .14rem;
  left: 3.48rem;
}
.page-2-title-step5-4 {
  width: 1.2rem;
  height: 1.04rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-4.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .18rem;
  left: 4.64rem;
}
.page-2-title-step5-5 {
  width: 1.02rem;
  height: .94rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-5.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .26rem;
  left: 5.77rem;
}
.page-2-title-step5-6 {
  width: .97rem;
  height: .96rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-6.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .22rem;
  left: 6.7rem;
}
.page-2-title-step5-7 {
  width: 1.19rem;
  height: 1.31rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-7.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: -.1rem;
  left: 7.66rem;
}
.page-2-title-step5-8 {
  width: .23rem;
  height: .88rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/title-step5-8.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .18rem;
  left: 8.92rem;
}
.page-2-split-line {
  width: 10.65rem;
  height: .35rem;
  position: absolute;
  top: 3.19rem;
  left: 1.44rem;
  z-index: 35;
}
#page2[data-step="3"] .page-2-split-line,
#page2[data-step="5"] .page-2-split-line {
  top: 2.88rem;
}
.page-2-split-line-dot {
  width: 5.02rem;
  /* width: 0; */
  height: .07rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/split-line-dot.png) 100% 50% / 5.02rem .07rem no-repeat;
}
.page-2-split-line-dot[data-position="1"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/split-line-dot.png) 0% 50% / 5.02rem .07rem no-repeat;
}
.page-2-split-line-duck {
  width: .41rem;
  height: .35rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/split-line-duck.png) 50% 50% / contain no-repeat;
  margin: 0 .08rem;
}

.page-2-sub-title {
  line-height: .84rem;
  position: absolute;
  top: 4.03rem;
  left: 1.36rem;
  color: #4b4a49;
  font-size: .8rem;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  letter-spacing: -0.024rem;
  /* display: none; */
  z-index: 30;
}
#page2[data-step="1"] .page-2-sub-title,
#page2[data-step="2"] .page-2-sub-title {
  display: flex;
}
#page2[data-step="2"] .page-2-sub-title {
  width: 11.5rem;
  line-height: .6rem;
  font-size: .58rem;
  left: 1.2rem;
  text-indent: -.1rem;
}
.page-2-txt {
  width: 10.3rem;
  height: auto;
  font-size: .35rem;
  color: #4b4a49;
  position: absolute;
  top: 3.56rem;
  left: 1.48rem;
  display: none !important;
}

#page2[data-step="3"] .page-2-txt,
#page2[data-step="5"] .page-2-txt {
  display: flex !important;
}

.page-2-txt-step-3, 
.page-2-txt-step-5 {
  display: none;
  text-indent: .7rem;
  line-height: .6rem;
  margin-top: .26rem;
}
#page2[data-step="3"] .page-2-txt-step-3,
#page2[data-step="5"] .page-2-txt-step-5 {
  display: flex;
}

.sub-tips-text{
  width: 10rem;
  font-size: 0.22rem;
  color: #666565;
  line-height: 0.3rem;
  position: absolute;
  top: 4.9rem;
  left: 1.44rem;
}

/* #page2[data-step="1"] */
.page-2-icon-question {
  display: block;
  width: 2.05rem;
  height: .35rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/icon-question.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 7.9rem;
  left: 10rem;
  z-index: 36;
  cursor: pointer;
}

.page-2-btn-wrapper {
  position: absolute;
  top: 6.3rem;
  left: 1.34rem;
  z-index: 35;
}
#page2[data-step="1"] .page-2-btn-wrapper,
#page2[data-step="2"] .page-2-btn-wrapper {
  top: 6rem;
}
.page-2-btn-check {
  width: 4.16rem;
  height: 1.14rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-check2.png) 50% 50% / contain no-repeat;
  margin-right: .25rem;
  position: relative;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-check:active {
  transform: scale(.9) !important;
}
.page-2-btn-check:hover {
  transform: scale(1.05) !important;
}

.page-2-btn-qualification{
  width: 2.67rem;
  height: .97rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/page-2-btn-join-active.png) 50% 50% / contain no-repeat;
  margin-right: .25rem;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-qualification:active {
  transform: scale(.9) !important;
}
.page-2-btn-qualification:hover {
  transform: scale(1.05) !important;
}

.qualification-num{
  width: 8rem;
  text-align: center;
  font-size: 0.2rem;
  color: #666565;
  line-height: 1.2;
  position: absolute;
  top: 1.4rem;
  left: -0.7rem;
}

.page-2-btn-share{
  width: 3.13rem;
  height: 1.14rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-share-link1.png) 50% 50% / contain no-repeat;
  margin-right: .25rem;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-share.gray{
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-share-link-g2.png) 50% 50% / contain no-repeat;
}
.page-2-btn-share:active {
  transform: scale(.9) !important;
}
.page-2-btn-share:hover {
  transform: scale(1.05) !important;
}

.page-2-btn-recall{
  width: 3.13rem;
  height: 1.14rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/page-2-btn-recall1.png) 50% 50% / contain no-repeat;
  margin-right: .25rem;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-recall:active {
  transform: scale(.9) !important;
}
.page-2-btn-recall:hover {
  transform: scale(1.05) !important;
}

.page-2-btn-recall.gray{
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/page-2-btn-recall-g2.png) 50% 50% / contain no-repeat;
}

.page-2-btn-join-active{
  width: 2.67rem;
  height: .97rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/page-2-btn-join-active.png) 50% 50% / contain no-repeat;
  margin-right: .25rem;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-join-active:active {
  transform: scale(.9) !important;
}
.page-2-btn-join-active:hover {
  transform: scale(1.05) !important;
}
/* .page-2-btn-check::before {
  content: "";
  width: .33rem;
  height: .33rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-star.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .2rem;
  left: .56rem;
  animation: page-1-btn-booking-star-rotate-frame 9s linear infinite forwards;
} */
.page-2-btn-register {
  width: 3.66rem;
  height: .99rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-register.png) 50% 50% / contain no-repeat;
  position: relative;
  margin-right: .25rem;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-register:active {
  transform: scale(.9) !important;
}
.page-2-btn-register:hover {
  transform: scale(1.05) !important;
}
.page-2-btn-register::before {
  content: "";
  width: .33rem;
  height: .33rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/btn-star.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .2rem;
  left: .56rem;
  animation: page-1-btn-booking-star-rotate-frame 9s linear infinite forwards;
}
.page-2-btn-had-register {
  width: 3.66rem;
  height: .99rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-had-register.png) 50% 50% / contain no-repeat;
  position: relative;
  margin-right: .25rem;
}

.page-2-btn-invite {
  width: 3.17rem;
  height: .99rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/btn-invite.png) 50% 50% / contain no-repeat;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-invite:active {
  transform: scale(.9) !important;
}
.page-2-btn-invite:hover {
  transform: scale(1.05) !important;
}
.page-2-btn-retry {
  width: 3.17rem;
  height: .99rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/btn-retry.png) 50% 50% / contain no-repeat;
  /* transform: scale(0); */
  transform: scale(1);
  cursor: pointer;
}
.page-2-btn-retry:active {
  transform: scale(.9) !important;
}
.page-2-btn-retry:hover {
  transform: scale(1.05) !important;
}

.page-2-invite-bg {
  width: 5.96rem;
  height: .47rem;
  line-height: .5rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/invite-bg1.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 7.62rem;
  left: 3.86rem;
  z-index: 38;
  padding-left: 0;
  font-size: .3rem;
  color: #666565;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-2-invite-bg::before{
  content: '';
  display: block;
  width: 0.43rem;
  height: 0.3rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/invite-icon.png) 50% 50% / contain no-repeat;
  margin-right: 0.2rem;
}
.dl-tag{
  width: 2.72rem;
  height: 1.88rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/dl-tag.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 0.4rem;
  right: 0.84rem;
}

.dl-tag.end{
  width: 3.29rem;
  height: 2.28rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/dl-tag2.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 0.1rem;
  right: 0.32rem;
}


.page-2-count-down-box {
  width: 3.97rem;
  height: 2.79rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/count-down-box.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 5.5rem;
  left: 8.96rem;
  transform: rotate(-15deg);
  z-index: 50;
}
.page-2-count-down-box[data-type="2"] {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part2/count-down-box-2.png) 50% 50% / contain no-repeat;
}
.page-2-count-down-box.end-time{
  width: 4.25rem;
  height: 3.44rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/count-down-box-end.png) 50% 50% / contain no-repeat;
  transform: rotate(0);
  top: 5.24rem;
  left: 8.9rem;
}
.page-2-count-down-box-inner {
  width: 3.8rem;
  height: .4rem;
  line-height: .4rem;
  position: absolute;
  top: 1.45rem;
  left: .1rem;
  color: #e57e6e;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-size: .64rem;
  text-align: center;
  letter-spacing: -.06rem;
}
.page-2-count-down-box.end-time .page-2-count-down-box-inner{
  display: none!important;
}
.short-short-screen .page-2-count-down-box-inner {
  transform: scale(.85);
  transform-origin: left center;
  left: 1.5rem;
}
.page-2-count-down-box-inner-dot {
  width: .25rem;
  transform: translateY(-.05rem);
}

.page-3-star-0 {
  width: 1.589rem;
  height: 1.574rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/star-0.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 3.9rem;
  right: 1.26rem;
  z-index: 111;
  pointer-events: none;
  transform: scale(0);
}
.page-3-star-1 {
  width: 1.589rem;
  height: 1.574rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part1/star-1.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 3.9rem;
  right: 1.26rem;
  z-index: 112;
  pointer-events: none;
  transform: scale(0);
}
.page-3-star-s-0 {
  width: .33rem;
  height: .34rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/footer/star-2.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 4.8rem;
  right: 1.9rem;
  z-index: 115;
  pointer-events: none;
}
.page-3-star-s-1 {
  width: .4rem;
  height: .4rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/footer/star-1.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 4.8rem;
  right: 1.9rem;
  z-index: 116;
  pointer-events: none;
}
.page-3-star-s-2 {
  width: .33rem;
  height: .34rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/footer/star-2.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: 4.8rem;
  right: 1.9rem;
  z-index: 117;
  pointer-events: none;
}
.page-3-wheel-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
.page-3-wheel-layer::after {
  content: "";
  width: 100%;
  height: 2rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.page-3-sprite-swiper {
  /* width: 25.6rem;
  height: 14.4rem; */
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  /* pointer-events: none; */
}
.page-3-sprite-slide {
  /* width: 25.6rem;
  height: 14.4rem; */
  width: 100%;
  height: 100%;
  position: relative;
  color: #f3efe3;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center top;
}
.page-3-sprite-slide.mask {
  -webkit-mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/mask.svg);
  mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: .5rem .4695rem;
  mask-size: .5rem .4695rem;
  mask-position: center;
  -webkit-mask-position: center;
}
.page-3-sprite-slide.mask.active{
  transition: all 1.4s;
  mask-size: 48rem 47.664rem;
  -webkit-mask-size: 48rem 47.664rem;
  z-index: 3;
}
.page-3-sprite-slide.mask.out{
  z-index: 1!important;
}

.page-3-sprite-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(115deg, rgba(0, 0, 0, .6) 10%, rgba(0, 0, 0, 0) 55%);
  top: 0;
  left: 0;
  user-select: none;
  pointer-events: none;
  z-index: 3;
}
.page-3-sprite-slide[data-index="9"]::after {
  background: linear-gradient(115deg, rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, 0) 55%);
}
.page-3-sprite-info-box {
  position: absolute;
  top: 3.14rem;
  left: 6rem;
  z-index: 5;
}
.page-3-sprite-name {
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 1.24rem;
  color: #f3efe3;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  margin-left: -.1rem;
  transform-origin: center center;
}
.page-3-sprite-slide[data-index="0"] .page-3-sprite-name,
.page-3-sprite-slide[data-index="1"] .page-3-sprite-name,
.page-3-sprite-slide[data-index="2"] .page-3-sprite-name,
.page-3-sprite-slide[data-index="7"] .page-3-sprite-name {
  width: 5rem;
}
.page-3-sprite-slide[data-index="4"] .page-3-sprite-name,
.page-3-sprite-slide[data-index="5"] .page-3-sprite-name,
.page-3-sprite-slide[data-index="8"] .page-3-sprite-name {
  width: 3rem;
}
.page-3-sprite-slide[data-index="3"] .page-3-sprite-name,
.page-3-sprite-slide[data-index="6"] .page-3-sprite-name,
.page-3-sprite-slide[data-index="9"] .page-3-sprite-name {
  width: 4rem;
}

.page-3-sprite-sub-name {
  line-height: .36rem;
  font-size: .42rem;
  color: #f3efe3;
  font-family: "RUNEREGULAR" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  margin-top: .2rem;
}
.page-3-desc-line {
  width: 2.96rem;
  height: .03rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/desc-line.png) 50% 50% / 100% 100% no-repeat;
}

.page-3-info-box {
  width: 2.96rem;
  height: .75rem;
  font-size: .26rem;
  color: #f3efe3;
  position: relative;
}
.page-3-sprite-desc {
  width: 4rem;
  height: auto;
  font-size: .22rem;
  color: #f3efe3;
  text-align: justify;
  margin-top: .3rem;
  line-height: .36rem;
}
.page-3-sprite-desc-extra {
  width: 4rem;
  height: auto;
  font-size: .18rem;
  color: rgba(243, 239, 227, .6);
  margin-top: .36rem;
  line-height: .38rem;
  white-space: nowrap;
}
.short-screen .page-3-sprite-desc,
.short-screen .page-3-sprite-desc-extra {
  width: 4.8rem;
}
/* .page-3-info-box::after{
  content: "";
  width: 2.96rem;
  height: .03rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/desc-line.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
} */
.page-3-icon-height {
  width: .65rem;
  height: .38rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-height.png) 50% 50% / contain no-repeat;
}
.page-3-icon-weight {
  width: .65rem;
  height: .38rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-weight.png) 50% 50% / contain no-repeat;
}
.page-3-icon-type-1 {
  width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-1.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-2 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-2.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-3 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-3.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-4 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-4.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-5 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-5.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-6 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-6.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-7 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-7.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-8 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-8.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-9 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-9.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
 .page-3-icon-type-10 {
   width: .65rem;
   height: .38rem;
   background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/icon-type-10.png) 50% 50% / 100% 100% no-repeat;
   margin-right: .2rem;
 }
.page-3-sprite-scoll-wrapper {
  width: 5.05rem;
  height: 7.7rem;
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 15;
  overflow-x: hidden;
}
.page-3-sprite-scoll-wrapper .scrollbar-track.scrollbar-track-y {
  width: .1rem !important;
  display: flex !important;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/scroll-line.png) 50% 50% / 50% 100% no-repeat;
  right: .1rem;
}
.page-3-sprite-scoll-wrapper .scrollbar-thumb  {
  width: .1rem;
  border-radius: .05rem;
  overflow: hidden;
  background-color: #f4eee1;
}
.page-3-sprite-scoll-wrapper::-webkit-scrollbar {
  width: .1rem !important;
  display: flex !important;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/scroll-line.png) 50% 50% / 50% 100% no-repeat;
  right: .1rem;
}
.page-3-sprite-scoll-wrapper::-webkit-scrollbar-thumb {
  width: .1rem;
  border-radius: .05rem;
  overflow: hidden;
  background-color: #f4eee1;
}


.page-3-sprite-box {
  width: 4.52rem;
  height: 1.23rem;
  position: relative;
  font-size: .3rem;
  color: #f3efe3;
  padding-right: .16rem;
  margin: .03rem 0;
  cursor: pointer;
}
.page-3-sprite-box a.btn-sprite{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 22;
}

.page-3-sprite-box-label {
  width: 4.52rem;
  height: 1.23rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/tab-active-bg.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  position: absolute;
  bottom: 0;
  left: -100%;
}

.page-3-sprite-box.active .page-3-sprite-box-label{
  translate: none;
  rotate: none;
  scale: none;
  transform: translate(100%, 0px);
}


.page-3-sprite-header-bg {
  width: .82rem;
  height: .85rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-header-bg.png) 50% 50% / 100% 100% no-repeat;
  margin-right: .7rem;
  display: flex;
  justify-content: center;
  align-items: end;
  transform-origin: center;
  position: relative;
  z-index: 10;
}
.page-3-sprite-box span {
  width: 1.2rem;
  position: relative;
  text-align: right;
  z-index: 10;
  transition: cubic-bezier(0.10, 0.00, 0.23, 1.00) .1s;
  user-select: none;
}
.short-screen .page-3-sprite-box span {
  width: 1.5rem;
}
.page-3-sprite-box.active span {
  color: #272727;
}
.page-3-sprite-box[data-index="0"] .page-3-sprite-header {
  width: .98rem;
  height: .91rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-0.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-right: .14rem;
}
.page-3-sprite-box[data-index="1"] .page-3-sprite-header {
  width: .76rem;
  height: .75rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-1.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-right: .08rem;
}
.page-3-sprite-box[data-index="2"] .page-3-sprite-header {
  width: .88rem;
  height: .79rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-2.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-right: .05rem;
}
.page-3-sprite-box[data-index="3"] .page-3-sprite-header {
  width: .74rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-3.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-right: .08rem;
}
.page-3-sprite-box[data-index="4"] .page-3-sprite-header {
  width: .74rem;
  height: .95rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-4.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-right: .02rem;
}
.page-3-sprite-box[data-index="5"] .page-3-sprite-header {
  width: .82rem;
  height: .71rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-5.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-right: .02rem;
}
.page-3-sprite-box[data-index="6"] .page-3-sprite-header {
  width: .58rem;
  height: 1.03rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-6.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
}
.page-3-sprite-box[data-index="7"] .page-3-sprite-header {
  width: .69rem;
  height: .88rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-7.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
}
.page-3-sprite-box[data-index="8"] .page-3-sprite-header {
  width: 1.13rem;
  height: 1.05rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-8.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-right: .08rem;
  margin-bottom: .03rem;
}
.page-3-sprite-box[data-index="9"] .page-3-sprite-header {
  width: .62rem;
  height: .83rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/sprite-9.png) 50% 100% / 100% 100% no-repeat;
  display: flex;
  flex-shrink: 0;
  margin-left: .22rem;
}

.page-3-video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  object-fit: cover;
  object-position: center 65%;
}
.short-screen .page-3-sprite-slide[data-index="3"] .page-3-video {
  height: 12.88rem;
}
.short-screen .page-3-sprite-slide[data-index="8"] .page-3-video {
  height: 13.5rem;
}
.short-screen .page-3-sprite-slide[data-index="9"] .page-3-video {
  height: 12.9rem;
}
.page-3-video-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  object-fit: cover;
  object-position: center 65%;
}
.short-screen .page-3-sprite-slide[data-index="3"] .page-3-video-cover {
  height: 12.88rem;
}
.short-screen .page-3-sprite-slide[data-index="8"] .page-3-video-cover {
  height: 13.5rem;
}
.short-screen .page-3-sprite-slide[data-index="9"] .page-3-video-cover {
  height: 12.9rem;
}
.page-3-sprite-slide[data-index="0"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-0.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="1"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-1.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="2"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-2.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="3"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-3.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="4"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-4.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="5"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-5.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="6"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-6.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="7"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-7.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="8"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-8.jpg) 50% 65% / cover no-repeat;
}
.page-3-sprite-slide[data-index="9"] .page-3-video-cover {
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/cover-9.jpg) 50% 65% / cover no-repeat;
}

.page-3-sprite-name-box {
  width: auto;
  height: 1.23rem;
  line-height: 1.23rem;
  font-size: .3rem;
  color: #f3efe3;
  position: absolute;
  top: 0;
  right: .2rem;
  white-space: nowrap;
  z-index: 5;
}

.page-3-scroll-line {
  width: .06rem;
  height: 7.88rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part3/scroll-line.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: 2.35rem;
  left: 4.9rem;
}

#page4 {
  background-color: #f3f0ea;
}
#page4.mask {
  -webkit-mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/mask.svg);
  mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: .33rem .28rem;
  mask-size: .33rem .28rem;
  mask-position: center bottom;
  -webkit-mask-position: center bottom;
}
#page4::after {
  content: "";
  width: 3.25rem;
  height: 3.24rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/star-s.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 1.1rem;
  left: 7.9rem;
  z-index: 2;
  animation: page-1-btn-booking-star-rotate-frame 20s linear infinite forwards;
}
#page4::before {
  content: "";
  width: 13.12rem;
  height:  13.12rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/star-m.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 8.12rem;
  left: -4.9rem;
  z-index: 2;
  animation: page-1-btn-booking-star-rotate-frame 25s linear infinite forwards;
}
.page-4-star-l-outter {
  width: 17.72rem;
  height: 17.72rem;
  top: .7rem;
  left: 13.17rem;
  position: absolute;
  -webkit-mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/star-l-mask.png);
  mask-image: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/star-l-mask.png);
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
  -webkit-mask-size: 100%  100%, 100%  100%;
  mask-size: 100%  100%, 100%  100%;
  z-index: 3;
}
.page-4-star-l {
  width: 17.72rem;
  height: 17.72rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/star-l.png) 50% 50% / contain no-repeat;
  animation: page-1-btn-booking-star-rotate-frame 35s linear infinite forwards;
}
.page-4-main-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  transform-origin: center bottom;
}
.page-4-left-area {
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}
.page-4-right-area {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 15;
}
.page-4-cover-wrapper {
  width: 10.74rem;
  /* height: 7.21rem; */
  height: 7.84rem;
  position: absolute;
  top: 2.67rem;
  left: 1rem;
  /* transform: translateX(-50%); */
}
.page-4-cover-box {
  width: 10.74rem;
  /* height: 7.21rem; */
  height: 7.74rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/cover-box.png) 50% 50% / 100% 100% no-repeat;
  /* padding-top: 1.03rem; */
}
.page-4-cover-img {
  width: 10.74rem;
  height: 7.74rem;
  /* width: 9.8rem;
  height: 5.5rem; */
  /* border-radius: .3rem; */
  object-fit: cover;
  /* overflow: hidden; */
  position: absolute;
  top: 0;
  left: 0;
}
.page-4-cover-title {
  width: 8.8rem;
  height: .46rem;
  line-height: .46rem;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
  text-align: center;
  font-size: .42rem;
  color: #383838;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  margin-top: 6.76rem;
}
.part-4-cover-arrow-right {
  width: .24rem;
  height: .25rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/arrow-right.png) 50% 50% / cover no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30;
  cursor: pointer;
}
.part-4-cover-arrow-left {
  width: .24rem;
  height: .25rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/arrow-left.png) 50% 50% / cover no-repeat;
  position: absolute;
  top: 0;
  left: .25rem;
  z-index: 30;
  cursor: pointer;
}
.part-4-swiper-bottom {
  width: 10.74rem;
  position: absolute;
  top: 10.7rem;
  left: .8rem;
  z-index: 11;
}
.part-4-cover-pagination {
  width: 9.77rem;
  height: .25rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
}
.part-4-cover-pagination .swiper-pagination-bullet {
  width: .15rem;
  height: .15rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: #adaca5;
  opacity: 1;
  margin: 0 .06rem;
}
.part-4-cover-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f5c44d;
}

.page-4-new-line {
  width: 11.86rem;
  height: .03rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/new-line.png) 50% 50% / 100% 100% no-repeat;
}
.page-4-news-wrapper {
  width: 11.86rem;
  position: absolute;
  top: 3.3rem;
  right: 1.05rem;
  z-index: 16;
}
.page-4-news-wrapper::after {
  content: "";
  width: 100%;
  height: .08rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #61605e;
}
.page-4-news-header {
  width: 11.86rem;
  height: .62rem;
  color: #929086;
}
.page-4-news-header a {
  color: #929086;
}
.page-4-icon-title {
  width: .41rem;
  height: .36rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/icon-title.png) 50% 50% / 100% 100% no-repeat;
}
.page-4-news-box {
  width: inherit;
  height: 1.6rem;
  position: relative;
}
.page-4-news-box::after {
  content: "";
  width: 11.86rem;
  height: .03rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/new-line.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  user-select: none;
  pointer-events: none;
}
/* .page-4-top-new .page-4-news-box:nth-child(1)::after {
  opacity: .2;
  height: .02rem;
} */
.page-4-news-box::before {
  content: "";
  width: 1.48rem;
  height: 1.26rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/icon-rocket.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: .15rem;
  right: 0;
  user-select: none;
  pointer-events: none;
}
.page-4-news-title {
  width: 9.5rem;
  height: .44rem;
  line-height: .44rem;
  color: #3d3d3d;
  font-size: .44rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: cubic-bezier(0.10, 0.00, 0.23, 1.00) .1s;
}
.page-4-news-title-dot {
  width: .25rem;
}
.page-4-news-title:hover {
  color: #f9c150;
}
.page-4-icon-top-new  {
  width: .47rem;
  height: .38rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/part4/icon-top.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: .14rem;
  right: 0;
  user-select: none;
  pointer-events: none;
  z-index: 10;
}
.page-4-news-date {
  color: #62605e;
  font-size: .32rem;
  position: relative;
}
.page-4-btn-more {
  position: absolute;
  top: 3.08rem;
  color: #a5a197;
  font-size: .34rem;
  right: 1.05rem;
}

.footer-slide {
  width: 100%;
  height: 4.46rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/foot-bg.png) 50% 50% / cover no-repeat;
  position: relative;
  pointer-events: visible;
  background-color: #1e1e1e;
  position: absolute;
  bottom: -4.46rem;
  left: 0;
  z-index: 9;
}
.footer{
  width: 15rem;
  height: auto;
  text-align: center;
  color: #4c4c4c !important;
  transition: 0s all;
  position: absolute;
  top: 0;
  left: 53%;
  transform-origin: center;
  transform: translateX(-50%);
}

.foot {
  margin-top: 1rem !important;
  background: transparent !important;
}

.footer a, .footer p, .footer li {
  color: #4c4c4c !important;
}

.foot_cpright {
  padding: 0 !important;
}

.footer .copyright_zh, .footer .copyright_public,.footer .copyright_private {
  margin-top: .5vw;
}

.foot_left {
  overflow: visible !important;
}
.foot_left.logo1 {
  width: 1.52rem;
  height: .9rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/icon-morefun.png) 50% 50% no-repeat;
  background-size: contain;
  margin-top: 0 !important;
  margin-left: .6rem !important;
  overflow: visible;
}

.foot_ieg_logo {
  float: left !important;
  width: 1.96rem !important;
  height: .6rem !important;
  /* text-indent: -999em !important; */
  overflow: hidden;
  /* margin: 0 0 0 .52vw !important; */
  margin-left: .2rem !important;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/icon-tencent.png) 50% 50% / contain no-repeat !important;
  /* transform: translateY(-.5vw); */
}

#gfooter .foot_tips {
  clear: both;
  text-indent: 0;
  width: 5rem;
  /* width: 21vw;
  height: 4.16vw;
  line-height: 1vw;
  margin-top: 1vw; */
}

#gfooter .foot_links {
  margin-top: .2rem !important;
}

#afooter {
  padding:30px 0;
  text-align:center;
  font-size:12px;
  line-height:20px;
  background-color:#000;
  color:#c0c0c0;
}
#afooter a,#afooter a:hover {
  color:#c0c0c0;
  text-decoration:none;
}

/* ---------- modal -------------- */
.modal-page {
  width: 100vw;
  height: calc(var(--vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10099;
}
.modal-page-bg {
  width: 100vw;
  height: calc(var(--vh) * 100);
  background: rgba(0, 0, 0, .6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.modal-btn-close {
  /* width: .8rem;
  height: .82rem; */
  width: .6rem;
  height: .62rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/icon-close.png) 50% 50% / contain no-repeat;
  user-select: none;
  position: absolute;
  top: -0.5rem;
  right: -0.68rem;
  cursor: pointer;
  transition: cubic-bezier(0.10, 0.00, 0.23, 1.00) .2s;
}
.modal-bg {
  /* width: 9.9rem; */
  width: 7.44rem;
  background-color: #f4eee1;
  border-radius: .1rem;
  overflow: hidden;
}

#callModal .modal-bg{
  width: 11.35rem;
  height: 8.96rem;
}

#callModal .modal-content{
  width: 10.8rem;
  box-sizing: border-box;
  padding-right: 0.34rem;
  height: 6.8rem;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  left: 0.1rem;
  margin-bottom: 0;
}
#callModal .modal-content::-webkit-scrollbar {
  width: 4px;
  background-color: #f8d8af;
}
#callModal .modal-content::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background-color: #f7bf46
}


#callModal .rules-image img{
  display: block;
  width: 100%;
}

#callModal .modal-title{
  width: 10.71rem;
  height: 1.04rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/title-bg2.png) 50% 50% / contain no-repeat;
}

.modal-content {
  width: 85%;
  height: auto;
  color: #272727;
  font-size: .3rem;
  margin-bottom: .5rem;
  cursor: default;
}

.modal-icon-qq {
  width: 2.51rem;
  height: 3.07rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/icon-qq.png) 50% 50% / contain no-repeat;
  user-select: none;
  cursor: pointer;
}
.modal-icon-wechat {
  width: 2.51rem;
  height: 3.07rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/icon-wechat.png) 50% 50% / contain no-repeat;
  user-select: none;
  cursor: pointer;
}
.modal-qrcode-box {
  width: 3rem;
  height: 3rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/qrcode-box.png) 50% 50% / contain no-repeat;
  user-select: none;
}
.modal-qrcode {
  width: 90%;
  max-width: 90%;
  height: auto;
}
.modal-title {
  width: 6.46rem;
  height: 1.03rem;
  padding-top: 0.32rem;
  line-height: 1.2;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/title-bg.png) 50% 50% / contain no-repeat;
  user-select: none;
  color: #f4eee1;
  font-size: 0.42rem;
  text-align: center;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}
.modal-select-input {
  width: 1.1rem;
  height: .49rem;
  line-height: .49rem;
  font-size: .24rem;
  color: #d0d2c2;
  white-space: nowrap;
  text-align: right;
  margin-right: .2rem;
}
.modal-input-phone {
  width: 6.45rem;
  height: .65rem;
  line-height: .65rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/input-phone.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
}
.modal-input-code {
  width: 6.45rem;
  height: .65rem;
  line-height: .65rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/input-code.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
}

#bindModal .modal-title{
  width: 6.46rem;
  height: 1.54rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/title-bg1.png) 50% 50% / contain no-repeat;
  font-size: 0.42rem;
  line-height: 1.2;
  padding-top: 0.32rem;
}

.pop input.invite-input{
  display: block;
  font-size: 0.28rem;
  color: #929086;
  padding: 0 0.3rem;
  margin: 0.2rem auto 0;
  width: 6.45rem;
  height: 0.65rem;
  line-height: .65rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/input-phone.png) 50% 50% / 100% 100% no-repeat;
}

.modal-btn {
  display: block;
  width: 2.94rem;
  height: .8rem;
  line-height: .8rem;
  font-size: .42rem;
  background-color: #f9c150;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  text-align: center;
  border-radius: .4rem;
  overflow: hidden;
  user-select: none;
  cursor: pointer;
  transition: cubic-bezier(0.10, 0.00, 0.23, 1.00) .2s;
  color: #272727;
}

.modal-btn:active {
  transform: scale(.9) !important;
}
.modal-btn:hover {
  transform: scale(1.05) !important;
}
.pop .link-input{
  display: block;
  font-size: 0.28rem;
  color: #929086;
  padding: 0 0.3rem;
  margin: 0.2rem auto 0;
  width: 6.45rem;
  height: 0.65rem;
  line-height: .65rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/input-phone.png) 50% 50% / 100% 100% no-repeat;
}

.pop-share-link .modal-bg{
  width: 7.44rem;
  height: 5.92rem;
}
.pop-share-link .modal-common-tip{
  text-align: left;
  width: 6.4rem;
}
/* .modal-btn-copy {
  width: 3.57rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/btn-copy.png) 50% 50% / contain no-repeat;
  cursor: pointer;
}
.modal-btn-bind {
  width: 3.57rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/btn-bind.png) 50% 50% / contain no-repeat;
  cursor: pointer;
}
.modal-btn-unbind {
  width: 3.57rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/btn-unbind.png) 50% 50% / contain no-repeat;
  cursor: pointer;
}
.modal-btn-confirm {
  width: 3.57rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/btn-confirm.png) 50% 50% / contain no-repeat;
  cursor: pointer;
}
.modal-btn-cancel {
  width: 3.57rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/btn-cancel.png) 50% 50% / contain no-repeat;
  cursor: pointer;
}
.modal-btn-join {
  width: 3.57rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/btn-join.png) 50% 50% / contain no-repeat;
  cursor: pointer;
}
.modal-btn-share {
  width: 3.57rem;
  height: .89rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/btn-share.png) 50% 50% / contain no-repeat;
  cursor: pointer;
}
.modal-poster-close {
  width: .79rem;
  height: .79rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/poster-close.png) 50% 50% / contain no-repeat;
} */

.modal-input-523 {
  width: 5.23rem;
  height: .65rem;
  line-height: .65rem;
}
.modal-input-819 {
  width: 8.19rem;
  height: .65rem;
  line-height: .65rem;
}

.modal-phone-code-area {
  width: 2.85rem;
  height: .65rem;
  line-height: .65rem;
  font-size: .42rem;
  color: #272727;
}
.modal-phone-btn-send {
  width: 2.85rem;
  height: .65rem;
  line-height: .65rem;
  font-size: .28rem;
  cursor: pointer;
}
.modal-phone-countdown {
  width: 1.70rem;
  height: .65rem;
  user-select: none;
}

.modal-page input {
  height: .65rem;
  line-height: .65rem;
  border:  1px solid transparent;
  background: transparent;
  outline: none;
  user-select: none;
  padding: 0 .5rem;
  font-size: .42rem;
  color: #272727;
  position: relative;
  caret-color: #b03b3a;
}
.modal-page input::placeholder {
  color: #929086;
  font-size: .42rem;
}
.modal-split-line {
  width: 6.83rem;
  height: .62rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/modal/split-line.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
}
.modal-phone-tip {
  font-size: .2rem;
  color: #63625d;
  width: 6.45rem;
  margin: 0 auto;
}

.modal-common-tip {
  width: 8rem;
  font-size: .28rem;
  line-height: 0.42rem;
  margin: 1.4rem 0 0;
  color: #2a2a2a;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  color: #272727;
}

.modal-invite-tip {
  height: .44rem;
  line-height: .44rem;
  padding: 0 .18rem;
  background-color: #272727;
  color: #f4eee1;
  font-size: .24rem;
  border-radius: .1rem;
  overflow: hidden;
}

.modal-channel-box {
  width: 10rem;
  height: auto;
}
.modal-channel-item {
  width: 2rem;
  height: 2rem;
  background: rgba(248,194,80, .5);
  margin: .25rem;
  border: .06rem solid #e8b753;
  border-radius: .2rem;
}
.channel-img {
  width: 1.2rem;
}
.modal-accept-avatar-outter {
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  border-radius: 50%;
  background-color: white;
}
.modal-accept-avatar {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
}
.modal-accept-avatar img {
  max-width: 100%;
}
.modal-download-tip::after {
  content: "";
  width: 100%;
  height: .02rem;
  position: absolute;
  bottom: -.04rem;
  left: 0;
  z-index: 2;
  background-color: #d56c1f;
}
/* ------------- toast --------------- */
.toast-wrapper {
  width: 100%;
  height: auto;
  pointer-events: none;
  position: absolute;
  bottom: 1rem;
  left: 0;
  z-index: 10100;
  transition: .25s all;
  opacity: 0;
}

.toast-content {
  height: .68rem;
  line-height: .68rem;
  padding: 0 .3rem 0 .7rem;
  background-color: #272727;
  color: #f4eee1;
  font-size: .35rem;
  border-radius: .34rem;
  position: relative;
}
.toast-content::after {
  content: "";
  width: .46rem;
  height: .46rem;
  background: url(//game.gtimg.cn/images/rocom/m/m202407/home/modal/icon-toast.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: .11rem;
  left: .1rem;
  user-select: none;
  pointer-events: none;
}

.toast-move {
  animation: toast-move-frame .75s linear 1 forwards;
}
.pop-recall .modal-bg{
  width: 11.35rem;
  height: 8.26rem;
}
.pop-recall .modal-title{
  width: 10.71rem;
  height: 1.04rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/title-bg3.png) 50% 50% / contain no-repeat;
}
.pop-recall .modal-common-tip{
  margin-bottom: 0.2rem;
}
.pop-recall .modal-content{
  width: 98%;
}
.recall-textarea{
  display: block;
  width: 10.7rem;
  height: 4.28rem;
  margin: 0 auto;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/textarea-bg.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  font-size: 0.24rem;
  line-height: 0.5rem;
  box-sizing: border-box;
  padding: 0.1rem 0.4rem;
  overflow: hidden;
}
.recall-textarea div{
  border-bottom: 1px solid #000;
}
.pop-btn{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-btn a{
  margin: 0 0.2rem;
}

.pop-share-img{
  width: 11.67rem;
  height: 7.07rem;
}
.pop-share-img #saveImage{
  display: block;
  width: 11.67rem;
  height: 7.07rem;
}
.pop-share-img .modal-btn{
  margin: 0.3rem auto 0;
}

#toImg{
  position: relative;
  width: 11.67rem;
  height: 7.07rem;
  background: url(//wegame.gtimg.com/tgp_act/release/wegame/lkwgsj20250220/images/wg/pop-share-img-bg.png) no-repeat;
  background-size: 100% 100%;
}
#toImg .save-text{
  width: 6.1rem;
  position: absolute;
  top: 2.21rem;
  left: 1.3rem;
  font-size: 0.2rem;
  color: #514e48;
  line-height: 0.4rem;
}
@keyframes toast-move-frame {
  0% {
    opacity: 0;
  }
  33.3% {
    opacity: 1;
  }
  66.6% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* -------------- 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-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;
}
.orange-0 {
  color: #f9c150 !important;
}
.orange-1 {
  color: #d56c1f !important;
}
.white-0 {
  color: white;
}
.white-1 {
  color: #f4eee1;
}
/* ------------- 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;
}
.tablet-screen #mainPage .mt-25,
.tablet-screen #touchLayer .mt-25 {
  margin-top: .12rem;
}
.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;
}
.tablet-screen #mainPage .mt-50,
.tablet-screen #touchLayer .mt-50 {
  margin-top: .12rem;
}
.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: .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;
}

.mf_s_box {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -10000px;
  left: -10000px;
  text-indent: -100000px;
  overflow: hidden;
}

[v-cloak] {
  visibility: hidden;
}
.login-avatar {
  display: inline-block;
  width: .5rem;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: -10px;
}
.page-1-btn-had-booking, .disabled, .gray {
  pointer-events: none;
}
.modal-btn-confirm.gray, .btn-create-share.gray, .page-2-btn-qualification.gray, .page-2-btn-recall.gray {
  pointer-events: none;
  filter: grayscale(1);
}
.lock-back {
  overflow: auto !important;
}
#commonModal4 .modal-content {
  padding-top: .2rem;
}
.commonModal4-tip {
  text-indent: 2em;
}
.modal-small-tip {
  width: 6.7rem;
  font-size: 0.22rem;
  color: #fc9f11;
}
.modal-long-tip {
  width: 6.7rem;
}