.sprite1{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/sprite1.png") no-repeat 0 0/7.5rem 13.34rem;
}
.spr1{
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr1.png) no-repeat 0 0/7.5rem 13.34rem;
}
.sprite2{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/sprite2.png") no-repeat 0 0/7.5rem 13.34rem;
}
.spr2{
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr2.png) no-repeat 0 0/7.5rem 13.34rem;
}
.sprite3{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/sprite3.png") no-repeat 0 0/7.5rem 3.26rem;
}
.spr3{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/spr3.png") no-repeat 0 0/7.5rem 13.34rem;
}
body{
    /*background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/bg.jpg") no-repeat 0 0/7.5rem;*/
    /*background-size: 100% 100%;*/
    /*width: 7.5rem;*/
    /*height:69.96rem;*/
    font-size: .24rem;
}

.top-nav {width: 100%;height: 1.37rem;background: #1E1E1E;position: fixed;z-index: 9990;left: 0;top: 0;}
.top-nav .logo {background-image: url("//game.gtimg.cn/images/ty/act/20190522_ty2/top-icon.png");background-size: 0.96rem auto;text-indent: -99.99rem}
.top-nav .btn-order {display: block;width: 1.6rem;height: 0.53rem;background-position: 0 0;position: absolute;top: 0.4rem;right: -1.7rem;text-indent: -99999em}
.top-nav #btn-menu,.top-nav .btn-order,.top-nav .logo { position: absolute; display: block}
.top-nav .logo {width: 0.96rem; height: 0.96rem; left: 0.30rem; top: 0.18rem;}
.top-nav h1 {padding: 0.3rem 0 0 1.38rem;height: 0.34rem;color: #E4E4E4;font-size: 0.32rem}
.top-nav h2 {padding-left: 1.38rem;color: #929292;font-size: 0.18rem;line-height: .6rem;}
.top-nav .btn-order {width: 1.81rem;height: 0.63rem;right: 0.43rem;top: 0.38rem;background-position: -5.65rem -6.36rem;text-indent: -9999rem}
.top-nav .btn-order.on{ background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/booked-btn.png) no-repeat 0 0/cover;width: 1.85rem;height: .62rem}
.page-1{
    margin-top: 1.37rem;
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/kv.jpg") no-repeat;
    width: 7.5rem;
    height: 8.24rem;
    text-indent: -9999rem;
    background-size: 100% 100%;
    font-size: 0;
    position: relative;
}
.logo-qq{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/QQ.png");
    background-size: 100% 100%;
    width:1.35rem;
    height:.93rem;
    position: absolute;
    top: .43rem;
    left: .15rem;
}
.warp{
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/bg.jpg) no-repeat center/cover;
    width: 7.5rem;
    height: 60.68rem;
    box-sizing: border-box;
    padding-top: 2.99rem;
    position: relative;
}
.warp:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/bottom-bg.png) no-repeat center/cover;
    width: 7.5rem;
    height: 5.45rem;
}
.page-2{
}
.page-2 .page-2-title{
    width: 6.38rem;
    height: .99rem;
    background-position:0 -7.14rem ;
    text-indent: -9999rem;
    margin: 0 auto;
}
.page-2 .activity-title{
    width: 1.45rem;
    height: .36rem;
    background-position:0 -.75rem ;
    text-indent: -9999rem;
    margin: .34rem auto .1rem;
}
.page-2 .activity-time{
    width: 7.5rem;
    height: .53rem;
    background-position:0 0;
    text-indent: -9999rem;
    margin: 0 auto;
}
.page-2 .explain{
    width: 6.5rem;
    height: 0.54rem;
    line-height: 0.29rem;
    color: #6e4827;
    margin:.35rem auto;
    font-size: 0.24rem;
    text-indent: .12rem;
}
.page-2 .explain strong{
    color: #b81919;
    font-weight: 800;
}
.page-2 .current-poll{
    margin:.37rem auto 0;
    width: 5.58rem;
    height: 1.6rem;
    padding-top: .02rem;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/vote-box.png) no-repeat center/cover;
}
.page-2 .current-poll p{
    font-size: 0.3rem;
    color: #e6d8ab;
    text-align: center;
    margin:.25rem 0 .13rem 0  ;
}
.page-2 .current-poll .current{
    font-size: .24rem;
    margin-top: .3rem;
}
.page-2 .current-poll p strong{
    color: #b81919;
    font-weight: 800;
}
.page-2 .sects{
    width: 7.5rem;
    margin-top: .38rem;
}
.page-2 .martial-top,.page-2 .martial-bottom{
    display: flex;
    justify-content: center;
}
.page-2 .martial-bottom{
    margin-top: -.3rem;
}
.page-2 .sects .sect{
    width: 2.19rem;
    height: 4.24rem;
    position: relative;
    /* margin-bottom: .4rem; */
    /*margin-top: .3rem;*/
}
.page-2 .sect p{
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr3.png) no-repeat -3.76rem -1.16rem/7.5rem 13.34rem;
    width: 2.19rem;
    height: .83rem;
    position: absolute;
    bottom: .45rem;
    text-align: center;
    line-height: .83rem;
    left: 0;
    font-size: .2rem;
    color: #8d5f21;
}
.page-2 .tb p,.page-2 .sw p{
    bottom: .6rem;
}
.page-2 .sects .tb{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/taibai.png") no-repeat center/cover;
    margin-right: .1rem;
}
.page-2 .sects .sw{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/shenwei.png") no-repeat center/cover;
}
.page-2 .sects .tm{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/tangmen.png") no-repeat center/cover;
    margin-right: .1rem;
    margin-top: -.3rem;
}
.page-2 .sects .tx{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/tianxiang.png") no-repeat center/cover;
    margin-right: .1rem;
    width: 2.18rem;
    height: 3.93rem;
}
.page-2 .sects .gb{
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/gaibang.png") no-repeat center/cover;
    margin-top: -.3rem;
}

