/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

/* 适配 */
/* 设置根节点 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 */
  }
}

/* 基础样式 */
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:0.16rem/1.5 'hyqh',simhei;padding-top:0 !important;text-align:justify;background-color:#f6f6f5;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.pr {position:relative;}
.pa {position:absolute;}
.fl {float:left;}
.fr {float:right;}
.last {margin-right:0!important;}

* {
    box-sizing: border-box;
    outline: none;
    webkit-focus-ring-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.fr-wrapper *{-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;}

body,html{width: 100%;height: 100%;overflow: hidden;font-family:'SweiGothicCJKsc-Regular','Microsoft YaHei',sans-serif;}
.stage{position: fixed;top: 0;left: 0;z-index: 1;pointer-events: none;}

.db {
    text-indent: -9999em;
    display: block;
    overflow: hidden;
}

/* CDN 图片基础路径 */
/* 所有图片引用线上 CDN 地址: ../images/ */

/* 按钮置灰 不可点击 */
.g-btn--disable{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; pointer-events: none; }
.g-btn--gray{filter:grayscale(.5) !important;}
.g-btn--active{filter: brightness(1.1); transform: scale(0.98);}
a:hover{transform: scale(1.04);filter: brightness(1.04);}
.g-btn--done:hover{transform: none;filter: none;}

#page_swiper>.swiper-slide{overflow: hidden;}
.fr-wrapper{position: relative;width: 100%!important;height: 100%;overflow: hidden;}
.fr-container{width: 100%!important;height: 100%;margin:0 auto;}
.page-swiper{width: 100%;height: 100%;}

/* 背景图 */
.fr-wrapper .bg-1{background: url('../images/bg1.png') 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.fr-wrapper .bg-2{background: url('../images/bg2.png') 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.fr-wrapper .bg-3{background: url('../images/bg3.png') 50% 50%/cover;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

/* 导航 */
.fr-top-banner{position: fixed;top: 0;left: 0;z-index:2;width: 100%;height:2.83rem;transform: translateY(-2.45rem);transition: .4s transform ease;background: url('../images/top-banner_bg.png') no-repeat;background-size: 100% 100%;display: flex;justify-content: space-between;align-items: flex-start;padding: 0.1rem 0.6rem 0 0;}
.fr-top-banner.fr-top-banner1{background: url('../images/top-banner_bg1.png') no-repeat;background-size: 100% 100%;}
.fr-top-banner.show{transform: translateY(0);}
.fr-top-banner:hover{transform: translateY(0);}
.fr-top-banner a{pointer-events: all;}

.fr-nav-btn{width:65%;display: flex;justify-content: flex-start;align-items: center;height: 0.9rem;}
.fr-nav-btn>a{font-size: .36rem;text-align: center;line-height: .5rem;box-sizing: border-box;position: relative;display: block;width: 2.2rem;font-family:'LiSu','隶书',serif;}
.fr-nav-btn>a span{width: 1.8rem;height: 0.5rem;text-align: center;line-height: 0.5rem;color: #fff;display: inline-block;position: relative;}
.fr-nav-btn>a i{display: none;}
.fr-nav-btn>a.on span{color: #000;background: url('../images/icon1.png') no-repeat;background-size: 100% 100%;width: 2.09rem;height: 1.04rem;line-height: 1.04rem;}

.section-logo{ background: url('../images/logo.png') no-repeat;background-size:100% 100%; width:3.75rem; height:1.50rem;z-index: 3;position: relative;margin-left: 0;flex-shrink: 0;margin-top: -0.2rem; }
.g-loginbox{width: 5.4rem;color: #4d310d;font-size: .24rem;line-height: 1.2;text-align: right;font-family:'Microsoft YaHei';padding-top: 0.3rem;}
.g-loginbox .logout-content,
.g-loginbox .login-content{color: #fff;font-family:'LiSu','隶书',serif;font-size: .36rem;white-space: nowrap;}
.g-loginbox a{color: #3a89e2;}

.section-box1{width:14rem;height:7.5rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;z-index: 4;}
.section-box2{width:19.2rem;height:10.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;z-index: 4;}
.section-box3{width:100%;height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;z-index: 4;}

/* 首页 */
.section-slg{width:10.04rem;height:0.48rem;position: absolute;bottom:1.2rem;left:50%;transform: translateX(-50%);background: url('../images/slogan.png') no-repeat 50% 0;background-size: 100% auto;font-size: 0;}
.g-btn-yuy{background: url('../images/p0-btn-yuy.png') no-repeat; background-size: 100% 100%; width:4.62rem;height:1.22rem;display: block;font-size: 0;position: absolute;bottom:1.85rem;left:50%;margin-left:-2.31rem;}
.g-btn-yuy.g-btn--disable{background: url('../images/p0-btn-yuy-dis.png') no-repeat; background-size: 100%;}
.g-btn-yuy.g-btn--done{background: url('../images/p0-btn-yuy-done.png') no-repeat; background-size: 100% 100%; pointer-events: none;}

.g-btn-floatbox{ position: fixed;bottom:0.8rem;right:0.4rem;z-index: 99;width:1.94rem;height:3.7rem;}
.g-btn-float1{background: url('../images/p0-float1.png') no-repeat 50% 0;width:1.72rem;height:1.72rem;background-size: 100% 100%;display: block;animation: scale1 1.4s ease-in-out both infinite alternate;margin: 0 auto;}
.g-btn-float2{background: url('../images/p0-float2.png') no-repeat 50% 0;width:1.94rem;height:1.76rem;background-size: 100% 100%;display: block;animation: scale1 1.4s ease-in-out both infinite alternate;margin: 0 auto;}

/* 测试招募 section1 */
.section-p1-con{width:100%;position: relative; display: flex;justify-content: center;}
.section-p1-con a{width: 4.3rem;margin: 0 -.1rem;position: relative;cursor: pointer;}
.section-p1-con a img{width: 100%;display: block;margin: 0 auto;}
.section-p1-txt{color: #a6802e;font-size: .18rem;line-height: 1.6;position: absolute;width: 3.22rem;top: 4.55rem;left: .5rem;}

/* 豪华补给 section2 */
.section-p2tit{background: url('../images/p2-tit.png') no-repeat;background-size: 100% 100%;width:8.70rem;height:1.26rem;font-size: 0;margin: .3rem auto 0;transform: scale(.7);}
.section-p2-con{background: url('../images/p2box-bg.png') no-repeat;background-size: 100% 100%;width:11.87rem;height:6.38rem;box-sizing: border-box;padding: 1.1rem .75rem;display: flex;margin: -.6rem auto 0;justify-content: space-between;}
.section-p2-left{width: 5.37rem;position: relative;height: auto;}
.section-p2lottery {position: relative;width: auto;height: auto;flex-shrink: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;transform: scale(.85) translateX(0.05rem) translateY(-0.45rem);}
.section-p2lottery .lottery-row{display: flex;justify-content: center;align-items: center;margin-bottom: 0.04rem;}
.section-p2lottery .lottery-item{
    cursor: pointer;
    margin: 0 0.06rem;
    position: relative;
}
.section-p2lottery .lottery-item img{display: block;height: 2.04rem;}
.section-p2lottery .lottery-item.lott-current{
    outline: none;
    box-shadow: none;
}
.section-p2lottery .lottery-item.lott-current::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}
.section-p2lottery .lottery-row:first-child .lottery-item.lott-current::after {
    background: url(../images/l_sel.png) no-repeat center / 100% 100%;
}
.section-p2lottery .lottery-row:last-child .lottery-item:first-child.lott-current::after {
    background: url(../images/m_sel.png) no-repeat center / 100% 100%;
}
.section-p2lottery .lottery-row:last-child .lottery-item:not(:first-child).lott-current::after {
    background: url(../images/s_sel.png) no-repeat center / 100% 100%;
}
@keyframes lott-pulse {
    from { box-shadow: 0 0 10px rgba(255,215,0,0.6), 0 0 20px rgba(255,215,0,0.3); }
    to   { box-shadow: 0 0 20px rgba(255,215,0,1.0), 0 0 40px rgba(255,215,0,0.6); }
}
.section-p2lottery .lotcn0,.section-p2lottery .lotcn1{width: 2.59rem!important;height: 1.53rem!important;}
.g-btn-ljcj{display: inline-block;text-align: center;margin: 0 auto;line-height: 0;transform: scale(1.08);transition: transform .2s;}
.g-btn-ljcj:hover{transform: scale(1.12);}
.g-btn-ljcj img{display: block;height: .4rem;pointer-events: none;}
.section-p2-lottery-bottom{text-align: center;width: auto;margin-top: -1.6rem;}
.section-p2num{font-size: .14rem;text-align: center;color: #8d4735;margin: 0 auto;}
.section-p2-right{width: auto;position: relative;transform: translateX(-0.25rem);}
.section-p2btn{display: flex;justify-content: flex-start;align-items: center;transform: scale(.8);transform-origin: left center;}
.section-p2btn>a.g-btn-zjjl{background: url('../images/g-btn-zjjl.png') no-repeat;background-size: 100% 100%;width:1.41rem;height:0.45rem;display: block;font-size: 0;margin-right: 0.06rem;}
.section-p2btn>a.g-btn-hdgz{background: url('../images/g-btn-hdgz.png') no-repeat;background-size: 100% 100%;width:1.41rem;height:0.45rem;display: block;font-size: 0;}
.g-btn-rule{background: url('../images/btn_p2rule.png') no-repeat;background-size: 100% 100%;width: .4rem;height: .4rem;position: absolute;top: 0;right: .3rem;font-size: 0;transform: scale(.8);}
.section-p2list-rw{margin-top: .1rem;background: url('../images/line.png') no-repeat;background-size: 100% 100%;}
.section-p2list-rw li{width: 100%;height: .5rem;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 .15rem;border-radius: .15rem;margin-bottom: .06rem;}
.p2rw-txt{color: #000;font-size: .2rem;line-height: 1.2;text-align: left;}
.p2rw-txt span.p2rw-icon{width:.9rem;height: .22rem;font-size: .14rem;color: #b36e14;display: inline-block;vertical-align: middle;border-radius: .1rem;text-align: center;line-height: .22rem;margin-left: .15rem;}
.g-btn-p2rw{display: inline-block;font-size: 0;background: none;border: none;padding: 0;margin-left: 0.08rem;}
.g-btn-p2rw img{display: block;height: .31rem;}
.g-btn-p2rw.g-btn--done img{height: .31rem;}
.g-btn-p2rw.g-btn--done{cursor: default;}
.g-btn-p2rw.g-btn--gray{background-color: #ecce92;}
.g-btn-rule1{background: url('../images/p3-icon.png') no-repeat;background-size: 100% 100%;width: .11rem;height: .11rem;display: inline-block;vertical-align: top;margin: -.1rem 0 0 -.1rem;}

/* 预约奖励 section3 */
.section-p3tit{background: url('../images/p3-tit.png') no-repeat;background-size: 90% 90%;width:4.92rem;height:1.21rem;display: block;font-size: 0;
  position: absolute;top: -.2rem;left: 50%;transform: translateX(-50%);margin: 0;z-index: 5;}
.section-p3tit:hover{filter: none;}
.section-p3-cont{width: 100%;position: relative;height: 7.2rem;margin-top: 1.0rem;}
.section-p3-swibox {position: relative;height:7.2rem; z-index: 2;margin-top: 0.46rem;}
.section-p3-swibox .fe-swiper { width: 12rem;height:7.2rem;margin: 0 auto;}
.section-p3-swibox .fe-swiper .swiper-slide {opacity: 0; transition: .3s all;}
.section-p3-swibox .fe-swiper .swiper-slide-active, .section-p3-swibox .fe-swiper .swiper-slide-prev, .section-p3-swibox .fe-swiper .swiper-slide-next {opacity:1;}
.section-p3-swibox .fe-swiper .swiper-slide-active {filter: brightness(1);}
.section-p3-swibox .fe-swiper img {display: block;width:10.8rem;height:7.2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.swiper-3d .swiper-slide-shadow-left {background-image: linear-gradient(to left, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));}
.swiper-3d .swiper-slide-shadow-right{background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));}

.section-p3-swibox .p3btn-prev{display: block;background: url('../images/p3-prev.png') no-repeat;background-size: 100% 100%;width:0.79rem;height:0.79rem;top: 50%;left: -.2rem;margin-top: -0.395rem;position: absolute;z-index: 10;}
.section-p3-swibox .p3btn-next{display: block;background: url('../images/p3-next.png') no-repeat;background-size: 100% 100%;width:0.79rem;height:0.79rem;top: 50%;right: -.2rem;margin-top: -0.395rem;position: absolute;z-index: 10;}

.section-p3-cont .p3pagination{position: absolute;left: 50%;transform: translateX(-50%);top:5.8rem;display: flex;justify-content: center;align-items: center;gap: .12rem;}
.section-p3-cont .swiper-pagination-bullet{width: .32rem;height: .33rem;background: url('../images/dot_normal.png') no-repeat;background-size: 100% 100%;opacity: 1;margin: 0;border-radius: 0;}
.section-p3-cont .swiper-pagination-bullet.swiper-pagination-bullet-active{width: .32rem!important;height: .33rem;background: url('../images/dot_hight.png') no-repeat;background-size: 100% 100%;border-radius: 0;}

/* ===== 预约奖励 section5 ===== */

/* 标题 */
.section-p5tit{width: 4.58rem;position: absolute;top: 23%;left: 20%;}
.section-p5tit img{width: 100%;display: block;}
.section-p5-cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: max(100vw, calc(100vh * 16 / 9));height: max(100vh, calc(100vw * 9 / 16));}
.section-p5-cont .p5btn-prev{display: none;}
.section-p5-cont .p5btn-next{display: none;}
.section-p5-listprop{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.section-p5-listprop li{position: absolute;cursor: default;}
.section-p5-li1{bottom: 22%;left: 19%;}
.section-p5-li2{bottom: 14%;left: 42%;}
.section-p5-li3{bottom: 27%;left: 65%;}
.section-p5-li4{bottom: 59%;left: 70%;}

.section-p5-prop{background: url('../images/p5prop-bg.png') no-repeat;width: 3.38rem;height: 1.76rem;background-size: 100% 100%;box-sizing: border-box;padding: .17rem 0 .21rem 1.65rem;display: flex;align-items: center;justify-content: flex-start;margin-top: -.3rem;position: relative;}
.section-p5-prop img{width: 1.67rem;position: absolute;top: .05rem;left: -.05rem;transform: scale(.8);transform-origin: center center;}
.section-p5-prop p{color: #7b819b;font-size: 0.16rem;line-height: 1.2;}
.section-p5-prop p span{display: block;font-size: 0.28rem;}
.section-p5-prop p span b{font-size: 0.36rem;font-weight: bold;}
.section-p5-prop p .p5-name{display: block;font-size: 0.23rem;font-weight: bold;text-align: center;}

.section-p5-pic1{width: 2.5rem;height: 1.81rem;position: absolute;top: -1.57rem;left: .4rem;}
.section-p5-pic1 img,.section-p5-pic2 img,.section-p5-pic3 img{width: 100%;height: 100%;display: block;}
.section-p5-pic2{width: 2.82rem;height: 2.24rem;position: absolute;top: -1.97rem;left: .4rem;}
.section-p5-pic3{width: 2.87rem;height: 2.55rem;position: absolute;top: -2.3rem;left: .4rem;}

/* -- 当前档位礼包高亮：背景换亮图，文字变白 -- */
.section-p5-listprop li.cur .section-p5-prop{background: url('../images/p5prop-bg-cur.png') no-repeat;background-size: 100% 100%;}
.section-p5-listprop li.cur p{color: #fff;}

/* ===== 预约进度条 =====
 * .section-p5-bar 为底部黑色墨条背景（p5bar-bg.png）
 * 其子 div (barcur1~barcur4) 为黄色填充覆盖层，
 * 分别对应 1万 / 5万 / 10万 / 20万 四档进度图片
 * 默认仅显示 cur1，JS 根据预约人数切换激活的覆盖层
 */
.section-p5-bar{background: url('../images/p5bar-bg.png') no-repeat 50% 50%;background-size: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;z-index: 3;}
.section-p5-bar > div{display: none;}
.section-p5-bar > div:first-child{display: block;}
.section-p5-bar .section-p5-barcur1{background: url('../images/p5bar-bg-cur.png') no-repeat 50% 50%;height: 100%;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;}
.section-p5-bar .section-p5-barcur2{background: url('../images/p5bar-bg-cur1.png') no-repeat 50% 50%;height: 100%;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;}
.section-p5-bar .section-p5-barcur3{background: url('../images/p5bar-bg-cur2.png') no-repeat 50% 50%;height: 100%;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;}
.section-p5-bar .section-p5-barcur4{background: url('../images/p5bar-bg-cur3.png') no-repeat 50% 50%;height: 100%;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;}

/* 弹窗/遮罩层 层级 500~999（规范）  */
.fr-popbox{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,.85);z-index: 999;display: none;}
.fr-popbox.show{display: block;}
.g-pop{display: none;position: relative;box-sizing: border-box;}
.g-pop-close{background: url('../images/pop-close1.png') no-repeat;background-size: 100%;width: 0.29rem;height:0.29rem;position: absolute;top:-.3rem;right: -0.3rem;}
.g-pop1{background: url('../images/pop1.png') no-repeat 50% 0;width:8.52rem;height:9rem;background-size: 100% auto;box-sizing: border-box;padding: .8rem;position: absolute;left: 50%;top: 50%;margin-top: -4.5rem;margin-left: -4.26rem;}
.g-pop-tit1{background: url('../images/pop-tit1.png') no-repeat 50% 0;width:4.59rem;height: 1.14rem;background-size: 100% auto;margin: -1.38rem auto 0;position: relative;}

.g-pop-rule{width:100%;margin:0.3rem auto 0;height:7.7rem;overflow-y: auto;padding-right:.1rem;box-sizing: border-box;overflow-x: hidden;}
.g-pop-rule p,.g-pop-tit{width: 1.53rem;height: .4rem;line-height: .44rem;text-align: center;color: #c19840;background-color: #ffe898;border-radius: .2rem;font-size: .24rem;margin: 0 auto;}
.g-pop-listrule{margin-top: .1rem;margin-bottom: .32rem;}
.g-pop-listrule li{width: 100%;margin-bottom: .16rem;font-size: .18rem;color: #c19840;line-height: .3rem;}
.g-pop-listrule li span{text-align: center;width: 100%;display: block;}
.g-pop-rule-tab1 table{width: 100%;}
.g-pop-rule-tab1{width:6.05rem;margin: .1rem auto;font-size: .18rem;color: #a7802d;background: url('../images/pop-tabbg.png') no-repeat;height: 2.55rem;background-size: 100% 100%;box-sizing: border-box;padding: .04rem;}
.g-pop-rule-tab1 th{text-align: center;height: .37rem;line-height: .37rem;}
.g-pop-rule-tab1 td{text-align: center;height: .4rem;line-height: .4rem;}
.g-pop-rule-tab1 td:first-child{width: 60%;}
.g-pop-rule-tab1 tr.g-pop-r1 td{height: .31rem;line-height: .31rem;}

.g-pop-rule::-webkit-scrollbar {width:0.04rem;border-radius:0.04rem;}
.g-pop-rule::-webkit-scrollbar-track {width:0.04rem;background-color:#e5dac0;border-radius:0.04rem;}
.g-pop-rule::-webkit-scrollbar-thumb {width:0.04rem;background-color:#bfae96;border-radius:0.04rem;}

.g-pop2{background: url('../images/pop2.png') no-repeat 50% 0;width:8.73rem;height:5.23rem;background-size: 100% auto;box-sizing: border-box;padding: .8rem;position: absolute;left: 50%;top: 50%;margin-top: -2.61rem;margin-left: -4.36rem;}
.g-pop-tit2{background: url('../images/pop-tit2.png') no-repeat 50% 0;width:4.59rem;height: 1.15rem;background-size: 100% auto;margin: -1.38rem auto 0;position: relative;}
.g-pop-listsel {margin: .25rem auto 0;width: 5.36rem;}
.g-pop-listsel li {margin-bottom: 0.16rem;position: relative;width: 5.46rem;height: .7rem;border: .03rem solid #fdde81;background-color: #fff;border-radius: .35rem;display: flex;justify-content: space-between;align-items: center;}
.g-pop-listsel li input{width: 100%;height: 100%;box-sizing: border-box;padding:0 .2rem;border: none!important;background: none!important;font-size: .2rem;color: #fdde81;}
.g-pop-listsel li input.g-phone-num1{width: 4.06rem;}
.g-pop-listsel li .g-btn-copy{background-color: #fdde81;color: #ffffff;font-size: .2rem;height: .7rem;border-bottom-right-radius: .35rem;border-top-right-radius: .35rem;width: 1.4rem;text-align: center;line-height: .7rem;}
.g-pop-tips{color: #c19840;font-size: .2rem;text-align: center;line-height: 1.6;padding-top: .3rem;}
.g-pop-btn{background: url('../images/pop-btn-ty.png') no-repeat;width: 2.66rem;height: .65rem;position: relative;margin: .3rem auto auto;font-size: .36rem;background-size: 100% 100%;display: block;color: #ffffff;text-align: center;line-height: .66rem;text-shadow: -.02rem -.02rem 0 #60b1eb,.02rem -.02rem 0 #60b1eb,-.02rem .02rem 0 #60b1eb,.02rem .02rem 0 #60b1eb;}

.g-pop3{background: url('../images/pop3.png') no-repeat 50% 0;width:8.73rem;height:3.62rem;background-size: 100% auto;box-sizing: border-box;padding: .3rem .5rem;position: absolute;left: 50%;top: 50%;margin-top: -1.81rem;margin-left: -4.36rem;}
.g-pop-copytxt{color: #c19840;font-size: .2rem;line-height: 1.4;padding-top: .3rem;text-align: center;}
.g-pop-txt{color: #c19840;font-size: .26rem;line-height: 1.4;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.g-pop3 .g-pop-tips{padding-top: .2rem;text-align: left;}

/* 绑定手机弹窗 */
.g-pop-bind {
    background: url('../images/pop_bg.png') no-repeat 50% 0;
    width: 8.51rem;
    height: 4.65rem;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: .4rem .7rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.325rem;
    margin-left: -4.255rem;
}

/* 登录弹窗背景 - 已迁移到 modal-overlay 系统 */
/* #popLogin 的样式已移除，改用 modal-overlay 组件 */

/* 注册弹窗背景 */
#popRegister {
    background: #fff;
    border-radius: .16rem;
    width: 8.51rem;
    min-height: 6.8rem;
    box-sizing: border-box;
    padding: .3rem .7rem .2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bind-title {
    color: #91472f;
    font-size: .36rem;
    font-weight: 700;
    text-align: center;
    padding-top: .15rem;
    margin-bottom: .2rem;
}

.bind-input-row {
    width: 5.5rem;
    margin: 0 auto .12rem;
}

.bind-input {
    background: url('../images/p_text_bg.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: .49rem;
    border: none;
    outline: none;
    font-size: .22rem;
    color: #333;
    padding: 0 .2rem;
    box-sizing: border-box;
}

.bind-input::placeholder {
    color: #999;
    font-size: .2rem;
}

.bind-code-row {
    position: relative;
}

.bind-code-row .bind-input {
    padding-right: 2rem;
}

.bind-code-row .login-input {
    padding-right: 2rem;
}

.bind-code-btn {
    background: url('../images/p-yanzhenma.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .02rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.45rem;
    height: .47rem;
    border: none;
    cursor: pointer;
    text-align: center;
    line-height: .47rem;
    font-size: 0;
    color: #fff;
}

.bind-code-btn.sending {
    font-size: .2rem;
    background: #999;
    border-radius: .08rem;
}

.bind-code-btn:hover {
    transform: translateY(-50%) scale(1.04);
}

.bind-code-btn.sending:hover {
    transform: translateY(-50%) scale(1.04);
}

.bind-submit-btn {
    background: url('../images/btn_bind_phone.png') no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 3.13rem;
    height: .75rem;
    margin: .1rem auto 0;
    border: none;
    cursor: pointer;
}

.bind-disclaimer {
    color: #91472f;
    font-size: .18rem;
    line-height: 1.5;
    text-align: center;
    padding: 0 .8rem;
    margin: .15rem 0 .1rem;
}

.login-input {
    width: 100%;
    height: .68rem;
    border: 1px solid #ddd;
    border-radius: .08rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    font-size: .26rem;
    color: #333;
    background: #fff;
}

.login-btn {
    display: block;
    width: 2.6rem;
    height: .68rem;
    line-height: .68rem;
    margin: .2rem auto 0;
    background: linear-gradient(135deg, #FF6B35, #FF3D00);
    border-radius: .34rem;
    color: #fff;
    font-size: .28rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border: none;
    transition: all .3s;
}
.login-btn:hover {
    background: linear-gradient(135deg, #FF8655, #FF5722);
    transform: scale(1.04);
}

/* 注册弹窗 - 标签页 */
.reg-tabs {
    display: flex;
    width: 5.5rem;
    margin: 0 auto .15rem;
    border-bottom: 1px solid #e0c9b0;
}
.reg-tab {
    flex: 1;
    text-align: center;
    font-size: .24rem;
    color: #999;
    padding: .08rem 0 .12rem;
    cursor: pointer;
    position: relative;
    transition: color .3s;
    text-decoration: none;
}
.reg-tab:hover {
    color: #666;
}
.reg-tab-active {
    color: #91472f;
    font-weight: 700;
}
.reg-tab-active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 20%;
    width: 60%;
    height: 2px;
    background: #91472f;
}
.reg-panel {
    display: none;
}
.reg-panel-active {
    display: block;
}
/* 注册弹窗 - 错误提示 */
.reg-field {
    position: relative;
}
.reg-error-tip {
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .18rem;
    color: #e74c3c;
    text-align: right;
    line-height: 1;
    white-space: nowrap;
    display: none;
    pointer-events: none;
    z-index: 2;
}
/* 验证码行的错误提示放在按钮左侧 */
.bind-code-row .reg-error-tip {
    right: 1.55rem;
}
.reg-field.has-error .login-input {
    border-color: #e74c3c !important;
    background: #fff5f5;
}
.reg-field.has-error .reg-error-tip {
    display: block;
}
/* 注册弹窗 - 协议 */
.reg-agree {
    font-size: .2rem;
    color: #666;
    text-align: left;
    padding-left: .05rem;
    margin: .05rem auto .1rem;
    width: 5.5rem;
}
.reg-agree input[type="checkbox"] {
    vertical-align: middle;
    margin-right: .06rem;
    width: .22rem;
    height: .22rem;
    cursor: pointer;
}
.reg-agree a {
    color: #FF6B35;
    text-decoration: underline;
}

/* 邀请链接弹窗 */
.g-pop-invite {
    background: url('../images/pop_bg.png') no-repeat 50% 0;
    width: 8.51rem;
    height: 4.65rem;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: .4rem .7rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.325rem;
    margin-left: -4.255rem;
}

.invite-title {
    color: #91472f;
    font-size: .36rem;
    font-weight: 700;
    text-align: center;
    padding-top: .15rem;
    margin-bottom: .4rem;
}

.invite-desc {
    color: #91472f;
    font-size: .18rem;
    line-height: 1.5;
    text-align: center;
    padding: 0 .8rem;
    margin-bottom: .15rem;
}

.invite-url {
    color: #91472f;
    font-size: .16rem;
    text-align: center;
    margin-bottom: .05rem;
    word-break: break-all;
}

.invite-code {
    color: #91472f;
    font-size: .2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: .3rem;
    letter-spacing: .1rem;
}

.invite-copy-btn {
    background: url('../images/p-copy.png') no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 3.13rem;
    height: .75rem;
    margin: .3rem auto 0;
    border: none;
    cursor: pointer;
}

/* 动画 */
@keyframes scroll1{
    0% {transform: translateY(0);}
    100% {transform: translateY(-50%);}
}
@keyframes shake{
    0%, 100% {transform: translateX(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateX(-0.04rem);}
    20%, 40%, 60%, 80% {transform: translateX(0.04rem);}
}
@keyframes scale1{
    from{transform: scale(1);}
    to{transform: scale(1.04);}
}
@keyframes scale2{
    from{transform: scale(1);}
    to{transform: scale(1.04);}
}
@keyframes nextanim{0% {transform: translateY(-0.04rem);opacity: 0.5;}50% {transform: translateY(0.04rem);opacity: 1;}100% {transform: translateY(-0.04rem);opacity: 0.5;}}
@keyframes breathe {50%{transform: scale(1.05);}}
@keyframes floatTopDown {25%{transform: translateY(-20%);}50%{transform: translateY(20%)}}
@keyframes s10anim{from{transform: translateY(0);}to{transform: translateY(.06rem);}}

.section-xh{animation: nextanim 2s ease-in-out both infinite;}
.g-btn-xa1{animation: nextanim 2s ease-in-out both infinite;}
.p2winner-list{animation: scroll1 5s linear infinite;}
.s4_md_list{animation: scroll1 5s linear infinite;}

.dis, .gray {pointer-events: none;}

#vue-container {width: 100%;height: 100%;}