/* 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.62rem; position: fixed; right:0; top: 30%; z-index: 20; pointer-events: none;}
.nav-list { background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/nav_box.png") no-repeat 0 0 / 100%; width: 2.96rem; height: 4.62rem; 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; pointer-events: auto;}
.nav-box a { width: 3rem; height: .45rem; display: block; color: #5c648d;font-size: 0.24rem; text-align: center;  line-height: 0.3rem;margin-top: .4rem; font-weight: bold; }
.nav-box a.on { color: #f4ac45; background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/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/release/ngr0410/images/0522/btn-nav-sq.png") no-repeat center / 100%; position: absolute; left: -0.16rem; bottom: 0.15rem; 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; pointer-events: auto;}
.nav-box a.btn-nav-toggle.close { height: 1.41rem; background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/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/release/ngr0410/images/0522/head.jpg") no-repeat; background-size: 100% 100%; width: 100%; height: 12.9rem; position: relative; }
.head .logo{position: absolute;top: .3rem; left: .4rem; display: block; width: 2.94rem;height: .68rem;background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/logo.png") no-repeat 0 0 /100%;}
.head .btn-login{position: absolute;top: .2rem; right: .4rem; display: block; width: 1.89rem;height: .64rem;background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-login.png") no-repeat 0 0 /100%;}
.head .head-btn{display: block;position: absolute;bottom: 2.7rem; left: 50%; margin-left: -1.78rem; width: 3.56rem;height: 1.2rem;}
.head .head-btn.download{background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-download.png") no-repeat 0 0 /100%;}
.head .head-btn.start{background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-start.png") no-repeat 0 0 /100%;}
.content{ font-size: .24rem; color: #ffffd3; text-align: center; box-sizing: border-box; position: relative;  }
.bg{min-height: 35.4rem; position: relative;margin-top: 12.9rem;}
.bg-con{width: 100%;height: 8.85rem;}
.bg-con img{width: 100%;height: 100%;}
.part{position: relative;z-index: 10;}
.part-tit{width: 12rem;height: 1.98rem; background: url(//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/spr.png) no-repeat 0 0;background-size: 12rem 33rem;}
.part-qxfl .title-qxfl {height: 1.94rem; background-position: 0 -26rem; margin: 0 auto;}
.part-ld .title-ld {height: 2.61rem; background-position: 0 -30rem; margin: 0 auto;}

.part1 .title1{height: 1.93rem; background-position: 0 0; margin: 0 auto;}
.part8 .title8{ background-position: 0 -20rem; margin: 0 auto;}
.part9 .title9{height: 1.96rem; background-position: 0 -23rem; margin: 0 auto;}
.part1{width: 100%;height: 13rem;}
.part1 .p1{width: 10.13rem;height: 6.78rem;margin: .2rem auto 0;transform: translateX(-.35rem);}
.btn-get{position: absolute;left: 50%;margin-left: -1.18rem; bottom: 3.8rem; width: 3.56rem;height: 1.2rem;background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-get.png") no-repeat 0 0 /100%; transform: translateX(-.6rem);}
.btn-get.gray{background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-getgr.png") no-repeat 0 0 /100%;}
.part-qxfl{height: 11.5rem;}
.part-qxfl .fli-box{width: 12.3rem;height: 8.08rem;margin: .37rem auto 0;}
.part2{position: relative; width: 100%;height: 12.6rem;}
.bg-3{position: relative;}
.bg-3::before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 6.91rem;background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/part2-cover.png") no-repeat center bottom /100%;z-index: 11;pointer-events: none;}
.bg-3::after{content: '';position: absolute;bottom: 2.55rem;left: 0; width: 6.62rem;height: 8.44rem;background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/role.png") no-repeat center top /100%;z-index: 10;pointer-events: none;  }
.tips{position: absolute; left: 50%;transform: translateX(-50%); font-size: .18rem;color: #467ec1;text-align: center;line-height: 2; font-weight: bold;}
.part8{width: 100%;z-index: 15;}
.recode-box{width: 13.1rem;height: 6.83rem;background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/record-bg.png") no-repeat 0 0 /100%; padding: .59rem .3rem 0 1.17rem; box-sizing: border-box; margin: 0 auto;}
.recode-box .recode-list{height: 4.5rem; margin-top: .2rem;}
.recode-box .recode-top,
.recode-box .recode-list li
{height: 1.07rem; display: flex;justify-content: space-between;align-items: center;padding-right: .25rem;}
.recode-box .recode-list li{height: .75rem;padding-right: 0;}
.recode-box .recode-top li{ font-size: .38rem; color: #365aa7;text-align: center;font-weight: bold;}
.recode-box .recode-list li div{font-size: .28rem; color: #2c4c8c;text-align: center;font-weight: bold;}
.recode-box .recode-top li:nth-child(1),
.recode-time
{width: 35%;}
.recode-box .recode-top li:nth-child(2),
.recode-name
{width: 30%;}
.recode-box .recode-top li:nth-child(3),
.recode-state
{width: 45%;}
.btn-get-min{ width: 1.52rem;height:.54rem;background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-get_min.png") no-repeat 0 0 /100%; margin: 0 auto; }
.btn-get-min.gray{background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-getgr-min.png") no-repeat 0 0 /100%;}

.pop{ display: none; position: relative; padding-top: 1px; margin: 0 auto 0; }
.pop_box { background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/pop-bg.png") no-repeat 0 0 /100%; width: 7.28rem; height: 8rem; }
.pop_box.pop4 { background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/pop-bg2.png") no-repeat 0 0 /100%; width: 7.28rem; height: 6.33rem; }
.poptit1 { width: 4.52rem; height: 0.56rem; margin: .6rem auto .1rem;}
.poptit2 { width: 4.52rem; height: 0.95rem; margin: .6rem auto .1rem;}
.poptit3 { width: 4.52rem; height: 0.56rem; margin: .6rem auto .1rem;}
.poptit4 { width: 4.52rem; height: 0.71rem; margin: .9rem auto .1rem;}
.poptit img { height: 100%; width: 100%; }
.btn-close { background: url("//wegame.gtimg.com/tgp_act/release/release/ngr0410/images/0522/btn-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; }
.rules-box { width: 6.05rem; margin: 0 auto; font-size: 0.18rem; color: #464646; }
.rules-box li{position: relative; margin: 0.05rem auto 0; font-size: .24rem;line-height: 1.5;color: #467ec1;padding-left: .35rem; }
.pop1 .rules-box li:first-child,
.pop2 .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: 33%; }
.pop2 .table-box th:nth-child(1) { width: 50%; }
.pop3 .table-box th:nth-child(1) { width: 70%; }
.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; }
.pop2 .rules-box.ov { height: 6rem;}
.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; /* 悬浮过渡效果 */ }

.code-box{width: 3.18rem;height: 3.18rem;margin: .21rem auto;}
.code-box img{width: 100%;height: 100%;}
.code-tips{font-size: .22rem;color: #467ec1;text-align: center;line-height: 1;}

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

.scroll{overflow-x: hidden; overflow-y: auto;}
.scroll::-webkit-scrollbar{width: .1rem;}
.scroll::-webkit-scrollbar-thumb{background: #7bb3f2;border-radius: 0.05rem;}
.scroll::-webkit-scrollbar-track{background: #b4d3f8;border-radius: 0.05rem;}

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

#afooter a {
    color: #4d5356;
}

/* 设置根节点 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, .ddkj, .wcy, .show-num {
  pointer-events: none;
}
.pop-address .input-box a {
  font-size: 12px;
}
[v-cloak] {
  visibility: hidden;
}
.logo {
  cursor: pointer;
}
.login-box {
  color: #fff;
  font-size: 0.3rem;
  position: absolute;
  top: .46rem;
  right: 1.22rem;
}
.logined 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;
  /* 显示省略符号来代表被修剪的文本 */
}
html.lock-back {
  height: auto !important;
  overflow: visible !important;
}

.fr-mask {
  z-index: 10000 !important;
}