@charset "utf-8";
html,body{width:100%; height: 100%; background-color: #2e2923;}
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;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
i,em,b{font-style: normal; font-weight:normal;}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
input,select,textarea{border: 0;background: 0;-webkit-appearance: none;outline: 0;}
.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: none;visibility: hidden;}
.t{text-indent: -9999rem;display: block;}
/*主页面*/
a{color: #ea7a7a;}
a{ -webkit-tap-highlight-color: transparent;}
a:hover{filter: brightness(1.1);}
/*动画*/
@keyframes circle{
    0%{ transform: rotate(0)}
    100%{ transform: rotate(360deg)}
}
@keyframes ani-scale-out{
    0%{ transform: scale(2.5); opacity: 0.9;}
    100%{ transform: scale(1); opacity: 0;}
}
@keyframes ani-scale-in{
    0%{ opacity: 0; transform: scale(0.7); transform-origin: center center;}
    40%{ transform: scale(1.3);}
    65%{ transform: scale(0.85);}
    80%{ transform: scale(1.1);}
    100%{ opacity: 1;  transform: scale(1);}
}
@keyframes ani-fade-in{
     0%{ opacity: 0;}
     100%{  opacity: 1;}
 }
@keyframes ani-fade-up{
     0%{ opacity: 0; transform: translateY(1.00rem);}
     100%{  opacity: 1; transform: translateY(0rem);}
 }
@keyframes loading{
    0%{ content:"加载中"}
    25%{ content:"加载中."}
    50%{ content:"加载中.."}
    75%{ content:"加载中..."}
    100%{ content:"加载中"}
}

.ellipsic{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
.sp{background: url(../images/sp.png) no-repeat center top; background-size: 7.50rem auto;}
.sp-t{background: url(../images/sp-t.png) no-repeat center top; background-size: 7.50rem auto;}

body.overflow{overflow: hidden;}
body[data-page="game-video"]{overflow: hidden;}
body[data-page="first"]{overflow: hidden;}
body:after{content: ''; display: block; width:100%; height: 100%; position: absolute; background: #fff; top:0; left:0; z-index: 99999;}
body.page-load:after{z-index: -1;}

.wrap{width:100%;}
.main{width:7.50rem;}
.wrap-top{width:100%; position: absolute; top:0; left:0; z-index: 900;}


.top-info{width:7.50rem; height: 2.00rem; top:0.20rem; left:0;}
.logo-main{width:3.64rem; height: 0.64rem; top:0; left:0.35rem;}
.logo-main a{width: auto; height: auto; display: inline-block;}
.logo-main img{width:100%;}

.loginfo{right:0.30rem; top: 0.20rem; color:#FFF;}
.loginfo a{color:#cc2929;}
.loginfo .login{display: none}
.loginfo .unlogin{display: block}
.loginfo[data-login] .login{display: block}
.loginfo[data-login] .unlogin{display: none}
.loginfo.username{color:#cc2929}

.btn-play-box{width:0.69rem; height: 0.69rem; background-size: 5.89rem auto; overflow: hidden; top:1.20rem; left:0.40rem; transition: none;  border-radius: 50%;}
.btn-play-box{background-position-x:-0.83rem;}
[data-page="0"] .btn-play-box{width:0.88rem; height: 0.88rem; background-size: 7.50rem auto; top:0.70rem; }
[data-page="0"] .btn-play-box{background-position-x:-1.06rem;}

.btn-play-box.playing{background-position: 0 0; filter: none; animation:circle 3s linear infinite;  }

.part{position: relative; overflow: hidden;  }

/*主页*/
.part0{display:none; width:7.50rem; height: 100%; background: url("../images/bg0.jpg") no-repeat center center; background-size: 7.50rem auto;}
.part0 .main{width:7.50rem; height: 12.00rem; top:50%; left:0; margin-top: -6.00rem;}
.part0 .dia{top:1.05rem; right:0.36rem; width:2.61rem; height: 5.37rem; background-position:-4.89rem 0; display: flex; opacity: 0;}
.part0 .lable{width:0.43rem; height: 2.66rem; background-position: -4.27rem 0; top:50%; margin-top: -4.00rem; left:0.60rem;}
.part0 .slogan{width:6.33rem; height: 1.52rem; background-position:0 -9.56rem; bottom: 2.20rem; left:50%; margin-left:-3.17rem; opacity: 0;}
.part0 .slogan i{width:6.33rem; height: 1.52rem; background-position:0 -9.56rem;}
.part0 .btn-main{bottom:0.72rem; left:50%; margin-left:-2.17rem; width:3.96rem; height: 1.40rem; background-position: 0 -2.70rem; opacity: 0;}
.part0 .btns-bot{bottom: 0; left:50%; margin-left: -2.62rem; text-align: center; width:5.24rem; display: flex; justify-content: space-between;}
.part0 .btn-bot{color:#a79575; text-decoration: underline; font-size: 0.28rem;}

.ani .dia{ animation: ani-scale-in 1.2s both; }
.part0.ani .slogan{ animation: ani-fade-in 2s 0.8s both; }
.part0.ani .slogan i{ animation: ani-scale-out 1s 0.8s forwards; }
.part0.ani .btn-main{ animation: ani-fade-up 1s 1.2s both; }

.part2{display:none; width:7.50rem; height: 100%; background:#362f25 url("../images/bg1.jpg") no-repeat center top; background-size: 7.50rem auto; opacity: 0;}
.part2.ani{ animation: ani-fade-in 1.2s both;}
.part2 .top-con{height: 6.50rem;}

.part2 .dia{top:1.05rem; right:1.37rem; width:1.56rem; height: 3.20rem; background-position:-5.96rem -5.66rem; display: flex; opacity: 0;}
.part2 .btn{width:4.34rem; height: 1.34rem;  display:none; bottom:0; left:50%; margin-left: -2.17rem; z-index: 9;}
.part2 .btn-start{background-position: -0.05rem -1.20rem; display: block;}
.part2 .btn-invite{background-position: 0 -4.46rem; bottom: 0.60rem;}
.part2 .btn-help{background-position: 0 -6.04rem;}
.part2 .btn-play{background-position: 0 -7.58rem;}
.part2 .btn-over{background-position: 0 -15.80rem;}
.part2 .btn-active-detail{display: none;}
.part2 .mid-con{ width:7.50rem; height: 3.30rem;}
.part2 .tit-box{ height: 0.44rem; margin-top: 0.30rem; display: flex; justify-content: space-between; padding:0 0.40rem;}

.part2 .tit-box .my-gift,
.part2 .tit-box .tit-rxxs{ font-size: 0.30rem; color:#fff; font-weight: bold;}

.part2[data-status="kt"] .tit-box .my-gift,
.part2[data-status="kt-finish"] .tit-box .my-gift{width:1.75rem; background-position-y: -29.02rem;}
.part2 .tit-box .btn-view{width:0.83rem; height: 0.31rem; background-position: -6.67rem -0rem; position: relative; top: 0.04rem;}
.part2 .tit-box a{ font-size: 0.26rem; color: #ffedcc; text-decoration: underline; }
.part2 .bot-con{padding-bottom: 0.30rem;}
.part2 .bot-con .help-list{width:6.38rem; min-height: 0.80rem; margin:0 auto;}
.part2 .bot-con .help-list li{width:6.38rem; height: 1.24rem; border-bottom: 1px solid rgba(255,255,255,0.2); display: flex; justify-content: space-between; align-items: center; }
.part2 .bot-con .help-list li:last-child{border-bottom: none;}
.part2 .bot-con .help-list li .face-box{flex:1; display: flex; }
.part2 .bot-con .help-list li .score-box{font-size: 0.30rem; font-weight: bold; color: #fff3de;}
.part2 .bot-con .help-list li .score-box:before{content: '+';}
.part2 .bot-con .help-list li .score-box.reduce:before{content: '';}
.part2 .bot-con .help-list li .score-box.reduce{color: #c34a12;}
.part2 .bot-con .help-list li .face-img{width:0.75rem; height: 0.75rem; border-radius: 50%; border:2px solid #c39e64; }
.part2 .bot-con .help-list li .user-info-box{flex:1; height: 0.70rem; display: flex; flex-direction: column; justify-content: space-between; color: #ccbea3; margin-left: 0.08rem;}
.part2 .bot-con .help-list li .user-info-box .nick-name{font-size: 0.30rem; font-weight: bold;}
.part2 .bot-con .help-list li .user-info-box .game-date{font-size: 0.24rem; }
.part2 .bot-con .help-list-con:after{content:"";display: block; text-align: center; font-size: 0.30rem; color: #ddd; padding: 0.40rem 0;}
.part2 .bot-con .help-list-bot .btn-more{ width:3.71rem; height: 0.77rem; background-position: -0rem -9.32rem; display: block; margin: 0.20rem auto 0;}
.part2 .bot-con .help-list-bot:after{content:"数据加载中...";display: block; text-align: center; font-size: 0.30rem; color: #ddd; padding: 0.40rem 0;}
/*初始态*/
.part2 .bot-con .help-list-con .help-list{display: none;}
.part2 .bot-con .help-list-con .btn-more{display: none;}
.part2 .bot-con .help-list-bot:after{display: none;}
/*数据加载中*/
.part2 .bot-con .help-list-con[data-status="loading"] .help-list-bot:after{display: block;}
/*数据获取完成但无数据*/
.part2 .bot-con .help-list-con[data-status="no-data"]:after{content: "邀请好友一起探索赢奖励";}
.part2[data-status="kt"] .bot-con .help-list-con[data-status="no-data"]:after{content: "暂时没有好友相助哦!~";}
/*活动已结束*/
.part2 .bot-con .help-list-con[data-status="over"]:after{content: "活动已结束，下次趁早哦!~";}
/*数据获取完成且有数据*/
.part2 .bot-con .help-list-con[data-status="load"]:after{display: none;}
.part2 .bot-con .help-list-con[data-status="load"] .help-list{display: block;}
.part2 .bot-con .help-list-con[data-status="load"] .btn-more{display: block;}
.part2 .cur-jf-box{width:7.50rem; height: 0.30rem; line-height: 0.30rem; background-position:-0rem -14.81rem; text-align: center; margin-top: 0.35rem; color: #b39e78; font-size: 0.30rem;}
.cur-jf{color:#ebe0cc; font-size: 0.32rem; font-weight: bold; margin: 0 0.10rem;}
.part2 .btn-active-detail,
.part2 .btn-download{width:1.60rem; height:0.40rem; margin-left: -0.80rem; left:50%; bottom:0; display: none; text-align: center; line-height: 0.40rem;font-size: 0.30rem; text-decoration: underline; color:#a79575; }




/*领取奖励列表*/
.jl-list-box{width:7.50rem; height: 2.12rem; margin-top: 0.20rem; position: relative;}
.jl-list-box::after{content:''; display: block; background-color: #5a422c; width:7.26rem; height: 0.06rem; border-radius: 0.08rem; position: absolute; top:0.54rem; left:50%; margin-left: -3.63rem;}
.jl-list-box .jl-list{width:7.00rem; min-height: 1.43rem; margin:0 auto; display: flex; position: absolute; z-index: 1;  left:50%; margin-left: -3.50rem;}
.jl-list li{width:1.40rem;}
.jl-list li .gift-img{width:1.15rem; height: 1.15rem; background-position: -0rem -13.26rem; margin: 0 auto; background-position-y: -13.26rem; }
.jl-list li .prize-jf{display: block; text-align: center; color:#fff3de; margin-top: 0.04rem;}
.jl-list li .lq-txt::after{display:block; content:"未达成"; text-align: center; color:#ccbea3; font-weight: bold; margin-top: 0.18rem;}
.jl-list li .btn-lq{display:none; width:1.00rem; height: 0.42rem; background-position: -6.49rem -0.70rem; margin:0.12rem auto 0;}
/*//领奖状态(0未领取 1已领取 2未达成)*/
.jl-list li[data-status="0"] .gift-img{background-position-x: -2.88rem;}
.jl-list li[data-status="1"] .gift-img{width:1.06rem;  background-position-x: 0;}
.jl-list li[data-status="2"] .gift-img{ background-position-x: -1.40rem;}
.jl-list li[data-status="0"] .lq-txt{display: none;}
.jl-list li[data-status="0"] .btn-lq{display: block;}
.jl-list li[data-status="1"] .lq-txt{display: block;}
.jl-list li[data-status="1"] .lq-txt::after{content:"已领取"; color:#b2b2b2;}
.jl-list li[data-status="2"] .lq-txt{display: block;}
.jl-list li[data-status="2"] .lq-txt::after{content:"未达成"; color:#ac9874; }
/*心愿单列表*/
.wish-list-box{display: none; width:7.00rem; height: 1.80rem; margin:0.26rem auto 0;}
.wish-list-box .sp-wish{background: url("../images/gift/wish.png") no-repeat; background-size: 6.84rem auto; }
.wish-list{display: flex;}
.wish-list li{width:1.40rem;}
.wish-list li .gift-img{width:1.15rem; height: 1.18rem; margin: 0 auto; background-position-y: -0.12rem;}
.wish-list li:nth-child(1) .gift-img{background-position-x: 0rem;}
.wish-list li:nth-child(2) .gift-img{background-position-x: -1.40rem;}
.wish-list li:nth-child(3) .gift-img{background-position-x: -2.80rem;}
.wish-list li:nth-child(4) .gift-img{background-position-x: -4.21rem;}
.wish-list li:nth-child(5) .gift-img{background-position-x: -5.62rem;}
.wish-list .gift-txt{ display:flex; color: #fff3de; font-size: 0.20rem; justify-content: center; text-align: center; margin-top: 0.12rem;}

/*邀请者完成了游戏后*/
.part2[data-status="isFinish"]{background-image:url("../images/bg1.jpg");}
.part2[data-status="isFinish"] .btn-start{display: none;}
.part2[data-status="isFinish"] .btn-download{display: block;}
.part2[data-status="isFinish"] .btn-invite{display: block;}

/*客态页面*/
.part2[data-status="kt"]{background-image:url("../images/bg1.jpg");}
.part2[data-status="kt"] .slogan{display: none;}
.part2[data-status="kt"] .btn-start{display: none;}
.part2[data-status="kt"] .btn-help{display: block; bottom:0.60rem;}
.part2[data-status="kt"] .btn-active-detail{display: block;}
.part2[data-status="kt"] .jl-list-box{display: none;}
.part2[data-status="kt"] .wish-list-box{display: block;}

/*客态助力后*/
.part2[data-status="kt-finish"] .btn-start{display: none;}
.part2[data-status="kt-finish"] .btn-play{display: block; bottom:0.60rem;}
.part2[data-status="kt-finish"] .btn-active-detail{display: block;}
.part2[data-status="kt-finish"] .jl-list-box{display: none;}
.part2[data-status="kt-finish"] .wish-list-box{display: block;}
.part2[data-status="kt-finish"] .btn-download{display: block; margin-left: 0.10rem;}
.part2[data-status="kt-finish"] .btn-active-detail{margin-left: -1.70rem;}

/*主态播放动画*/
.part2[data-status="playing"]{background-image:url("../images/bg1.jpg");}
.part2[data-status="playing"] .btn-start{display: none;}

/*活动结束*/
.part2[data-status="over"] .top-con{height: 5.68rem;}
.part2[data-status="over"] .dia{width:2.67rem; background-position: -3.65rem -24.26rem; top:1.46rem;}
.part2[data-status="over"] .slogan{display: none;}
.part2[data-status="over"] .btn-start{display: none;}
.part2[data-status="over"] .btn-over{display: block;}

/*当前显示哪一页的内容*/
[data-page="0"] .part0{display: block;}
[data-page="1"] .part1{display: block;}
[data-page="2"] .part2{display: block;}
[data-page="3"] .part3{display: block;}

/*弹窗*/
.pop{width:6.00rem; height: auto; position: relative;  color: #665247; display: none ;}
.pop .btn-close{width: 0.46rem; height: 0.46rem; position: absolute; right: -0.57rem; top:-0.17rem; background-position: -4.34rem -0rem;}
.pop .btn-copy{display:block; width:2.57rem; height: 0.62rem; background-position: -4.90rem -6.36rem;}
/*游戏结果*/
.pop-game-result{width:7.50rem; height: 7.30rem; background: no-repeat center top; background-size: 7.50rem auto;}
.pop-game-result[data-style="0"]{background-image: url("../images/result/0.png");}  /*负分结果*/
.pop-game-result[data-style="1"]{background-image: url("../images/result/1.png");}
.pop-game-result[data-style="2"]{background-image: url("../images/result/2.png");}
.pop-game-result[data-style="3"]{background-image: url("../images/result/3.png");}
.pop-game-result[data-style="4"]{background-image: url("../images/result/4.png");}
.pop-game-result[data-style="5"]{background-image: url("../images/result/5.png");}
.pop-game-result[data-style="6"]{background-image: url("../images/result/6.png");}
.pop-game-result[data-style="7"]{background-image: url("../images/result/7.png");}
.pop-game-result .pop-title{width:2.20rem; position: absolute; bottom: 1.10rem; line-height: 0.22rem; left:50%; margin-left:-1.10rem; text-align: center; font-size: 0.28rem; color:#5d442e; font-weight: bold;}
.pop-game-result .result-value{color:#a64056; margin-left: 0.16rem;}
.pop-game-result .btn-close{width: 0.60rem; height: 0.60rem; top:initial; bottom:0rem; left:50%; margin-left: -0.30rem; background-position: -5.20rem 0;}
/*分享*/
.pop-share{width:100%; height: 100%; overflow: hidden;}
.pop-share .share-img{width:6.10rem; height: 6.04rem; top:0.50rem; right:0.30rem;}

/*恭喜获得奖励*/
.pop-cj {width:6.07rem; height: 8.02rem; background: url("../images/pop-cj.png") no-repeat; background-size: 6.07rem auto;}
.pop-cj .pop-head{width:2.49rem; height: 0.40rem; background-position: 0 -0.94rem; margin: 0.60rem auto 0; }
.pop-cj .pop-body{display: flex; flex-direction: column;align-items: center;}
.pop-cj .pop-body .gift-box{width:2.57rem; height: 2.70rem; background-position: -4.92rem -5.76rem; overflow: hidden; margin-top: 0.15rem;}
.pop-cj .img-box{width:2.68rem; height: 2.10rem; overflow: hidden; display: flex; justify-content: center;}
.pop-cj .img-box .gift-img{width:1.70rem; height: 1.70rem; background: url("../images/gift.png") no-repeat; background-size: 5.42rem auto; margin-top: 0.20rem;}
[data-gift="g1"] .img-box .gift-img{background-position: -0.41rem -0.26rem;}
[data-gift="g2"] .img-box .gift-img{width:2.10rem; background-position: -3.10rem -0.28rem;}
[data-gift="g3"] .img-box .gift-img{background-position: -0.41rem -2.89rem;}
[data-gift="g4"] .img-box .gift-img{background-position: -3.35rem -2.89rem;}
[data-gift="g5"] .img-box .gift-img{background-position: -0.41rem -5.57rem;}
[data-gift="g6"] .img-box .gift-img{background-position: -3.40rem -5.57rem;}
[data-gift="g7"] .img-box .gift-img{background-position: -3.35rem -2.89rem;}
.pop-cj .gift-name{width: 2.00rem; height: 0.56rem; margin:0 auto; display: flex; justify-content: center; align-items: center; text-align: center; color:#654830; font-size: 0.22rem; line-height: 0.22rem;}
.pop-cj .invite-code-row{width:2.98rem; height: 0.62rem; margin-top: 0.20rem; background-position: -4.52rem -2.06rem; display: flex; justify-content: center; align-items: center; text-align: center;}
.pop-cj .invite-code-row .gift-code{ color:#523316; font-weight: bold; font-size: 0.32rem; width:80%; text-align: center;}
.pop-cj .btn-copy{ color:#b39e78; font-size: 0.22rem; text-align: center; margin-top: 0.04rem;}
.pop-cj .cj-tit{width:100%; height: 0.30rem; margin-top: 0.04rem; line-height: 0.30rem; background-position: 0 -14.92rem; text-align: center; font-size: 0.26rem; font-weight: bold; color:#eeeeee;}
.pop-cj .cj-intro{width:5.40rem; margin: 0rem auto ; font-size: 0.20rem; color:#b39e78;}
.pop-cj .cj-intro .cj-intro-tit{width: 1.14rem; height: 0.32rem; margin: 0.08rem 0; color: #664400; background-position-x:-4.82rem; font-size: 0.22rem;color:#eee;}
.cj-help{margin-top: 0.10rem;}

/*助力后引导弹窗*/
.pop-guide{width:7.50rem; height: 100%; }
.pop-guide .btn-play{width:4.34rem; height: 1.34rem; top:4.27rem; left:50%; margin-left: -2.17rem; background-position: 0 -7.58rem;}
.pop-guide .guide-img{width:4.95rem; height: 2.43rem; top:5.83rem; left:50%; margin-left: -2.48rem;}
.pop-guide .btn-close{ width:0.61rem; height: 0.61rem; top: 8.60rem; left: 50%; margin-left: -0.30rem; background-position: -5.20rem 0; }

/*alert通用弹窗*/
.lay-alert[lay-type]{width:5.07rem; height: 1.94rem; min-height: initial; background: url("../images/pop-alert2.png") no-repeat; background-size: 5.07rem auto; }
.lay-alert .lay-alert-head{display: none;}
.lay-alert .lay-alert-body{display: flex; justify-content: center; align-items: center; min-height: initial; margin: 0 auto; width:3.80rem; height: 100%; color:#eeeeee; font-size: 0.24rem;}
.lay-alert .lay-alert-body .txt-red{color: #ff0000;}
.lay-alert .lay-btn-close{width: 0.46rem; height: 0.46rem; font-size: 0rem; background: url("../images/sp.png") no-repeat -4.33rem 0; background-size: 7.50rem auto; right: -0.57rem; top:-0.17rem; }

/*活动规则弹窗*/
.pop-rules-info{width:7.50rem; height: 90%; background:#ebe6de; position: fixed;}
.pop-rules-info .btn-close{width:0.90rem; height: 0.90rem; top:-0.74rem; left:50%; background-position: -2.94rem 0rem; margin-left: -0.47rem; z-index: 10;}
.pop-rules-info .pop-rules-head{height: 1.02rem; display: flex; justify-content: center; align-items: flex-end; position: relative; background-position: 0 -10.58rem; }
.pop-rules-info .pop-rules-head .pop-rules-loading{position:absolute; width:1.40rem; height: 0.06rem; bottom: 0; background: #968764; left:0; transform: translateX(0.80rem); transition: all 0.1s;}
.pop-rules-box{width:100%; height: 100%; display: flex; flex-direction: column;}
.pop-rules-head a{font-size: 0rem; width:2.40rem; height: 0.50rem; background-position-y:-11.84rem; transition: none; margin-bottom: 0.20rem; position: relative;}
.pop-rules-head a:nth-child(1){background-position-x: 0;}
.pop-rules-head a:nth-child(2){background-position-x: -2.40rem;}
.pop-rules-head a:nth-child(3){background-position-x: -4.76rem;}
[data-activeindex] .pop-rules-head a:hover{filter:brightness(1);}
[data-activeindex="0"] .pop-rules-head a:nth-child(1),
[data-activeindex="1"] .pop-rules-head a:nth-child(2),
[data-activeindex="2"] .pop-rules-head a:nth-child(3){background-position-y:-12.36rem; }
[data-activeindex="0"] .pop-rules-head a:nth-child(1)::after,
[data-activeindex="1"] .pop-rules-head a:nth-child(2)::after,
[data-activeindex="2"] .pop-rules-head a:nth-child(3)::after{ content: ''; display: block; width: 0; height: 0; border: 0.13rem solid; border-color: transparent transparent #ebe6de; position: absolute; bottom: -0.19rem; left:50%; margin-left: -0.10rem; }

.pop-rules-info .pop-rules-body{width:100%; flex:1; background: transparent; position: relative; }
#mySwiper {position: absolute;width:100%; height: 100%;}
.pop-rules-body .swiper-slide{width:7.50rem; height: 100% !important; overflow-y: auto; }
.pop-rules-body .swiper-slide .slide-contain{width:7.50rem; height: 11.22rem; overflow-y: hidden;}
.rule-info-box{width:6.80rem; margin:0.60rem auto; color: #86766a; font-size: 0.24rem; line-height: 0.40rem;}
.rule-info-box h4{width: 3.77rem; height:0.63rem; margin:0.54rem auto 0.24rem;}
.rule-info-box h4.rule-info-tit-1{background-position: 0rem -2.48rem;}
.rule-info-box h4.rule-info-tit-2{background-position: 0rem -3.61rem;}
.rule-info-box h4.rule-info-tit-3{background-position: 0rem -4.74rem;}
.rule-info-box h4.rule-info-tit-4{width:4.58rem; height:0.72rem; background-position: 0rem -7.00rem;}
.rule-info-box h4.rule-info-tit-5{width:5.10rem; height:0.72rem; background-position: 0rem -8.14rem;}
.rule-info-box h4.rule-info-tit-6{width:5.10rem; height: 0.78rem; background-position: 0rem -5.82rem;}
.rule-info-box h5{color:#624730; font-weight: bold; font-size: 0.30rem; margin: 0.36rem 0 0.04rem;}
.rule-info-box .gift-container{width:6.00rem; margin:0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.rule-info-box .gift-container li{background: url("../images/gift/gift.png") no-repeat left top; background-size: 5.42rem auto; width:2.41rem; height: 2.44rem; margin-bottom: 0.20rem;}
.rule-info-box .gift-container li:nth-child(1){background-position: 0 -4.11rem;}
.rule-info-box .gift-container li:nth-child(2){background-position: -3.00rem -4.11rem;}
.rule-info-box .gift-container li:nth-child(3){background-position: 0 -6.79rem;}
.rule-info-box .gift-container li:nth-child(4){background-position: -3.00rem -6.79rem;}
.rule-info-box .gift-container li:nth-child(5){background-position: 0 -9.47rem;}
.rule-info-box .gift-container li:nth-child(6){background-position: -3.00rem -9.47rem;}
.rule-info-box .gift-container.gift-1{justify-content: center;}
.rule-info-box .gift-container.gift-1 li{width:2.67rem; height: 2.71rem; background-position: -1.38rem 0;}
.rule-info-box .rule-info-note{margin-top: 0.50rem;}
.pop .pop-cj-list{ width:100%; background: transparent;  color: #665247; }
.pop .pop-cj-list .table-body{width:100%; height:1.26rem; background: transparent; font-size: 0.32rem; margin:0 auto; position: relative;}
.pop .pop-cj-list .table-body tr th{height: 0.56rem; font-weight: bold; font-size: 0.26rem; text-align: center; border:1px solid #9a8b7d;}
.pop .pop-cj-list .table-body tr th:nth-child(1){width:2.26rem;}
.pop .pop-cj-list .table-body tr th:nth-child(2){width:1.50rem;}
.pop .pop-cj-list .table-body tr th:nth-child(3){width:1.00rem;}
.pop .pop-cj-list .table{width:6.70rem; margin: 10px auto; text-align: center; table-layout:fixed; }
.pop .pop-cj-list .table tbody tr{ font-size:0.28rem;}
.pop .pop-cj-list .table tbody tr td{height: 0.56rem; border:1px solid #9a8b7d;}
.pop .pop-cj-list .table tr td{border-bottom: 1px solid #f2f2f2; height: 0.98rem;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all;}
.pop .pop-cj-list .table tr td a{color: #968764;}
.pop .pop-cj-list .table .unlogin-data{color: #999;}

/*视频弹窗*/
.pop-video{ background: rgba(0,0,0,.3); width:7.00rem;}
.pop-video .btn-close {
    right: 50%;
    bottom: -0.66rem;
    top: auto;
    margin-right: -0.23rem;
    background-color: rgba(3,3,3,0.8);
    border-radius: 50%;
}

.bg-music{position: fixed; z-index: -999; top:0; left:0;}