html,body{min-height: 15.5rem;height: 100%;}



.index{width:7.5rem;margin:0 auto;height: 100%;background: #790810}
.index-1{height:5.34rem;background: url(../images/h1.jpg?1555) no-repeat 0 0/cover;}
.index-2{height:6.75rem;background: url(../images/h2.jpg?1555) no-repeat 0 0/cover;position: relative;margin-top: -0.02rem;}
.g-btn{display: block;width: 4rem;height: .95rem;position: absolute;left:50%;transform: translateX(-50%);top:3.48rem;}
.btn_rule{width: 1.52rem;height: .38rem;position: absolute;left:50%;transform: translateX(-50%);top:4.72rem;}

.g-check{display: block;width: 2.6rem;height: .38rem;position:
absolute;left:50%;transform: translateX(-50%);top:5.45rem;}



.g-doc{width:7.5rem;margin:0 auto;height: 100%;position: relative;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}



.top{width: 7.5rem;height: 2.24rem;background: url(../images/top.png) no-repeat 0 0/cover;position: absolute;top:0}
.bottom{width: 7.5rem;height: 1.58rem;background: url(../images/bottom.png) no-repeat 0 0/cover;position: absolute;bottom: 0;}






/* page1 */
.area-1{position: relative;height: 100%;}
.form{width: 7.5rem;;height:10.27rem;background: url(../images/form.png?666) no-repeat 0 0/contain;position: absolute;top:2.05rem;}




.form ul{width: 4.8rem;padding-top: 1.35rem;margin-left:1.89rem;}
.form li{height: 0.76rem;width: 4.8rem;overflow:hidden;margin-bottom:.35rem;}
.form select{-webkit-appearance:none;}
.form input,.form select{width: 4.8rem;height: 0.75rem;line-height: 0.78rem;border:none;background:none;outline: none;display: block;text-indent: 0.2rem;font-size: 0.3rem;transition: all .4s;-webkit-transition: all .4s;background: none;}


.i1-2{box-sizing: border-box;padding-left: 1.6rem}
.form .i5{text-indent: .38rem}
.li6{position: relative;}
.form .i6{width: 2.6rem;padding-left: .3rem;box-sizing: border-box;}






.statement{width: 4.2rem;height: 0.28rem;line-height: 0.28rem;position: absolute;font-size: 0.26rem;left:2.23rem;top:8.95rem}
.statement a{color:#000;text-decoration:underline}
.statement .checkbox{width: 0.26rem;height: 0.26rem;position: absolute;left: -0.34rem;top: 0.02rem;}
.submit{width: 5.05rem;height: 0.85rem;cursor: pointer;position: absolute;left:1.23rem;top:9.45rem;background: url(../images/sub.png) no-repeat 0 0/contain;}


.note{width: 7.5rem;line-height: 1.8;font-size: .2rem;text-align: center;position: absolute;top:10.6rem;}
.note span{color:#d6000f;}








.ybtn{width: 1.62rem;height: .6rem;border-radius:.1rem;text-align: center;color:#fff;line-height: .62rem;position: absolute;top:.06rem;right:.1rem;background: #c31d1f;font-size: .21rem;display: none}
.un-ybtn{width: 1.62rem;height: .6rem;border-radius:.1rem;text-align: center;color:#fff;line-height: .62rem;position: absolute;top:.06rem;right:.1rem;background: #585858;font-size: .21rem;}


.ybox{width: 5rem;height: 3rem;position:fixed;left:50%;top:50%;transform: translate(-50%,-50%);z-index:199;background: #fff;display: none}
.ypic{width: 2.75rem;height: 1.05rem;position: absolute;top:.5rem;left:.35rem;}
.ypic img{width: 100%;height: 100%}
.ycode{width: 1.3rem;height: .6rem;display: block;position: absolute;top:.75rem;left:3.3rem;border: .02rem solid #aaa;text-indent: .1rem;font-size: .32rem;}
.pbtn{width: 2.6rem;height: .6rem;background:#f8d40f;color: #000;position: absolute;top:2rem;left:50%;transform: translateX(-50%);line-height: .64rem;text-align: center;font-size: .34rem;border-radius:.3rem;border:.01rem solid #000;letter-spacing: .05rem}








/* page2 */
.area-2{position: relative;height: 100%;display:none}
.area-2 .wrap{width: 7.5rem;height: 5.81rem;background: url(../images/wrap.png) no-repeat 0 0/contain;position: absolute;top:2rem}
.table{width: 5.84rem;height: 5.81rem;background: url(../images/table.png) no-repeat 0 0 /contain;position: absolute;top:0;left:.75rem}
.arrow{width: 1.9rem;height: 2.48rem;background: url(../images/arrow.png) no-repeat 0 0 /contain;position: absolute;top:1.39rem;left:2.7rem;z-index: 10;}

.btn_my{width: 2.26rem;height: .59rem;background: url(../images/btn_my.png) no-repeat 0 0/contain;position: absolute;top:-1rem;right: 0;display: none;}

.result{width: 5rem;height: 2.8rem;position: absolute;top:6rem;left:1.21rem;text-align: center;display:none}
.result p{text-align: center;line-height: 1.5;letter-spacing: 0.02rem;}
.txt1{font-size: .4rem;}
.txt2{font-size: .42rem;color:#d01937}

.txt3{font-size: .32rem;display: inline-block;position: relative;padding: 0 .45rem;}
.txt3 b{color:#d01937;font-size: .42rem;}
.licon{width: .42rem;height: .37rem;display: inline-block;background: url(../images/licon.png) no-repeat center center/contain;position: absolute;top: .17rem;left:0}
.ricon{width: .42rem;height: .37rem;display: inline-block;background: url(../images/licon.png) no-repeat center center/contain;position: absolute;top: .17rem;right:0}
.btn_again{width: 5rem;height: .8rem;background: url(../images/btn_again.png) no-repeat 0 0/contain;position: absolute;bottom:0;}


.start{top:6.5rem}

.noprize-again .txt2{padding-top: .2rem;}
.noprize-again {height: 2.5rem;}

.prize-end{top:6.5rem}
.prize-end .licon,.prize-end .ricon{top:0.08rem}

.noprize-end{top:6.5rem}
.noprize-end .licon,.noprize-end .ricon{top:0.08rem}


.end{top:6.5rem}
.end .licon,.end .ricon{top:0.08rem}

.no-end{top:6.5rem}
.no-end{height: 1.8rem;}
.ntxt{width: 100%;position: absolute;top: 9.8rem;font-size: .21rem;color:#d6000f;text-align: center}




/* page3 */
.area-3{position: relative;height: 100%;display: none;}
.area-3 .wrap{width: 7.5rem;height: 10.81rem;background: url(../images/bg.png) no-repeat 0 0/contain;position: absolute;top:.38rem}
.area-3 .back{width: 1.41rem;height: .6rem;background: url(../images/back.jpg?555) no-repeat 0 0/contain;position: absolute;right: 0.2rem;top:0.82rem}
.area-3 .list{width: 6.3rem;padding-top:1.78rem;margin: 0 auto;}
.area-3 .list .tit{font-size: .36rem;line-height: 1.2;padding-left: .5rem;margin-bottom: .3rem;}
.area-3 .list li{width: 6.3rem;height: 1.53rem;background:url(../images/gift.png) no-repeat 0 0/contain;margin-bottom: .18rem;padding-left: 1.69rem;box-sizing: border-box;position: relative;line-height: 1.3rem;font-size: .38rem;}
.area-3 .list b{font-size: .42rem;}
.area-3 .selected{width: .66rem;height: .66rem;background: url(../images/selected.png) no-repeat 0 0/contain;position: absolute;top:.27rem;left:.91rem;display: none;}




.des{font-size: .32rem;line-height: .51rem;text-align: center;padding: .3rem 0 .3rem;letter-spacing: .01rem;}
.des span{color: #d6000f;font-weight: 600;}
.btn_unget{width: 5rem;height: .8rem;margin: 0 auto;text-align: center;line-height: .8rem;border-radius:.4rem;background: #9c9b9b;color: #dbdada;font-size: .32rem;font-weight: 600;letter-spacing: .06rem;box-sizing: border-box;}
.btn_get{width: 5rem;height: .8rem;margin: 0 auto;text-align: center;line-height: .8rem;border-radius:.4rem;font-size: .32rem;font-weight: 600;letter-spacing: .06rem;box-sizing: border-box;background: #fff155;border: .01rem solid #000;color: #000;display: none;}


/* page4 */
.area-4{position: relative;height: 100%;display: none;}
.area-4 .wrap{width: 7.5rem;height: 10.37rem;background: url(../images/bg4.png) no-repeat 0 0/contain;position: absolute;top:1rem}


.area-4 .close{width: .7rem;height: .7rem;background: url(../images/close.jpg?555) no-repeat 0 0/contain;position: absolute;right: .8rem;top:0}
.area-4 .header{width: 7.08rem;height: 2.54rem;background: url(../images/header.png) no-repeat 0 0/cover;margin: .87rem auto 0;position: relative;}
.area-4 .code{width: 7.08rem;height: 2.23rem;background: url(../images/code.png) no-repeat 0 0/cover;margin: -0.02rem auto 0;box-sizing: border-box;padding-top: .35rem;}
.area-4 .footer{width: 7.08rem;height: 2.34rem;background: url(../images/footer.png) no-repeat 0 0/cover;margin: -0.02rem auto;box-sizing: border-box;padding-left: 1.1rem;}
.area-4 .footer p{width: 5rem;font-size: .25rem;color:#ffd7d7;line-height: 1.6;text-align: justify;}

.btn_share{width: 5.2rem;height: .8rem;position: absolute;top:1.39rem;left:1rem}


.code .name{font-size: .26rem;line-height: 1.2;margin-bottom: .1rem;text-align: center;}
.code .num{font-size: .5rem;line-height: 1.2;color:#d6000f;font-weight: 600;text-align: center;}
.code .num span{-webkit-user-select:text;-moz-user-select:text;-o-user-select:none;user-select:text;}







/* 防止操作遮罩 */
.mask{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;display: none;}
.fixed{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;background: #000;opacity: .9;display: none;}
.fixed1{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;background: #000;opacity: .9;display: none;}
.pop{width: 6.4rem;height: 3.62rem;position: fixed;top: 36%;left: 50%;transform: translate(-50%, -50%);display: none;z-index: 110}
.pop .pop_close{width: .8rem;height: .8rem;position: absolute;left: 50%;transform: translateX(-50%);top:2.90rem;}
.pop_not{background: url(../images/pop_not.png) no-repeat 0 0/contain;}
.pop_tips{background: url(../images/pop_tips.png) no-repeat 0 0/contain;}


.box_share{width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 100;background: #000;opacity: .9;display: none}
.icon_share{width: 3.69rem;height: 1.7rem;background: url(../images/icon_share.png) no-repeat 0 0/contain;position: absolute;top:0;right:0;}

.pop_rule{width: 6.7rem;height: 10.16rem;background: url(../images/pop_rule.png) no-repeat 0 0/contain;top: 50%;left: 50%;transform: translate(-50%, -50%);position: fixed;display: none;z-index: 101}
.rule_close{width: .8rem;height: .8rem;position: absolute;left: 50%;transform: translateX(-50%);bottom:0;}
.pop_rule .con{width: 6rem;height: 6.9rem;position: absolute;top:1.15rem;left: .3rem;overflow-y:scroll;}


.mtxt{font-size: .26rem;line-height: .52rem;text-align: justify;color:#666;}
.mtxt em{color:#d01937;}
.mtxt span{display: inline-block;padding:0 .15rem;border-radius: .22rem;background: #d01937;margin-right:.05rem;color:#fff;box-sizing: border-box;line-height: 1.6}
.mtxt i{font-style: normal;color:#000;}
.btxt{text-align: left}
.ltxt{text-indent: .38rem}
.more{width: .26rem;height: .37rem;background: url(../images/more.png) no-repeat 0 0/contain;position: absolute;bottom: 1.39rem;left: 50%;margin-left:-.16rem}

/* .pr{position: relative;}
.table{width: 6.1rem;height: 6.1rem;background:url(../images/table.png) no-repeat 0 0/contain;position:absolute;top:0.1rem;left:0.7rem;}
.target{width:1.78rem;height: 2.42rem;position:absolute;top:1.66rem;left:2.88rem;cursor: pointer;background: url(../images/target.png) no-repeat 0 0/contain;z-index: 10;} */

/* .doc img{} */



.music-ctrl{top:.2rem!important;right:.2rem!important;}



/*.music-ctrl{width:0.44rem;height:0.44rem;padding:0.18rem;position:fixed;z-index:999;right:0.3rem;top:0.5rem;}
.music-ctrl em{display:block;width:0.44rem;height:0.44rem;background:url(//www1.pconline.com.cn/zt/wap/bgmusic/music_ctrl.png) no-repeat center top;background-size:contain;}
.music-play{background:url(//www1.pconline.com.cn/zt/wap/bgmusic/music_symbol.gif) no-repeat;background-size:cover;}
.music-play em{-webkit-animation:rotate360 1.5s linear infinite;animation:rotate360 1.5s linear infinite;}

@-webkit-keyframes rotate360 {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes rotate360 {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
*/