.page-2 .sects .vote{
    display: block;
    position: absolute;
    bottom: .26rem;
    left:50%;
    background-position: -4.63rem -5.6rem;
    width: 1.48rem ;
    height: .45rem;
    text-indent: -9999rem;
    margin-left: -.74rem;
}
.page-2 .sects .vote.on{
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/voted-btn.png) no-repeat 0 0/cover;
}
.sects .martial-top .vote{
    bottom: .4rem;
}
/*.page-2 .sects .tb .vote{*/
    /*left: .45rem;*/
/*}*/
/*.page-2 .sects .gb .vote{*/
    /*left: .22rem;*/
/*}*/
.activity-rule{
    display: block;
    text-indent: -9999rem;
    width: 7.5rem;
    height:.65rem;
    background-position: 0 -1.41rem;
    margin-top: 1.5rem;
    position: relative;
    z-index: 1;
}

.page-3{
    padding-top: 4.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.page-3 .page-3-title{
    background-position: 0 -8.34rem;
    width: 3.95rem;
    height:.99rem ;
    text-indent: -9999rem;
}
.page-3 .explain{
    font-size: 0.24rem;
    line-height: 0.49rem;
    color: #6e4827;
    margin: .08rem 0;
    text-align: center;
}
.explain strong{
    color: #b81919;
}
.friends-box{
    background-position: 0 -4.3rem;
    width: 7.5rem;
    height: 5.54rem;
    margin-top: .15rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.friends-box-content{
    width: 6.67rem;
    height: 4.18rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content:flex-start
}
.friends-box-content>div{
    margin-right: .13rem;
    margin-top: .45rem;
}
.friends-box-content>div:nth-child(4n){
    margin-right: 0;
}
.friend{
    width: 1.42rem;
    height: 1.44rem;
}
.friend img{
    width: 100%;
    height: 100%;
    /*margin: -.13rem 0 0 -.13rem ;*/
}
/*.f1{*/
    /*position: absolute;*/
    /*top: .27rem;*/
    /*left: .8rem;*/
/*}*/
/*.f2{*/
    /*position: absolute;*/
    /*top: .6rem;*/
    /*left: 2.4rem;*/
/*}*/
/*.f3{*/
    /*position: absolute;*/
    /*top: .6rem;*/
    /*left: 4rem;*/
/*}*/
/*.f4{*/
    /*position: absolute;*/
    /*top: .27rem;*/
    /*right: .78rem;*/
/*}*/
/*.f5{*/
    /*position: absolute;*/
    /*top: 1.87rem;*/
    /*left: .8rem;*/
/*}*/
/*.f6{*/
    /*position: absolute;*/
    /*top: 2.18rem;*/
    /*left: 2.4rem;*/
/*}*/
/*.f7{*/
    /*position: absolute;*/
    /*top: 2.18rem;*/
    /*left: 4rem;*/
/*}*/
/*.f8{*/
    /*position: absolute;*/
    /*top: 1.87rem;*/
    /*right: .78rem;*/
/*}*/
/*.fd-1{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/

/*}*/
/*.fd-2{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/
/*}*/
/*.fd-3{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/
/*}*/
/*.fd-4{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/
/*}*/
/*.fd-5{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/
/*}*/
/*.fd-6{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/
/*}*/
/*.fd-7{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/
/*}*/
/*.fd-8{*/
    /*width: 1.36rem;*/
    /*height: 1.36rem;*/
/*}*/

.btn-invite{
    display: block;
    text-indent: -9999rem;
    background-position: 0 -11.6rem;
    width: 3.95rem;
    height:.99rem;
    margin: .8rem auto 0;
}
.friend-invite{
    font-size: 0.24rem;
    line-height: 0.49rem;
    color: #6e4827;
    text-align: center;
    width: 7.5rem;
    margin-bottom: .4rem;
    position: relative;
}
.friend-invite:after{
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr1.png) no-repeat 0 -4.56rem/7.5rem 13.34rem;
    width: 7.5rem;
    height: .35rem;
    content: '';
    position: absolute;
    left: 0;
    top : .2rem;
}
.friend-num{
    font-size: 0.24rem;
    color: #b81919;
    font-weight: 800;
}
.invite-award{
    display: flex;
    justify-content: space-around;
}
.invite-award{
    background-position:0 0;
    width: 2.32rem;
    height: 4.05rem;
    position: relative;
}
.is-reach{
    background-position: -2.66rem 0;
    width: .89rem;
    height: .45rem;
    position: absolute;
    left: 50%;
    margin-left: -.42rem;
    top: .19rem;
    display: none;
}
.invite-award.on .award-box{
    /*top:0;*/
    top: .53rem;
}
.invite-award.on .reach-condition{
    /*bottom: .9rem*/
    bottom: .45rem;
}
.invite-award.on .is-reach{
    display: block;
}
.award-box{
    width: 2rem;
    height: 2rem;
    font-size: 0.2rem;
    color: #dbb065;
    margin: 0 auto;
    position: absolute;
    left: .2rem;
    top: 0;
}
.award-box:after{
    content: '';
    position: absolute;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr2.png) no-repeat -2.53rem -.68rem/7.5rem 13.34rem;
    width: 1.41rem;
    height: 1.41rem;
    left: 50%;
    top: 50%;
    margin-left: -.7rem;
    margin-top: -.7rem;
}
.award-name-first{
    margin-top: .3rem;
}
.award-name{
    margin-bottom: .03rem;
}
.award-box img{
    margin: .46rem auto .12rem;
    width: 1.4rem;
    height: 1.08rem;
    position: relative;
    z-index: 1;
}
.award-box{
    text-align: center;
}
.reach-condition{
    font-size: .2rem;
    width: 1.74rem;
    height: .35rem;
    background-position:-1.96rem -6.49rem ;
    position: absolute;
    bottom: .9rem;
    left: .35rem;
    text-align: center;
    line-height: .35rem;
    color: #6e4827;
}
.reach-condition strong{
    color: #b91919;
    font-weight: 800;
}


