@charset "utf-8";
html,body{width:100%;}
body,button,input,select,textarea {font: 12px/1.5 tahoma, arial, sans-serif;}
* {text-decoration: none;margin: 0;padding: 0;list-style: none;border: 0;outline:none;}
i,em,b{font-style: normal; font-weight:normal;}
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pf{position: fixed; display: block;}
.pa{position: absolute; display: block;}
.hide{width: 0;height: 0;overflow: hidden;display: block;visibility: hidden;}
.t{text-indent: -9999rem;display: block;}
input,select,textarea{border: 0;background: 0;-webkit-appearance: none;outline: 0;}
/*主页面*/
@font-face {
    font-family: 'font1';
    src: url("../fonts/汉仪江南楷宋 简.ttf");
}
@font-face {
    font-family: 'font2';
    src: url("../fonts/方正黑体简体.TTF");
}
a{color: #ea7a7a;}
a,a:hover{ transition: filter 0.3s; -webkit-tap-highlight-color: transparent;}
a:hover{filter: brightness(1.1);}
/*入场动画*/
@-webkit-keyframes sloganAni{
    0%{-webkit-transform:scale(1.8);opacity:0;}
    60%{-webkit-transform:scale(1);opacity:1;}
    65%{-webkit-transform:translate(-4px,-4px);}
    70%{-webkit-transform:translate(0,0);}
    75%{-webkit-transform:translate(4px,4px);}
    80%{-webkit-transform:translate(0,0);}
    85%{-webkit-transform:translate(-4px,4px);}
    90%{-webkit-transform:translate(0,0);}
    95%{-webkit-transform:translate(4px,-4px);}
    100%{-webkit-transform:translate(0,0);opacity:1;}
}
@keyframes sloganAni{
    0%{transform:scale(1.8);opacity:0;}
    60%{transform:scale(1);opacity:1;}
    65%{transform:translate(-4px,-4px);}
    70%{transform:translate(0,0);}
    75%{transform:translate(4px,4px);}
    80%{transform:translate(0,0);}
    85%{transform:translate(-4px,4px);}
    90%{transform:translate(0,0);}
    95%{transform:translate(4px,-4px);}
    100%{transform:translate(0,0);opacity:1;}
}

.ellipsic{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
.sp,.btn-get,.lottery .lottery_start,lottery .lottery_disable,
.invite-form .radio i,.invite-form .input,.invite-form .btn-send-sms,.pop .btn-normal,
.pop-gift .gift-list .item, .pop-gift .gift-list .item::after,
.step::after, .g-list li.active::after,.ts-pagination span{background: url(../images/m/sp.png) no-repeat center top; background-size: 7.50rem auto;}
.sp-t,.tit,.pop .pop-head,.pop .pop-head::before,.pop .pop-head::after{background: url(../images/m/sp-t.png) no-repeat center top; background-size: 7.50rem auto;}

body.overflow{overflow: hidden;}
/*body{height: 100%; overflow: hidden;}*/
.wrap{width:100%; font-size: 0.24rem; color:#fff;}
.main{width:7.50rem;z-index:2;}
.bgv{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;}
.bgv img{width:100%;height:auto;display:block;}
/*.nav{width:7.50rem; height: 1.25rem; background: #2f2121; display: flex; justify-content: space-between; align-items: center; z-index: 800;}*/
/*.icon-logo{width:0.90rem; height: 0.90rem; flex-basis: 0.90rem; margin:0 0.20rem 0 0.48rem; border-radius: 0.08rem;}*/
/*.nav-m{flex:1; color: #fff; display: flex; flex-direction: column; justify-content: space-between;}*/
/*.nav-m h2{font-weight: bold; font-size: 0.30rem;}*/
/*.nav-m h3{font-size: 0.24rem;}*/
/*.nav-r{width:1.75rem; height: 0.61rem; background-position: -5.75rem -10.59rem; margin-right: 0.44rem;}*/

.nav-top{width:100%; height: 1.28rem; position: fixed; top:0; display: flex; justify-content: space-between; align-items: center;  background: #fff; box-shadow: 0 0.06rem 0.06rem rgba(0,0,0,0.15); z-index: 10;}
.icon-logo{width: 1.00rem; height: 1.00rem;  top:0.16rem; left: 0.32rem; position: absolute; }
.nav-mid{margin-left: 1.68rem; font-size: 0.24rem; color:#333333; }
.nav-mid h3{font-size: 0.32rem; font-weight: bold;}
.nav-top .btn-right{display: none; width: 2.00rem; height: 0.70rem; margin-right: 0.32rem;}
.nav-top .btn-download.active{display: block; background: url("../images/m/nav-top/btn-download.png") no-repeat; background-size: 100% 100%; }
.nav-top .btn-goyuyue.active{display: block; background: url("../images/m/nav-top/btn-enter.png") no-repeat; background-size: 100% 100%;}


.bg-body{background: url("../images/m/bg-body.jpg") no-repeat top center; background-size: 7.5rem auto;}
.part{width:7.50rem; position: relative; overflow: hidden;  background-size: 7.5rem auto; background-repeat: no-repeat; background-position: center center;}
.part1{ height: 11.52rem; background-size: 7.5rem auto; background-position: center top;z-index:2;overflow:visible; margin-top: 1.26rem}
.part1-0{height: 8.08rem; z-index:1;}
.part2{height: 8.98rem; overflow: hidden; }
.part3{height: 11.90rem; overflow: hidden;margin-top:-1px;}
.part4{height: 11.00rem; overflow: hidden;}
.part5{height: 7.80rem; overflow: hidden;}
.kv-box{display: none; width:33.83rem; height: 14.50rem; background-image: url("../images/m/head.jpg");
    background-position: center center; background-size: auto 14.50rem;
    position: absolute; top:0; left:50%;
    margin-left: -21.4rem;
}
.logo{width:2.37rem; height: 1.25rem; top: 0.12rem; left:0.34rem; background: url("../images/m/logo.png") no-repeat; background-size: 2.37rem auto;}
.topbox{height:.94rem;width:100%;z-index:2;position:absolute;top:0;left:0;}
/* background-position:-5.5rem -10.72rem;*/
.enter{width:2rem;height:.68rem; background-position:-5.5rem -7.84rem;text-indent:-9999em;top:.29rem;right:.31rem;}
.loginfo{right:0; top: .24rem; color:#fbffef; padding:0.04rem 0.15rem; }
.loginfo a{color: #e5d7ac;}
.loginfo a:hover{color:#fbffef;}
.loginfo .login{display: none}
.loginfo .unlogin{display: block}
.logined .loginfo .login{display: block}
.logined .loginfo .unlogin{display: none}

.slogan{width:6.42rem; height: 2.99rem; background: url("../images/m/slogan.png"); background-size: 6.42rem auto; top:2.94rem; left:50%; margin-left: -3.21rem;}
.slogan-x{width:5.73rem; height: 0.26rem; background-position: 0 0; top:5.54rem; left:50%; margin-left: -2.86rem;}

.btn-play-box{width:0.99rem; height: 0.99rem; top:7.02rem; left:50%; z-index: 2; margin-left: -2.80rem; display: flex; display: none; justify-content: center; align-items: center;}
/*.btn-play-circle{width:100%; height: 100%; background-position: 0rem -0.01rem;  animation:circle 3.5s linear infinite;}*/
.btn-play-circle{width:100%; height: 100%; background: url("../images/m/play-border.png"); background-size: 0.99rem auto;  animation:circle 3.5s linear infinite;}
.btn-play-center{width:100%; height: 100%; background: url("../images/m/play-center.png"); background-size: 0.99rem auto; animation:breath 2s linear infinite}
/*.btn-play-center{width:0.42rem; height: 0.42rem; margin-left: 0.09rem; margin-top: -0.03rem; background-position: -1.30rem -0rem; animation:breath 2s linear infinite;}*/
@-webkit-keyframes breath {
    from { transform: scale(0.9); }
    50% {transform: scale(1.1);}
    to { transform: scale(0.9);  }
}
@keyframes breath {
    from { transform: scale(0.9); }
    50% {transform: scale(1.1);}
    to { transform: scale(0.9);  }
}
@-webkit-keyframes circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg);  }
}
@keyframes circle {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg);  }
}
@keyframes fadeOutDown {
    from { transform:translateY(0.0rem); opacity: 1; }
    to { transform:translateY(0.20rem); opacity: 0; }
}

.invite-wrap{ display: none; background: url("../images/m/top-invite.png") no-repeat center bottom; background-size: 7.50rem 4.05rem; width:7.50rem; height: 4.20rem; bottom:0; left:0; position: fixed;z-index:2;}
.btn-order,.btn-topinvite{width:5.20rem; height: 2.06rem; background-position: 0 -17.3rem; top:0; left: 44%; margin-left: -2.23rem; font-size: 0.3rem; color:#823420; text-align: center; line-height: 0.9rem;}

.btn-order::after {content: '立即预约';display: inline-block;position: relative;left: -0.08rem;top: 0.04rem;}
.age-tips-btn{top:.80rem; right: 0.5rem;width: .70rem;  height: .9rem;}
.age-tips-btn img{  height: 100%;}
.btn-topinvite{display:none;}
.btn-topinvite::after{content:'邀请好友';}
.logined .part1 .btn-order{display:none;}
.logined .part1 .btn-topinvite{display:block;}
.mouse{width:0.34rem; height: 0.45rem; background: url("../images/m/mouse.png") no-repeat; background-size: 0.34rem auto; top:10.75rem; left:50%; margin-left: -0.17rem; animation: fadeOutDown 1.2s ease-in-out infinite; }
.mouse::after{content:attr(data-text); width:2.00rem; display: block; position: absolute; top:0.60rem; left:50%; margin-left: -1.00rem; text-align: center; font-size: 0.18rem; color:#fff; }

.tj-btn{
    display: block;width: 100%;height: 100%;
}

/*预约人数达成板块*/
.reserve-box{ font-family: 'font1'; font-size: 0.56rem; color:#eed7a6; text-align: center; line-height:.74rem;}
.reserve-box .reserve_total_num{font-size: 0.76rem; font-style: normal;color:#ccb174;font-family: 'font2';padding:0 .05rem;}
.reserve-box span{display:block;font-size:.42rem;}
.g-progress{height: 0.13rem; width:7.13rem; margin: 1.43rem auto 0; position: relative; }
.step-per,.step{background:url("../images/m/steps.png") no-repeat;background-size:7.13rem auto;}
.step{width:1.42rem; position: relative; height: 0.13rem; float: left;}
.step.step0{width:.75rem;background-position:0 0;}
.step.step1{background-position:-.75rem 0;}
.step.step2{background-position:-2.17rem 0;}
.step.step3{background-position:-3.59rem 0;}
.step.step4{background-position:-5.01rem 0;}
.step.step5{width:.7rem;background-position:-6.43rem 0;}
.step.step0 .step-per{background-position:0 bottom;}
.step.step1 .step-per{background-position:-.75rem bottom;}
.step.step2 .step-per{background-position:-2.17rem bottom;}
.step.step3 .step-per{background-position:-3.59rem bottom;}
.step.step4 .step-per{background-position:-5.01rem bottom;}
.step.step5 .step-per{background-position:-6.43rem bottom;}
.step::after{content:''; width:0.45rem; height: 0.45rem; background-position:-5.28rem -6.56rem; display: block; position: absolute; top: -0.45rem; left: -0.29rem; }
.step.step5::after{width:.7rem;background-position:-5.12rem -7.2rem;left:-.38rem;}
.step.active::after{width:0.3rem; height: 0.31rem; background-position:-6rem -6.56rem;top: -0.09rem; left: -0.15rem;}
.step.activeCur::after{width:1.05rem; height: 0.68rem; background-position:-6.45rem -6.56rem;top: -0.46rem; left: -0.43rem;}
.step.step5.activeCur::after{background-position:-3.92rem -7.6rem;width:.54rem;height:.74rem;top:-.74rem;left:-.35rem;}
.step.step5.activeCur::before{background:url("../images/m/sp.png"); background-size: 7.50rem auto;  content:''; width:0.3rem; height: 0.31rem; background-position:-6rem -6.56rem;top: -0.09rem; left: -0.15rem; display: block; position: absolute;}
.step.active.activeCur .step-per{display:none;}
.step.step5.active.activeCur .step-per{display: block;}
.step:first-child::after{content:''; display: none;}
.step-per{width:0%; height: .13rem;}
.g-num{text-align: center; height: 0.4rem; line-height: 0.4rem; font-size: 0.26rem; width:100%; position: absolute; top: 0.2rem;font-family:'font1';left:-50%;color:#cac19f;font-weight:bold;}

.g-list{width:6.86rem; height: 3.2rem; margin: 0.68rem auto 0; display: flex; justify-content: space-around;}
.g-list li{position: relative;}
.g-list li .g-img{ width:1.24rem; height: 3.2rem; background-position: 0 0; background-size: 1.24rem auto; background-repeat: no-repeat; }
.g-list li:nth-child(1) .g-img{ background-image: url("../images/m/bg-reserve1.png"); }
.g-list li:nth-child(2) .g-img{ background-image: url("../images/m/bg-reserve2.png"); }
.g-list li:nth-child(3) .g-img{ background-image: url("../images/m/bg-reserve3.png"); }
.g-list li:nth-child(4) .g-img{ background-image: url("../images/m/bg-reserve4.png"); }
.g-list li:nth-child(5) .g-img{ background-image: url("../images/m/bg-reserve5.png"); }
.g-list li.active:nth-child(1) .g-img{ background-image: url("../images/m/bg-reserve1-active.png"); }
.g-list li.active:nth-child(2) .g-img{ background-image: url("../images/m/bg-reserve2-active.png"); }
.g-list li.active:nth-child(3) .g-img{ background-image: url("../images/m/bg-reserve3-active.png"); }
.g-list li.active:nth-child(4) .g-img{ background-image: url("../images/m/bg-reserve4-active.png"); }
.g-list li.active:nth-child(5) .g-img{ background-image: url("../images/m/bg-reserve5-active.png"); }
.g-list li.active::after{content:''; display: block; width:1.56rem; height: 1.64rem; background-position: -5.94rem 0; position: absolute; top: .56rem; left:-.16rem;}
.reserve-note{line-height: 0.40rem; font-size: 0.26rem; color:#acc9e5; margin: 0.41rem auto 0; text-align: center;line-height:.36rem;}

/*邀请达成版块*/
.tit{margin: 0 auto;}

.part3 .tit{width:5.43rem; height: 1.84rem; background-position: 0 -0.47rem;}

.invite-num-box{font-size: 0.26rem; font-weight: normal; color:#e8dfc3; text-align: center; padding:.15rem 0 .35rem;}
.invite-num-box span{color:#c22000;padding:0 .08rem;}
.part3 .btns-box{text-align: center;  margin-top: 0.73rem;}
.part3 .btns-box .btn-invite{display: inline-block; width:3.39rem; height: 0.85rem; background-position: 0 -2.50rem;text-indent:-9999em;}
.part3 .btns-box .btn-invite:hover{background-position:0 -8.56rem;}

.part3 .invite-list{width:6.85rem; height: 5.95rem; margin: 0 auto; display: flex; justify-content: space-between;}
.part3 .invite-list li{flex:1;position:relative;}
.invite-list li .gift-box{width:2.14rem; height: 5.95rem; background: url("../images/m/bg-invite.png"); background-size: 6.85rem auto; position: relative; margin: 0 auto;}
.invite-list li:nth-child(1) .gift-box{ background-position: 0 0;}
.invite-list li:nth-child(2) .gift-box{ background-position: -2.35rem 0;}
.invite-list li:nth-child(3) .gift-box{ background-position: -4.71rem 0;}
.btn-get{background-position: 0 -3.47rem; width:1.7rem; height: 0.52rem; display: block;position:absolute;bottom:.15rem;left:.22rem;}
.btn-get:hover{background-position:0 -9.52rem;}
.btn-get.ylq{background-position:0 -10.08rem;}



/*幸运抽奖版块 s*/
.part4 .tit{width:5.12rem; height: 1.84rem; background-position: 0 -8.72rem;}
.part4 .lottery-con{width:6.84rem; margin: 0.49rem auto 0;height:5.89rem;background:url("../images/m/lotbg.png") no-repeat;background-size:100% auto;}
.part4 .btns-box{display: flex; justify-content: space-between; margin:.54rem auto 0;width:5rem;}
.part4 .btns-box a{display: block; width:2.34rem; height: 0.68rem;background-position: 0 -10.72rem;text-indent:-9999em;}
.part4 .btns-box a.btn-records{background-position:-2.66rem -10.72rem;}
.part4 .btns-box a:hover{background-position: 0 -11.44rem;}
.part4 .btns-box a.btn-records:hover{background-position:-2.66rem -11.44rem;}
.part4 .lottery-num{color:#752d2c;}

/*抽奖转盘 s*/
.part4 .lottery{width:6.84rem; height:5.89rem; position: relative;}
.part4 .lottery .lottery_start,.part4 .lottery .lottery_disable{width:2.1rem; height: 1.78rem; background-position: -3.72rem -8.69rem; }
.part4 .lottery .lottery_disable{-webkit-filter: grayscale(100%); filter:grayscale(100%);}
/*抽奖转盘 e*/
.lottery-con .remain-box{width: 100%; height: 0.34rem; top:3.35rem; left:0;font-size: 0.2rem; text-align: center; color:#3d291d;}
.lottery-con .remain-box span{color:#ab0400;padding:0 .07rem;}
/*幸运抽奖版块 e*/
.djicon{position:absolute;top:0;left:0;z-index:2;}
.djicon li{position:absolute;background:url(../images/m/lottery.png) no-repeat;width:2.1rem;height:1.78rem;text-indent:-9999em;background-size:6.84rem auto;}
.djicon li.djicon0{background-position:-.18rem -.17rem;top:.17rem;left:.18rem;}
.djicon li.djicon1{background-position:-2.37rem -.17rem;top:.17rem;left:2.37rem;}
.djicon li.djicon2{background-position:-4.56rem -.17rem;top:.17rem;left:4.56rem;}
.djicon li.djicon3{background-position:-4.56rem -2.05rem;top:2.05rem;left:4.56rem;}
.djicon li.djicon4{background-position:-4.57rem -3.94rem;top:3.94rem;left:4.57rem;}
.djicon li.djicon5{background-position:-2.38rem -3.94rem;top:3.94rem;left:2.38rem;}
.djicon li.djicon6{background-position:-.18rem -3.94rem;top:3.94rem;left:.18rem;}
.djicon li.djicon7{background-position:-.18rem -2.05rem;top:2.05rem;left:.18rem;}

.part1-0 .tit{ background-position: 0 -10.96rem; width:6.7rem; height: 0.54rem; margin-top: 1.8rem;}
.swibox{margin-top:.56rem;position:relative;background:url(../images/m/swibg.png) no-repeat center top;height:3.61rem;padding-top:.08rem;background-size:6.49rem auto;}
.slidebox{width:6.31rem;height:3.52rem;margin:0 auto;overflow:hidden;}
.slidebox img{display:block;width:100%;}
.ts-prev,.ts-next{position:absolute;width:.23rem;height:.47rem;top:1.61rem;cursor:pointer;}
.ts-prev{background-position:-1.92rem -9.52rem;left:.19rem;}
.ts-next{background-position:-2.24rem -9.52rem;right:.19rem;}
.ts-prev:hover{background-position:-1.92rem -10.08rem;}
.ts-next:hover{background-position:-2.24rem -10.08rem;}
.ts-pagination{top:4.05rem;left:0;position:absolute;width:100%;text-align:center;height:.23rem;}
.ts-pagination span{display:inline-block;vertical-align:top;width:.14rem;height:.14rem;background-position:-2.8rem -9.68rem;opacity:1;margin:.04rem .07rem 0;}
.ts-pagination span.swiper-pagination-bullet-active{width:.23rem;height:.23rem;background-position:-2.8rem -9.92rem;margin-top:0;}
.qr-list{width:7.50rem; height: 3.50rem; overflow: auto; position: relative; margin: 0 auto; background: url("../images/m/qr-list.png") no-repeat; background-size: 7.50rem auto;}
.qr-list li{float:left;width:2.45rem; margin-top: .82rem;}
.qr-list li:nth-child(2){width:2.49rem;}
.qr-list li img{width:1.7rem; height: 1.7rem; display:block; margin-left: .36rem; }
.qr-list p{text-align: center; font-size:.22rem;line-height:.3rem;padding-top:.16rem; text-indent: -0.08rem;}
.botbox{width:6.85rem;height:.9rem;margin:0.80rem auto 0;}
.add-btn-order,.btn-guanw,.bot-invitebtn{width:3.23rem;height:.9rem;float:left;background-position:0 -12.16rem;text-indent:-9999em;}
.add-btn-order:hover{background-position:0 -13.12rem;}
.add-btn-order,.bot-invitebtn{margin-left:0;}
.logined .add-btn-order,.bot-invitebtn{display:none;}
.logined .bot-invitebtn{margin-left:0;background-position:0 -14.08rem;display:block;}
.btn-guanw{float:right; background-position:-3.62rem -12.16rem; }
.btn-guanw:hover{ background-position:-3.62rem -13.12rem; }
.pop{width:100%; height: auto; position: relative; color: #fff;font-size:.28rem;display:none;}
.pop .btn-close{width:.5rem; height: .5rem; position: absolute; right:1.08rem; top:0; background-position: -3.6rem 0;}
.pop .pop-head{font-size: 0; display: block; text-align: center; height: 0.53rem; margin: 0 auto; position: relative;}
.pop .pop-body{text-align: center;}
.pop .pop-body .txt-red{color:#ff0000;}
.pop .btn-normal{ display: inline-block; width:3rem; height: .9rem; background-position: -1.84rem -3.39rem;text-indent:-99999em;}
.pop .btn-copy{background-position:-3.6rem -14.08rem;}
.pop .btn-goto-invite{background-position:0 -15.04rem;}
.pop .btn-sure{background-position:-3.2rem -15.04rem;}
.pop .invite-code-row{color:#fff;font-size:.28rem;margin-top:.38rem;line-height:.58rem;}
.popGiftHascode .invite-code-row{margin-top:.2rem;}
.pop-yuyue.scale-small{transform: scale(0.8)}
.pop-yuyue .pop-head{width:100%;background-position: 0 -2.64rem;}
.pop-container{width:5.36rem;background:#445370;border:.02rem solid #c8b281;border-radius:.08rem;padding-top:.89rem;padding-bottom:.6rem;margin:0 auto;}
.invite-form{ margin:0 auto; font-size: 0.28rem; }
.invite-form .form-line{margin-top: 0.16rem; position: relative;}
.invite-form .form-line:nth-child(1){margin-top: 0.49rem;margin-bottom:.04rem;}
/*.invite-form .form-line:nth-child(2){margin-top: 0.05rem;}*/
.invite-form .radio{color:#ccc; cursor: pointer;}
.invite-form .radio.ios{margin-right:.59rem;}
.invite-form .radio i{ display: inline-block; width: 0.26rem; height: 0.24rem; background-position: -4.56rem -0; vertical-align: middle; position: relative; top: -0.02rem;}
.invite-form .radio.checked i{background-position-x: -4.89rem;}
.invite-form .radio.checked{color:#ffcd5e;}
.invite-form .input{width:3.94rem; height: .6rem; border:0; padding:0 .13rem; background-position: -0rem -6.61rem; color:#fff; font-size: 0.26rem;}
.invite-form .input.code{width:2.6rem;background-position:-4.50rem -3.66rem;}
.invite-form .input::placeholder{color:#808080;}
.invite-form .btn-send-sms{background-position: -5.9rem -2.78rem; width:1.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; color:#ffcd5e;display:inline-block;vertical-align:top;margin-left:-.33rem;}
.invite-form .btn-send-sms.disabled{background-position: -4rem -2.78rem;cursor: not-allowed;color:#808080;}
.invite-form .btn-invite-submit{width:3rem; height:0.9rem; background-position: 0 -7.61rem; margin-top: .2rem;}
.invite-form .invite-code-line{margin-top: .20rem;}
.invite-form .J_area{width:4.2rem;overflow:hidden;margin:.16rem auto 0;}
.yylbimg{display:block;width:4.68rem;margin:.46rem auto 0;}


/*邀请好友弹窗*/
.pop-invite .pop-head{width:100%; background-position: 0 -6.48rem;}
.pop-invite .pop-body{margin-top: .49rem;}
.pop-invite .invite-link{width:3.98rem; height: .78rem; color:#fff8dc; margin: 0 auto; text-align: left; opacity: 1; background: #3e4d68; border: #888375 1px solid; padding:0 .1rem;}
.pop-invite .way-note{text-align: left;line-height:.34rem;padding-left:1.65rem;width:3.15rem;position:relative;}
.pop-invite .way1{margin-top:.62rem;}
.pop-invite .qr-box{margin: .32rem auto 0; width:1.80rem; height: 1.80rem; position: relative; background: #fff;}
.pop-invite .qr-box img,.pop-invite .qr-box canvas{width:1.60rem; height: 1.60rem; position: absolute; left:50%; margin-left: -.80rem; top:.10rem; }
.pop-invite label{position:absolute;left:.54rem;top:0;}
.pop-invite .btn-copy-link{margin-top:.17rem;background-position:0 -4.03rem;}
.pop-invite .invite-link-tips{width:100%; margin: .31rem auto 0; font-size: .22rem; text-align: center;  opacity: 1; word-break: break-all;}
.pop-invite .invite-code-row{text-align: center;margin-top:.02rem;}

.pop-invite-notenough.pop-alert  .pop-container .pop-msg{height:2.36rem;min-height: initial;line-height:.34rem;}

/*获得奖品*/
.pop-gift{color:#fff;}
.pop-gift .pop-head{width: 100%;background-position: 0 -7.12rem;}

/*3个奖品-有code*/
.popGift3 .gift-inline{display: flex; justify-content: center; align-items: center; margin-top: .54rem; margin-bottom: 0.10rem; }
.popGift3 .gift-inline .gift-img{width:4.28rem; height: 3.08rem; }
.popGift3 .qr-code{width:2.12rem; height: 2.12rem; background: url("../images/bg-qr.png"); background-size: 2.12rem auto; position: relative; margin: 0 0.20rem; }
.popGift3 .qr-code img{width:2.02rem; height: 2.02rem; position: absolute; top:0.05rem; left:0.05rem;}
.gift-tip{width:100%;padding:.18rem 0;text-align:center;}
.pop-gift-invite .gift-inline .gift-img{display: none;}
.pop-record .gift-tip{line-height:.34rem;}
.popGift3Nocode.popGift3 .gift-tip{margin-top: 0.40rem;}

/*获得奖品的预约弹窗*/
.pop-gift-yuyue .pop-head{width:100%; background-position:0 -7.12rem;}


/*1个奖品-有礼包码*/
.popGiftHascode .gift-list{text-align: center; margin-top: .54rem;}
.popGiftHascode .gift-list .item{width:1.83rem; height: 1.53rem; background-position: -3.77rem -4.89rem; position: relative; display: inline-block; margin: 0rem .20rem 0;}
.popGiftHascode .gift-list .gift-img{width:1.83rem; height: 1.53rem; position: absolute; top:0; left:0;}
.popGiftHascode .gift-list .gift-name{ font-size:0.20rem; color:#fff; background: rgba(0,0,0,0.25); display: block; width:100%; height: 0.30rem; text-align: center; position: absolute; bottom:0;}
.popGiftHascode .gift-tip{margin-top: 0.16rem; }
/*1个奖品-无礼包码*/
.popGiftNocode.pop-gift{height: 4.02rem; background-image: url("../images/m/pop-gift.png");}
.popGiftNocode .gift-list{display: flex; justify-content: center; margin-top: .36rem;}
.popGiftNocode .gift-list .item{width:1.63rem; height: 1.63rem; background-position: -3.87rem -4.89rem; position: relative; display: inline-block; margin: 0rem .20rem 0;}
.popGiftNocode .gift-list .gift-img{width:1.53rem; height: 1.53rem; position: absolute; top:.05rem; left:.05rem;}
.popGiftNocode .gift-tip{margin-top: 0.20rem;}
.qr-wrap{overflow:hidden;text-align:center;}
.qr-wrap .qr-box{width: 2.64rem; text-align: center;display:inline-block;vertical-align:top;}
.qr-wrap .qr-box .gift-img{width:1.9rem;display:block;margin:0 auto .07rem;}

.pop-rules-info{width:7.5rem; height: 11.18rem; position: fixed; background:url(../images/m/mrule.png) no-repeat;background-size:100% auto;}
.pop-rules-info .btn-close{width:0.8rem; height: 0.8rem; top:-0.93rem; left:50%; background-position: -2.09rem -0; margin-left: -0.4rem; z-index: 10;}
.pop-rules-info .pop-rules-head{height: 1.39rem; border-bottom: 1px solid #4ca8d2; background: url(../images/m/pop-rules-head.png) no-repeat; background-size: 7.50rem auto; display: flex; justify-content: center; position: relative; }
.pop-rules-info .pop-rules-head .pop-rules-loading{position:absolute; width:1.40rem; height: 0.06rem; bottom: 0; background: #4ca8d2; left:0; transform: translateX(0.80rem); transition: all 0.1s;}
.pop-rules-info[data-activeIndex="0"] .pop-rules-head .pop-rules-loading { transform: translateX(0.80rem);}
.pop-rules-info[data-activeIndex="1"] .pop-rules-head .pop-rules-loading { transform: translateX(3.03rem);}
.pop-rules-info[data-activeIndex="2"] .pop-rules-head .pop-rules-loading { transform: translateX(5.27rem);}
.pop-rules-head a{font-size: 0.32rem; font-weight: bold; color: #333333; display: block; width:1.40rem; text-align: center;
    margin:0.60rem 0.41rem 0; height: 0.50rem; line-height: 0.50rem; padding-bottom: 0.30rem;
}
.pop-rules-info .swiper-slide{height: 10.61rem; overflow-y: auto;}
.pop-rules-info .rule-info-box{width:7.50rem; overflow-y: auto; color: #4c4c4c; line-height: 0.40rem;}
.pop-rules-info .rule-info-box .rule-info-body{ width:6.80rem;  margin:0.50rem auto 0.20rem;}
.pop-rules-info .rule-info-box .qr-box{margin: 0.10rem auto 0rem; text-align: center; line-height: 0.28rem;}
.pop-rules-info .rule-info-box .qr-box img{width:1.60rem; height: 1.60rem; display: inline-block;}
.pop-rules-info .rule-info-box h4{margin-top: 0.0rem;}
.rulebox{width:2.03rem;top:1.98rem;right:.62rem;}
.rulebox img{display:block;width:100%;}
.rulebox p{color:#e5cf9d;font-size:.26rem;text-align:center;padding-top:.05rem;}
/*.pop-rules-info .rule-info-box .rule-info-note{margin-top: 0.30rem;}*/
.pop-rules-info .rule-info-box .qr-code{ width:2.00rem; height: 2.00rem; margin:0rem auto; display: block;}
.pop-rulecont{color:#d2d7de;font-size:.26rem;line-height:.36rem;padding-top:1.94rem;}
.btname{height:.69rem;background:url(../images/m/timebg.png) no-repeat top left;color:#e4cd9a;line-height:.68rem;font-size:.3rem;margin-left:.3rem;background-size:4.97rem auto;}
.btname span{display:inline-block;vertical-align:top;color:#ddc690;font-size:.36rem;width:.88rem;text-align:center;margin-right:.08rem;}
.pop-rulecont ul{padding:.1rem 0 .52rem;}
.pop-rulecont li{line-height:.36rem;padding-left:.85rem;width:6.2rem;position:relative;}
.pop-rulecont li em{position:absolute;top:.1rem;left:.64rem;width:.12rem;height:.12rem;border:1px solid #cab88f;border-radius:50%;}
.pop-rulecont li span{color:#ddc690;font-size:.26rem;}
.ruletip{color:#e4ce9c;margin:-.35rem .2rem 0 .35rem;}
.pop .pop-cj-list{ width:4.8rem; color: #fff;font-size:.26rem;margin:.56rem auto 0;}
.pop .pop-cj-list .table-head{background:#445370;color:#fff8dc;font-size:.3rem;border:1px solid #827b6b;}
.pop .pop-cj-list .table-head tr th{height: 0.58rem; text-align: center; font-weight:normal;}
.pop .pop-cj-list .table-head tr th:nth-child(1){width:1.58rem;}
.pop .pop-cj-list .table-head tr th:nth-child(2){width:2.24rem;}
.pop .pop-cj-list .table-body{padding: 0.04rem 0 0.04rem; position: relative; margin:0 auto;border: 1px solid #827b6b;border-top:0;background:#3e4d68;height:3.96rem;overflow-y:auto;}
.pop .pop-cj-list .table{text-align: center; table-layout:fixed;width:100%;}
.pop .pop-cj-list .table tbody tr{ font-size:0.26rem;}
.pop .pop-cj-list .table tr td:nth-child(1){width:1.58rem;}
.pop .pop-cj-list .table tr td:nth-child(2){width:2.24rem;}
.pop .pop-cj-list .table tr.unlogin-data td:nth-child(1){width:100%;}
.pop .pop-cj-list .table tr td{height: 0.66rem;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;color:#fff;}
.pop .pop-cj-list .table tr td a{color: #ffcd5e;text-decoration:underline;}
.pop .pop-cj-list .table .unlogin-data{color: #ccc;}
.pop .pop-cj-list .table .unlogin-data td{border-bottom: none;}

/*抽奖*/
.pop-record .pop-head{background-position:0 -3.36rem;}
.pop-record .pop-container{height:6.11rem;padding-bottom:0;}
/*alert通用弹窗*/
.pop-alert .pop-container .pop-head{background-position:0 -11.84rem;width:100%;}
.pop-alert .pop-container .pop-msg{height: 2.20rem; overflow: auto; padding:0rem 0.15rem; font-size: .26rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pop-alert .pop-container .pop-msg .txt-red{color: #ff0000;}
.pop-alert .pop-container .pop-foot{height: .9rem; text-align: center;}
/*.pop-alert .pop-container .btn-normal{line-height: .42rem; width:1.50rem; height: .42rem; margin-top:0;}*/


/*视频弹窗*/
.pop-video{ background: rgba(0,0,0,.3); width:7.00rem;}
.pop-video .btn-close {width:0.50rem; height: 0.50rem; right: 50%; bottom: -0.60rem; top: auto; margin-right: -0.25rem; background-position:-2.95rem 0; border-radius: 50%;}

.pop .geetest_holder.geetest_wind{min-width: 80%;}
/*.pop .jiyan-public-box .hei-line{height: 0.60rem; line-height: 0.60rem;}*/
/*.pop .geetest_holder.geetest_wind .geetest_wait{margin: 0.16rem 0.12rem; line-height: 0;}*/
/*.pop .geetest_holder.geetest_wind .geetest_radar_tip,*/
/*.pop .geetest_holder.geetest_wind .geetest_success_radar_tip{font-size: 0.20rem; height: 0.54rem; line-height: 0.54rem; padding:0 .80rem 0 .80rem;}*/
/*.pop .geetest_holder.geetest_wind .geetest_radar{width:0.48rem; height: 0.48rem;  margin: 0.03rem;}*/
/*.pop .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box{top:0.05rem;}*/
/*.pop .geetest_holder.geetest_wind .geetest_logo, .pop .geetest_holder.geetest_wind .geetest_success_logo{top:0.10rem;}*/
.topmenu{height:1.27rem;background:#fff;position:fixed; top:0; left:0; z-index: 10; width: 100%;}
.topmenu img,.topmenu p,.topmenu a{float:left;}
.topmenu img{width:1rem;padding:.14rem 0 0 .31rem;}
.topmenu p{color:#000;font-size:.24rem;padding:.22rem 0 0 .2rem;}
.topmenu p strong{font-size:.32rem;display:block;}