/* reset */
body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; }
body { -webkit-text-size-adjust: none; font-size: 0.24rem; }
header, nav, section, article, footer, figure, figcaption { display: block; }
ol, ul { margin: 0; padding: 0; }
fieldset { border: none; margin: 0; padding: 0; }
a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
table { border-collapse: collapse; border-spacing: 0; }
em, strong { font-weight: normal; font-style: normal; }
a { text-decoration: none; }
b { font-weight: bold; }
.hide { display: none; }
.c:before, .c:after { content: ""; display: table; }
.c:after { clear: both; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.db { display: block; text-indent: -999em; }
img{ display: block; }
body, html { background-color: #93bbf4; height: 100%; }
:focus { outline: none; }
img{display: block; width: 100%;}
.container{width: 100%; position: absolute; top: 0; left: 0;}
.nav-box { width: 2.96rem;
    height:4.63rem;
    position: fixed;
    right: 0;
    top: 41%;
    z-index: 20;}
.nav-list {
    background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/nav_box.png") no-repeat 0 0 / 100%;
    width: 2.96rem;
    height: 4.63rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    transform-origin: right bottom;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.nav-box a { width: 3rem; height: .45rem; display: block; color: #5c648d;font-size: 0.22rem; text-align: center;  line-height: 0.3rem;margin-top: .2rem; font-weight: bold; }
.nav-box a.on { color: #f4ac45; background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/nav_on.png") no-repeat 0 0/100%; }
.nav-box a.on span { position: relative; }
.nav-list.close {
    transform: scale(0);
    opacity: 0;
}
.nav-box a.btn-nav-toggle {
    width: 0.37rem;
    height: 1.11rem;
    background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-nav-sq.png") no-repeat center / 100%;
    position: absolute;
    left: -0.16rem;
    bottom: 0.14rem;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease, left 0.3s ease, height 0.3s ease, background-image 0.3s ease;
    transform-origin: right bottom;
    z-index: 21;
}

.nav-box a.btn-nav-toggle.close {
    height: 1.41rem;
    background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-nav-show.png") no-repeat center / 100%;
    left: 2.5rem;
    bottom: 0.14rem;
    transform: scale(1);
}
.head { background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/head.jpg") no-repeat; background-size: 100% auto; width: 100%; height: 12.3rem; position: relative; }
.head .logo{position: absolute;top: .4rem; left: 1.4rem; display: block; width: 1.71rem;height: .69rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/logo.png") no-repeat 0 0 /100%;}
/* .head .btn-login{position: absolute;top: .5rem; right: 1.4rem; display: block; width: 1.52rem;height: .42rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-login.png") no-repeat 0 0 /100%;} */
.head .head-flex{position: absolute;bottom: 1.88rem; left: 50%; margin-left: -3.5rem; display: flex;justify-content: space-between; width: 7rem;}
.head .heda-btn{display: block; width: 3.07rem;height: .84rem;}
.head .btn-qxxz{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-qxxz.png") no-repeat 0 0 /100%;}
.head .btn-xzchl{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-xzchl.png") no-repeat 0 0 /100%;}
.content{font-size: .24rem; color: #ffffd3; text-align: center; box-sizing: border-box; position: relative;  }
.bg{min-height: 71.6rem; position: relative;margin-top: 12.3rem;}
.part{position: relative;z-index: 10;}
.part-tit{width: 12rem;height: 2.24rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/spr.png) no-repeat 0 0;background-size: 12rem 18rem;}
.part1 .title1{background-position: 0 0; margin: 0 auto;}
.part2 .title2{background-position: 0 -3rem; margin: 1.1rem auto 0;}
.part3 .title3{height: 2.6rem; background-position: 0 -6rem; margin: 3.5rem auto 0;}
.part4 .title4{ background-position: 0 -9rem; margin: 3.15rem auto 0;}
.part5 .title5{ background-position: 0 -12rem; margin: 3.15rem auto 0;}
.part1 .p1-1{width: 12rem;height: 7.15rem;margin: -.25rem auto 0;}
.part1 .p1-2{width: 5.7rem;height: 2.03rem;margin: .5rem auto 0;}
.wrap .tips{position: absolute; left: 50%;transform: translateX(-50%); font-size: .18rem;color: #467ec1;text-align: center;line-height: 2; font-weight: bold;}
.wrap .tips::before{content: ''; display: block; position: absolute;top: 50%; margin-top: -.05rem; left: -.66rem;  width: .56rem;height: .1rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/tips_l.png") no-repeat 0 0 /100%;}
.wrap .tips::after{content: '';display: block; position: absolute;top: 50%; margin-top: -.05rem; right: -.66rem; width: .56rem;height: .1rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/tips-r.png") no-repeat 0 0 /100%;}
.wrap .tips span,
.wrap .text2 span{color: #f5853b; font-weight: bold;}
.btn-ljxz{display: block; width: 3.07rem;height: .84rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-ljxz.png") no-repeat 0 0 /100%; margin: .3rem auto 0;}
.part2 .p2{width: 12rem;height: 5.3rem;margin: 0 auto;}
.part2 .text{font-size: .18rem; color: #467ec1;text-align: center; line-height: 1.5;font-weight: bold;margin-top: .1rem;}
.part2 .text2{font-weight: normal;margin-top: 0;}
.btn-ljqw{display: block; width: 3.07rem;height: .84rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-ljqw.png") no-repeat 0 0 /100%; margin: .55rem auto 0;}
.part3 .p3-1{width: 8.94rem;height: 3.76rem;margin: .32rem auto 0;}
.part3 .p3-2{width: 9.25rem;height: 3.76rem;margin: .13rem auto 0;}
.part3 .p3-3{width: 9.27rem;height: 2.62rem;margin: .2rem auto 0;}
.part4 .lot-box{position: relative;}
.part4 .lottery{position: relative; width: 7.35rem;height: 8.24rem;}
.lot-num { position: absolute; left: 50%; transform: translateX(-50%); bottom: 2.75rem; font-size: .22rem; font-weight: bold; background: linear-gradient(180deg, #1b66d7 0%, #4e9bfb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.part4 .flex-ct{width: 13rem; display: flex;justify-content: space-between;align-items: center; margin:  0 auto;}
.part4 .task-box .task-cont{width: 5.06rem;height: 4.88rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/task_bg.png") no-repeat 0 0 /100%;padding-top: 1.4rem;box-sizing: border-box;}
.part4 .task-box .task-text{display: flex;justify-content: space-between; color: #467ec1;width: 3.08rem; font-size: .18rem;font-weight: bold;}
.part4 .task-box  .cj-num{color: #e38140;}
.part4 .task-cont ul li{display: flex; justify-content: space-between; align-items: center ;width: 4.3rem; height: .72rem; margin: 0 auto;background: url(//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/line.png) no-repeat center bottom; background-size: 4.22rem .01rem;}
.part4 .task-cont ul li:last-child{background: none;}
.part4 .task-cont .task-btn {display: block;width: 1.04rem;height: .33rem;}
.part4 .btn-download{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-download.png") no-repeat 0 0 /100%;}
.part4 .btn-bind{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-bind.png") no-repeat 0 0 /100%;}
.part4 .btn-share{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-share.png") no-repeat 0 0 /100%;}
.part4 .btn-ivt{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-ivt.png") no-repeat 0 0 /100%;}

.part4 .btn-download.gray{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-downloadgr.png") no-repeat 0 0 /100%; pointer-events: none;}
.part4 .btn-bind.gray{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-bindgr.png") no-repeat 0 0 /100%; pointer-events: none;}
.part4 .btn-share.gray{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-sharegr.png") no-repeat 0 0 /100%; pointer-events: none;}
.part4 .btn-ivt.gray{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-ivtgr.png") no-repeat 0 0 /100%; pointer-events: none;}

.part4 .flex-btn{display: flex;justify-content: space-between;width: 4.9rem;margin-top: .8rem;}
.part4 .btn-hdgz{display: block;width: 1.42rem;height: .42rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-rule.png") no-repeat 0 0 /100%;}
.part4 .btn-zjjl{display: block;width: 1.42rem;height: .42rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-record.png") no-repeat 0 0 /100%;}
.part4 .btn-txdz{display: block;width: 1.42rem;height: .42rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-address.png") no-repeat 0 0 /100%;}
.part5 .video-box{position: relative; width: 12.2rem;height: 6.9rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/video-fm.png") no-repeat 0 0 /100%;margin: .4rem auto 0;}
.part5 .video-cont{ width: 100%;height: 100% ;}
.part5 .btn-play{display: block;position: absolute;top: 50%;margin-top: -.62rem; left: 50%;margin-left: -.62rem; width: 1.24rem;height: 1.24rem;background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-play.png") no-repeat 0 0 /100%;}


/* pop */
.pop{ display: none; position: relative; padding-top: 1px; margin: 0 auto 0; }
.pop1 { background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/pop-bg2.png") no-repeat 0 0 /100%; width: 7.28rem; height: 5.37rem; }
.pop2 { background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/pop-bg1.png") no-repeat 0 0 /100%; width: 7.28rem; height: 4.38rem; }
.pop3 { background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/pop-bg3.png") no-repeat 0 0 /100%; width: 7.28rem; height: 8rem; }
.poptit { width: 4.52rem; height: 0.53rem; margin: .6rem auto 0;}
.poptit img { height: 100%; width: 100%; }
.btn-close { background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/pop-close.png") no-repeat 0 0 /100%; width: 0.6rem; height: 0.6rem; display: block; position: absolute; top: 0.3rem; right: 0.3rem; }
.pop-cont { width: 6rem; margin: 0 auto 0; }
.inp-box , .yzm-box{display: flex;justify-content: flex-start; align-items: center; width: 5.3rem; margin: 0 auto;margin-top: .2rem;}
.text-sr{font-size: .22rem; color: #467ec1;}
.ipt-yzm,
.ipt-phone { display: block;  background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/inp-bg.png") no-repeat 0 0 /100%; border: none; display: block; width: 3.76rem; height: 0.46rem; text-indent: 0.15rem; color: #467ec1;margin-left: .15rem; font-size: .2rem;}
.ipt-yzm{background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/inp-bg2.png") no-repeat 0 0 /100%;  width:2.09rem; height: 0.46rem;margin: 0 .15rem ;}
.ipt-yzm::placeholder,
.ipt-phone::placeholder {
    color: #467ec1;font-size: 0.2rem;
}
.btn-hqyzm { width: 1.58rem; height: 0.47rem; background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-hqyzm.png") no-repeat 0 0 /100%; }
.btn-djs { width: 1.58rem; height: 0.47rem; background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-djs.png") no-repeat 0 0 /100%; font-size: .24rem;color: #fff; line-height: .47rem; text-align: center; pointer-events: none; }
.bind-text { color: #467ec1;font-size: 0.22rem; line-height: 0.3rem;margin-top: .10rem; }
.pop-btn { width: 2.55rem; height: 0.7rem; margin: .3rem auto 0; display: block; }
.btn-agree { background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-agree.png") no-repeat 0 0 /100%; }
.btn-copy { background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/btn-copy.png") no-repeat 0 0 /100%; }
.copy-value { display: block; background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_pre/images/inp-bg.png") no-repeat 0 0 /100%; border: none; display: block; width: 3.76rem; height: 0.46rem; text-indent: 0.15rem; color: #467ec1; margin: .2rem auto 0; font-size: .24rem;}
.copy-text { font-size: 0.24rem; line-height: 0.38rem; text-align: center; margin: 0.1rem auto ;color: #467ec1; }
.rules-box { width: 6rem; margin: 0 auto; font-size: 0.18rem; color: #464646; }
.rules-box li{position: relative; margin: 0.05rem auto 0; font-size: .22rem;line-height: 1.5;color: #467ec1;padding-left: .35rem; }
.rules-box li:first-child {padding-left: 0;}
.rules-box li span{position: absolute;top: 0; left: 0;}
.pop-com { width: 90%; font-size: 0.26rem; display: flex; justify-content: center; align-items: center; height: 100%; margin: 0 auto 0; }
.table-box table {width: 100%;  font-size: 0.16rem; text-align: center; margin: 0.1rem auto ; border-radius: .1rem; background-color: #dceafd;border-collapse: separate; border-spacing: 0; border-radius: .1rem; overflow: hidden;border: 1px solid #467ec1; }
.table-box th {  color: #467ec1; line-height: 0.48rem;font-weight: normal; border-bottom: 1px solid #467ec1;border-right: 1px solid #467ec1;}
.table-box th:last-child { border-right: none; }
.table-box th:nth-child(1) { width: 50%; }
.table-box td { color: #467ec1;  font-size: 0.16rem;  }
.table-box td { border-bottom: 1px solid #467ec1;border-right: 1px solid #467ec1; }
.table-box td:last-child { border-right: none; }
.table-box tr:last-child td { border-bottom: none; }
.rules-box.ov { height: 6.3rem; overflow-y: scroll; padding-right: 0.25rem; }
.rules-box.ov::-webkit-scrollbar { width: 0.1rem; /* 滑块宽度 */ height: .4rem; background: #7bb3f2; /* 滑块主色 */ border-radius: 0.05rem; /* 滑块圆角，更美观 */ transition: background 0.2s ease; /* 悬浮过渡效果 */ }
.rules-box.ov::-webkit-scrollbar-track { background: #b4d3f8; /* 轨道背景色，建议浅色系，和滑块形成对比 */ border-radius: 0.05rem; /* 轨道圆角，和滑块呼应 */ }

/* 3. 滚动条滑块（可拖动的部分） */
.rules-box.ov::-webkit-scrollbar-thumb { width: 0.1rem; /* 滑块宽度 */ background: #7bb3f2; /* 滑块主色 */ border-radius: 0.05rem; /* 滑块圆角，更美观 */ transition: background 0.2s ease; /* 悬浮过渡效果 */ }

/*footer*/
#afooter {
    font-size: .14rem;
    text-align: center;
    line-height: .2rem;
    color: #4d5356;
    background-color: #0e0e0d;
    padding: .1rem 0 .2rem;
}

#afooter a {
    color: #4d5356;
}

.pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; }
.overlay { position: fixed; width: 100%; height: 100%; z-index: 998; display: none; top: 0px; left: 0px; background: rgb(0, 0, 0); opacity: 0.8; }


/* 设置根节点 font-size，基于设计稿 1920px */
html {
  font-size: calc(100 / 1920 * 100vw);
}

/* 设置最小宽度限制（可选） */
@media screen and (max-width: 1200px) {
  html {
    font-size: calc(100 / 1920 * 1200px);
  }
}
/* 设置最大宽度限制（可选） */
@media screen and (min-width: 1920px) {
  html {
    font-size: 100px; /* 设计稿宽度时，1rem = 100px */
  }
}











.txp_barrage_client_launcher, .txp_btn_fake, .txp_ctrl_client_launcher {
  display: none !important;
}
.gray {
  pointer-events: none;
}
.pop-address .input-box a {
  font-size: 12px;
}
[v-cloak] {
  visibility: hidden;
}
.logo {
  cursor: pointer;
}
.lottery-btn {
  position: absolute;
  left: 2.5rem;
  top: 3rem;
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
  z-index: 1;
}
.login-box {
  color: #fff;
  font-size: 0.3rem;
  position: absolute;
  top: .46rem;
  right: 1.22rem;
}
.login-box a {
  color: #ffffff;
  width: 1.89rem;
  height: 0.64rem;
  background: url("//wegame.gtimg.com/tgp_act/release/wegame/ngr_countdown/images/btn_login.png") no-repeat center;
  background-size: 100% auto;
  display: inline-block;
  text-align: center;
  line-height: .64rem;
}
.fr-user-name {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  max-width: 1.8rem;
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏溢出的内容 */
  text-overflow: ellipsis;
  /* 显示省略符号来代表被修剪的文本 */
}