.page-4{
    padding-top: .01rem;
}
.page-4 .page-4-title{
    background-position: 0 0;
    width: 7.5rem;
    height: 1.55rem;
    margin-top: 2rem;
    text-indent: -9999rem;
}
.page-4 .share-box{
    background-position: 0 -.85rem;
    width: 7.5rem;
    height: 3.67rem;
    margin-top: .65rem;
    position: relative;
}
.btn-follow{
    width:.72rem;
    height: 1.71rem;
    position: absolute;
    top: .3rem;
    left: 1.13rem;
    text-indent: -9999rem;
}
.btn-share{
    width:.72rem;
    height: 1.71rem;
    position: absolute;
    top: .3rem;
    right: 1.13rem;
    text-indent: -9999rem;
}
.share-box .follow{
    width: 1.31rem;
    height: 1.31rem;
    position: absolute;
    top: .87rem;
    left: 2.27rem;
    text-align: center;
    color: #6e4827;
    margin-top: .33rem;
}
.share-box .share{
    width: 1.31rem;
    height: 1.31rem;
    position: absolute;
    top: .87rem;
    right: 2.27rem;
    text-align: center;
    color: #6e4827;
    margin-top: .33rem;
}

.page-5{
    box-sizing: border-box;
    margin-top: .95rem;
    position: relative;
}
.page-5 .page-5-title{
    background-position: 0 -10.96rem;
    width: 3.95rem;
    height: 1.39rem;
    /*margin: 2rem auto .5rem;*/
    text-indent: -9999rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.page-5 .lottery img{
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.page-5 .remaining{
    font-size: 0.24rem;
    margin-top: .48rem;
    color: #6e4827;
    text-align: center;
    margin-bottom: .14rem;
    position: relative;
    z-index: 1;
}
.remaining-num{
    color: #b81919;
}
.my-money{
    width: 2.13rem;
    height: .49rem;
    background-position: -1.96rem -5.6rem;
    font-size: 0.24rem;
    line-height: 0.49rem;
    color: #6e4827;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.remaining-money{
    color: #b81919;
    font-weight: 800;
}

.prize-record-title{
    background-position: 0 -3.35rem;
    width: 7.49rem;
    height: .98rem;
    margin: 1.2rem auto .25rem;
}

.prize-record{
    position: relative;
    /*background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/prize-record.png") no-repeat;*/
    width: 100%;
    height: 5.5rem;
    /*padding-top: .29rem;*/
    background-size: 100% 100%;
    /*margin: 0 auto;*/
    /*padding-left: .1rem;*/
    /*overflow-y: auto;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: .16rem;
    padding-right: .06rem;
}
.prize-record ul{
    position: absolute;
    top: .2rem;
    left: .1rem;
    bottom: .2rem;
    right: .04rem;
    overflow-y: auto;
    display: flex;
    justify-content: start;
    flex-flow: wrap;
}
.prize-record ul div:nth-child(3n-1){
    margin: 0 .32rem;
}
.prize-record ul .no-msg{
    text-align: center;
    color: #6e4827;
    margin: 1.6rem;
    font-size: .26rem;
}
.reward{
    width: 2.23rem;
    padding-top: 1.5rem;
    /*margin: 0 .2rem .2rem;*/
    /* background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/prop.png) no-repeat top center/1.39rem 1.39rem; */
    text-align: center;
    font-size: 0.2rem;
    color: #6e4827;
    line-height: .3rem;
    height: .3rem;
    /*display: inline-block;*/
    position: relative;
    vertical-align: top;
    margin-bottom: .76rem!important;
}
.reward span:after{
    content: '';
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr1.png) 0 -12.93rem/7.5rem 13.34rem;
    display: inline-block;
    width: .38rem;
    height: .09rem;
    position: relative;
    top: -0.03rem;
    margin-left: .1rem;
}
.reward span:before{
    content: '';
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr1.png) -.56rem -12.93rem/7.5rem 13.34rem;
    display: inline-block;
    width: .4rem;
    height: .09rem;
    position: relative;
    top: -0.03rem;
    margin-right: .1rem;
}
.reward img{
    /*position: absolute;*/
    /*top: 0;*/
    /*left: .3rem;*/
    margin: -1.5rem auto 0;
    width: 1.9rem;
    height: 1.9rem;
}

