@charset "utf-8";
html, body{width:100%; height: 100%; background-color: #383026;}
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-ease-out{
    0%{ transform: scale(1.5); opacity: 0.8;}
    100%{ transform: scale(1); opacity: 0;}
}@keyframes ani-ease-in{
     0%{ opacity: 0.0;}
     100%{  opacity: 1;}
 }
@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;}

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;}
.nav{width:7.50rem; height: 1.25rem; background: #2f2121; display: flex; justify-content: space-between; align-items: center; z-index: 800;}
.logo{width:3.76rem; height: 0.66rem; 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: url("../images/btn-download-game.png"); background-size: 1.75rem 0.61rem; margin-right: 0.44rem; }

.top-info{width:7.50rem;  top:0.20rem; left:0;}
.logo-main{width:3.76rem; height: 0.66rem;  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; text-shadow: 0 0 .16rem rgba(0,0,0,.45);}
.loginfo .username{color:#ffc062;}
.loginfo a{color:#ffc062;}
.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:1.16rem; height: 1.16rem; margin-top: .80rem; overflow: hidden; background: url("../images/icon-music-paused.png")no-repeat;background-size: 1.16rem; animation:circle 3s linear infinite;animation-play-state: paused;  }
.btn-play-box.playing{background-image: url("../images/icon-music.png"); filter: none; animation-play-state: running; }

.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.97rem; height: 1.59rem; background-position:0 -24.28rem; display: flex; }
.dig-txt{font-size: 0.30rem; color: #80664c; text-align: center; margin-top: 0.16rem; margin-left: 0.24rem;}
.part0 .btn-main{bottom:0.72rem; left:50%; margin-left:-1.84rem; width:3.68rem; height: 1.4rem; background-position: 0 -1.28rem;}
.part0 .btns-bot{bottom: 0; left:50%; width: 5.30rem; margin-left: -2.65rem; display: flex; justify-content: space-between; text-decoration: underline; font-size: 0.32rem; }
.part0 .btns-bot a{color:#d8ba82;}
.part0 .btn-active-detail{}
.part0 .btn-download{}
.part0 .slogan, .part0 .slogan i{width:6.26rem; height: 1.82rem; background: url("../images/slogan.png") no-repeat; background-size: 6.26rem auto; bottom: 2.30rem; left:50%; margin-left:-3.13rem;}
.part0 .slogan i{bottom: initial; top:0; left:0; margin-left: 0;}
.part0.ani .slogan{ animation: ani-ease-in 2s ; }
.part0.ani .slogan i{ animation: ani-ease-out 1s forwards; }

/*背景介绍页面*/
.part1{ display: none; background-color: #fff; width:100%; height: 100%; z-index: 901;}
.part1 .shadow{width:100%; height: 100%; background: rgba(0,0,0,.8); position: relative;}
.part1 .pop-contain{width:6.58rem; height: 11.14rem; top:50%; left:50%; margin-top: -5.57rem; margin-left: -3.29rem;}
.part1 .pop-info{width:6.58rem; height: 10.09rem; background: url("../images/bg-bjjs.png") no-repeat; background-size: 6.58rem 10.09rem;}
.part1 .btn-dzjj{width:3.20rem; height: 0.76rem; background-position: 0 -7.22rem; display: block; margin: 0.30rem auto 0;}
.part1 .btn-dzjj-close{width:.56rem; height: .56rem; position: absolute; right:0.35rem; top:0.16rem; background-position: -1.90rem -0.62rem;}


.part2{display:none; width:7.50rem; height: auto; min-height: 13.34rem; background:#383026 url("../images/bg1.jpg") no-repeat center top; background-size: 7.50rem auto;}
.part2 .top-con{height: 6.15rem;}

.part2 .dia{top:0.90rem; right:0.32rem; z-index: 1; width:2.70rem; height: 1.43rem; background-position:-0.02rem -26.29rem; }
.part2 .slogan{width:6.96rem; height: 1.36rem; z-index: 1; background-position:-0.27rem -11.65rem; top:3.68rem; left:50%; margin-left:-3.38rem; animation: ani-ease-in 1s ;}
.part2 .slogan i{width:6.96rem; height: 1.36rem; background-position:-0.27rem -11.65rem; top:0; left:0; }
.part2.ani .slogan{ animation: ani-ease-in 2s ; }
.part2.ani .slogan i{ animation: ani-ease-out 1s forwards; }
.part2 .btn{width:3.68rem; display:none; bottom:0; left:50%; margin-left: -1.84rem; z-index: 9;}
.part2 .btn-start{height: 1.04rem; background-position: 0 -5.86rem; display: block;}
.part2 .btn-invite{height: 1.04rem; background-position: 0 -2.98rem; }
.part2 .btn-help{height: 1.08rem; background-position: 0 -27.76rem;}
.part2 .btn-play{height: 1.40rem; background-position: 0 -4.29rem;}
.part2 .btn-over{height: 1.08rem; background-position: 0 -29.14rem;}
.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{width:1.38rem; height: 0.38rem; background-position: -4.82rem -27.91rem;}
.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 .tit-rxxs{width:1.38rem; height: 0.38rem; background-position: -4.82rem -28.46rem;}
.part2 .tit-box .btn-view{width:0.84rem; height: 0.32rem; background-position: -4.82rem -29.55rem;}
.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.24rem; 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 #c2ab61; }
.part2 .bot-con .help-list li .user-info-box{flex:1; height: 0.70rem; display: flex; flex-direction: column; justify-content: space-between; color: #b39e78; margin-left: 0.08rem;}
.part2 .bot-con .help-list li .user-info-box .nick-name{font-size: 0.30rem; font-weight: bold; color:#fff3de;}
.part2 .bot-con .help-list li .user-info-box .game-date{font-size: 0.22rem; }
.part2 .bot-con .help-list-con:after{content:"";display: block; text-align: center; font-size: 0.30rem; color: #fff; padding: 0.40rem 0;}
.part2 .bot-con .help-list-bot .btn-more{ width:3.20rem; height: 0.76rem; background-position: -3.58rem -7.22rem; 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: #fff; 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:.7rem -19.44rem; text-align: center; margin-top: 0.30rem; color: #ccbea3; font-size: 0.28rem;}
.part2 .cur-jf-box .cur-jf{font-size: .32rem; font-weight: bold; color:#ebe0cc; margin: 0 .20rem;}
.part2 .btn-active-detail{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:#c6ac7d; }

/*游戏动画*/
.playing-txt{width:3.00rem; height: 0.40rem; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0.20rem; left:50%; margin-left:-1.50rem;
    background: rgba(255,255,255,0.8); border-radius: 0.08rem; font-size: 0.28rem; font-weight: bold; color:#665247; }
.btn-skip-video{bottom:0.20rem; right:0.40rem; font-size: 0.26rem; color: #fff; text-decoration: underline; }
.video-container{width:100%; height: 100%;}
.video-container .video-loading{position:absolute; z-index: 999; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.3); font-size: 0.36rem; color:#fafafa; display: flex; justify-content: center; align-items: center;}
.video-container .video-loading:after{content:"加载中"; animation: loading 1s infinite;}
.video-container img{width:100%; height: 100%; object-fit:fill;}
.video-container[data-video-status="play"] .video-loading{display: none;}
.video-container[data-video-status="play"] .video-box{display: block;}


/*领取奖励列表*/
.jl-list-box{width:7.50rem; margin-top: 0.20rem; background-position:0.13rem -21.58rem; }
.jl-list-box .jl-list{width:7.00rem; min-height: 1.43rem; margin:0 auto; display: flex;}
.jl-list li{width:1.40rem;}
.jl-list li .gift-img{width:1.40rem; height: 1.18rem; background-position: -2.90rem -20.20rem;position: relative;}
.jl-list li .lq-txt::after{display:block; content:"未达成"; text-align: center; color:#ccbea3; font-weight: bold; margin-top: 0.36rem;}
.jl-list li .btn-lq{display:none; width:1.02rem; height: 0.42rem; background-position: -3.96rem 0; margin:0.36rem auto 0;}
/*//领奖状态(0未领取 1已领取 2未达成)*/
.jl-list li[data-status="0"] .gift-img{ background-position: -1.54rem -20.20rem;}
.jl-list li[data-status="1"] .gift-img{ background-position: 0.06rem -20.16rem; margin-left: 0.10rem;}
.jl-list li[data-status="2"] .gift-img{ background-position: -2.90rem -20.20rem;}
.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:#e5bf73;}
.jl-list li[data-status="2"] .lq-txt{display: block;}
.jl-list li[data-status="2"] .lq-txt::after{content:"未达成"; }
/*心愿单列表*/
.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.76rem auto; }
.wish-list{display: flex;}
.wish-list li{width:1.40rem;}
.wish-list li .gift-img{width:1.40rem; height: 1.18rem;}
.wish-list li:nth-child(1) .gift-img{background-position: 0.12rem 0;}
.wish-list li:nth-child(2) .gift-img{background-position: -1.38rem 0;}
.wish-list li:nth-child(3) .gift-img{background-position: -2.68rem 0;}
.wish-list li:nth-child(4) .gift-img{background-position: -4.08rem 0;}
.wish-list li:nth-child(5) .gift-img{background-position: -5.48rem 0;}
.wish-list .gift-txt{ display:flex; color: #ccbea3; font-size: 0.20rem; justify-content: center; text-align: center;}

/*邀请者完成了游戏后*/
.part2[data-status="isFinish"]{background-image:url("../images/bg2.jpg");}
.part2[data-status="isFinish"] .dia{width:2.67rem; background-position: -3.65rem -24.29rem; top:1.46rem;}
.part2[data-status="isFinish"] .slogan{display: none;}
.part2[data-status="isFinish"] .btn-start{display: none;}
.part2[data-status="isFinish"] .btn-invite{display: block;}

/*客态页面*/
.part2[data-status="kt"]{background-image:url("../images/bg1.jpg");}
.part2[data-status="kt"] .dia{width:2.67rem; background-position: -3.65rem -26.26rem; top:1.46rem;}
.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"]{background-image:url("../images/bg2.jpg");}
.part2[data-status="kt-finish"] .dia{width:2.67rem; background-position: -3.65rem -24.26rem; top:1.46rem;}
.part2[data-status="kt-finish"] .slogan{display: none;}
.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="playing"]{background-image:url("../images/bg2.jpg");}
.part2[data-status="playing"] .slogan{display: block;}
.part2[data-status="playing"] .dia{display: block;}
.part2[data-status="playing"] .btn-start{display: none;}

/*活动结束*/
.part2[data-status="over"] .top-con{height: 5.68rem;}
.part2[data-status="over"]{background-image:url("../images/bg2.jpg");}
.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: #eeeeee; display: none;}
.pop .btn-close{width:.56rem; height: .56rem; position: absolute; right:-0.60rem; top:-0.14rem; background-position: -1.90rem -0rem;}
.pop .btn-copy{display:block; width:3rem; height: 0.62rem; background-position: -4.48rem -6.38rem;}
.pop-container{padding-top: .01rem;}
/*游戏结果*/
.pop-game-result{width:6.08rem; height: 7.18rem; color:#666;}
.pop-game-result .btn-close{right: initial; left: 50%; margin-left: -.28rem; bottom: 0; top:initial;}
.pop-game-result .pop-container{ background: no-repeat center top; background-size: 6.08rem auto; width: 6.08rem; height: 6.24rem; position: relative;}
.pop-game-result[data-result="1"] .pop-container{ background-image: url("../images/pop-result1.png"); }
.pop-game-result[data-result="2"] .pop-container{ background-image: url("../images/pop-result2.png"); }
.pop-game-result[data-result="3"] .pop-container{ background-image: url("../images/pop-result3.png"); }
.pop-game-result[data-result="4"] .pop-container{ background-image: url("../images/pop-result4.png"); }
.pop-game-result[data-result="5"] .pop-container{ background-image: url("../images/pop-result5.png"); }
.pop-game-result[data-result="6"] .pop-container{ background-image: url("../images/pop-result6.png"); }
.pop-game-result[data-result="7"] .pop-container{ background-image: url("../images/pop-result7.png"); }
.pop-game-result[data-result="8"] .pop-container{ background-image: url("../images/pop-result8.png"); }

.pop-game-result .pop-title {
    font-size: 0.28rem;
    color: #5d442e;
    font-weight: bold;
    margin: 5.82rem auto 0;
    width: 2.20rem;
    line-height: .28rem;
    background: #f7d499;
    text-align: center;
    border-radius: .20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.10rem 0 ;

}
.pop-game-result .result-value-box{color:#a64056; }
/*分享*/
.pop-share{width:100%; height: 100%; overflow: hidden;}
.pop-share .share-img{width:6.1rem; height: 6.04rem; top:1.20rem; left:.6rem;}

/*恭喜获得奖励*/
.pop-cj {width:6.08rem; height: 8.02rem; background: url("../images/pop-cj.png") no-repeat; background-size: 6.07rem auto;}
.pop-cj .pop-head{ margin-top: 0.5rem; font-size: 0.40rem; color: #ffe9c2; font-weight: bold; text-align: center;}
.pop-cj .pop-body{display: flex; flex-direction: column;align-items: center;}
.pop-cj .pop-body .gift-box{width:2.68rem;}
.pop-cj .img-box{width:2.68rem; height: 2.14rem; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.pop-cj .img-box .gift-img{width:2.00rem; height: 2.00rem; background-size: 2.00rem 2.00rem; margin: .10rem auto .22rem;}
[data-gift="g1"] .img-box .gift-img{background-image: url("../images/gift/pop/g1.png")}
[data-gift="g2"] .img-box .gift-img{background-image: url("../images/gift/pop/g2.png")}
[data-gift="g3"] .img-box .gift-img{background-image: url("../images/gift/pop/g3.png")}
[data-gift="g4"] .img-box .gift-img{background-image: url("../images/gift/pop/g4.png")}
[data-gift="g5"] .img-box .gift-img{background-image: url("../images/gift/pop/g5.png")}
[data-gift="g6"] .img-box .gift-img{background-image: url("../images/gift/pop/g6.png")}
[data-gift="g7"] .img-box .gift-img{background-image: url("../images/gift/pop/g7.png")}
.pop-cj .gift-name{width: 2.14rem; height: 0.60rem; margin:0 auto; display: flex; justify-content: center; align-items: center; font-size: 0.22rem; line-height: 0.22rem; text-align: center; color:#654830;}
.pop-cj .btn-copy{margin-top: 0.19rem;}
.pop-cj .invite-code-row{margin-top: 0.04rem;}
.pop-cj .cj-tit{width:100%; height: 0.30rem; margin-top: 0.35rem; line-height: 0.30rem; background-position: 0 -17.60rem; text-align: center; font-size: 0.24rem;}
.pop-cj .cj-intro-con{width:5.30rem; margin: 0.66rem auto 0.0rem; }
.pop-cj .cj-intro{color:#b39e78; font-size: .20rem;line-height: .24rem;}
.pop-cj .cj-intro .cj-intro-tit{margin: 0.20rem 0 0.06rem; color: #eeeeee; font-size: .22rem; line-height: .28rem;}
.pop-cj .cj-note{ color:#b39e78; font-size: .20rem; margin-top: .26rem;line-height: .24rem; }
/*alert通用弹窗*/
.pop-alert{width:5.08rem; height: 1.94rem; background: url("../images/pop-alert.png") no-repeat; background-size: 5.08rem auto; }
.pop-alert .pop-container{height: 2.40rem;}
.pop-alert .pop-title{font-size: .30rem; padding-top: .30rem; text-align: center; font-weight: bold;}
.pop-alert .pop-content{padding:.20rem 0.30rem .15rem; min-height: .60rem; text-align: center; font-size: 0.28rem;}
.pop-alert .pop-content .txt-red{color: #ff0000;}
.pop-alert .pop-foot{line-height: .42rem; height: .42px; text-align: center;}
.pop-alert .btn-normal{line-height: .42rem; width:1.50rem; height: .42rem; margin-top:0;}

/*活动规则弹窗*/
.pop-rules-info{width:7.50rem; height: 90%; background:url("../images/pop-rule.png") no-repeat center top; background-size: 7.50rem auto; position: fixed;}
.pop-rules-info .btn-close{width:0.90rem; height: 0.90rem; top:-0.74rem; left:50%; background-position: -2.76rem 0rem; margin-left: -0.47rem; z-index: 10;}
.pop-rules-info .pop-rules-head{height: 1rem; display: flex; justify-content: center; align-items: flex-end; position: relative; }
.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: 0.32rem; font-weight: bold; color: #fff; width:2.40rem; height: 0.77rem; text-align: center;
    margin:0rem auto 0; line-height: 0.68rem; display: flex; justify-content: center; align-items: center; transition: none;
}
[data-activeindex] .pop-rules-head a{color: #b7a37d; background: url(../images/sp.png) no-repeat center top;background-position-x:-7.50rem; background-size: 7.50rem auto;}
[data-activeindex] .pop-rules-head a:hover{filter:brightness(1);}
[data-activeindex="0"] .pop-rules-head a:nth-child(1){color: #f3e4cb;background-position-x:-5.10rem; background-position-y:0rem; }
[data-activeindex="1"] .pop-rules-head a:nth-child(2){color: #f3e4cb;background-position-x:-5.10rem; background-position-y:0rem; }
[data-activeindex="2"] .pop-rules-head a:nth-child(3){color: #f3e4cb;background-position-x:-5.10rem; background-position-y:0rem; }

.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:5.44rem; height: 0.72rem; margin:0.54rem auto 0.24rem;}
.rule-info-box h4.rule-info-tit-1{background-position: 0rem -13.22rem;}
.rule-info-box h4.rule-info-tit-2{background-position: 0rem -14.35rem;}
.rule-info-box h4.rule-info-tit-3{background-position: 0rem -15.48rem;}
.rule-info-box h4.rule-info-tit-4{width:2.96rem; height:0.82rem; background-position: 0rem -16.62rem;}
.rule-info-box h4.rule-info-tit-5{width:3.60rem; height:0.82rem; background-position: 0rem -17.79rem;}
.rule-info-box h4.rule-info-tit-6{width:5.10rem; height: 0.78rem; background-position: 0rem -18.64rem;}
.rule-info-box h5{color:#665247; font-weight: bold; font-size: 0.30rem; margin: 0.36rem 0 0.04rem;}
.rule-info-box .rule-gifts-img{width:5.42rem; display: block; margin: 0 auto;}
.rule-info-box .rule-info-way{margin-left: .32rem;}
.rule-info-box .rule-info-note{margin-top: 0.50rem;}
.rule-info-box .rule-item{ margin-left: .32rem;}
.rule-info-box .rule-item i{width: .24rem; height: .24rem; margin-left: -.32rem; display: inline-block;border-radius: 50%; position: relative; top:-.02rem;text-align: center; background: #94847a; color:#ebe6de; font-size: .20rem; line-height: .24rem; line-height: .24rem;}
.pop .pop-cj-list{ width:100%; background: transparent;  color: #86766a; }
.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: .30rem; color:#665247; 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;}


.dia{display: none;}