.btn-box{
    display: flex;
    justify-content: center;
}
.prev-reward{
    width: 1.51rem;
    height: .54rem;
    background-position: -5.58rem -8.42rem;
    margin: .21rem .35rem;
    font-size: 0.24rem;
    color: #6e4827;
    text-align: center;
    line-height: .54rem;
}
.next-reward{
    width: 1.51rem;
    height: .54rem;
    background-position:-5.58rem -8.42rem;
    margin: .21rem .35rem;
    font-size: 0.24rem;
    color: #6e4827;
    text-align: center;
    line-height: .54rem;
}

.rule .dia-con{
    padding-top: .01rem;
    background: url("//game.gtimg.cn/images/ty/act/20190522_ty2/bg-dialog-rule.png") no-repeat center/cover;
    width: 6.1rem;
    height: 7.28rem;

}
.rule .dia-con h3{
    width: 6.1rem;
    height: .88rem;
    background-position: 0 -4.16rem;
    text-indent: -9999rem;
    margin: .76rem auto .47rem;
}
.rule .dia-con ol{
    width: 5.54rem;
    height: 3.12rem;
    overflow-y: scroll;
    margin: 0 auto;
}
.rule .dia-con ol li{
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #6e4827;
}
.rule .dia-con:after{
    content: '';
    position: absolute;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr3.png) no-repeat -1.34rem -.39rem/7.5rem 13.34rem;
    width: .48rem;
    height: .43rem;
    right: .5rem;
    bottom: -.7rem;
}
.rule .dia-con:before{
    content: '';
    position: absolute;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr3.png) no-repeat -.22rem -.32rem/7.5rem 13.34rem;
    width: .61rem;
    height: .58rem;
    left: -.2rem;
    bottom: -1.1rem;
}
.rule .dia-con .sure{
    display: block;
    width: 3.28rem;
    height: .64rem;
    background-position: -3.37rem -.07rem;
    margin: .52rem auto 0;
    text-indent: -9999rem;
}
.dia-close{
    width: 1.05rem;
    height: 1.05rem;
    background: url('//game.gtimg.cn/images/ty/act/20190522_ty2/close.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -1.05rem;
    right: -.5rem;
    text-indent: -9999rem;
}

.lottery{
    position: relative;
    width: 7.15rem;
    height: 7.61rem;
    margin: 0 auto;
    margin-top: .66rem;
}
.page-5 .lottery img{
    width: 100%;
    height: 100%;
}
.lotterycontent_container{
    /*width: 7.1rem !important;*/
    /*height: 7.02rem !important;*/
    position: absolute;
    left: 0 !important;
    top:0 !important;
    z-index: 2 !important;
}

.share-dia{
    width: 6.1rem;
    height: 3.73rem;
    padding: .97rem .18rem 0 2.4rem;
    box-sizing: border-box;
    font-size: .24rem;
    color: #886847;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/dia-share.png) no-repeat center/cover;
}
.share-dia:before{
    content: '';
    position: absolute;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr3.png) no-repeat -.22rem -1.73rem/7.5rem 13.34rem;
    width: 1.53rem;
    height: 1.6rem;
    right: 0;
    top: -1rem;
}
.share-dia:after{
    content: '';
    position: absolute;
    /*background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr3.png) no-repeat -1.34rem -.39rem/7.5rem 13.34rem;*/
    /*width: .48rem;*/
    /*height: .43rem;*/
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/spr3.png) no-repeat -2.47rem -.52rem/7.5rem 13.34rem;
    width: .24rem;
    height: .18rem;
    left: 0;
    bottom: -1rem;
}
.share-dia span{
    color: #b91919;
    font-weight: bold;
}


.page-1 .order-box {
    width: 2.7rem;
    height: .75rem;
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/order-btn.jpg) no-repeat center/cover;
    position: absolute;
    bottom: -.56rem;
    left: 50%;
    margin-left: -1.35rem;
    z-index: 1;
}

.page-1 .order-box.on {
    background: url(//game.gtimg.cn/images/ty/act/20190522_ty2/order-btn-on.png) no-repeat 0 0/cover;
    /*background: url(..///game.gtimg.cn/images/ty/act/20190522_ty2/ordered-btn.png) no-repeat 0 0/cover;*/
}

.page-1 .btn-order {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-indent: -9999rem;
}