.new-user{color: #fff;text-align: center;position: absolute;right:.4rem;top:1.14rem;}
.new-user span,.new-user a{color: #fff;}

.gift-look{text-align: center;position: relative;z-index: 9;cursor: pointer;}
.gift-look div{display: inline-block;}
.gift-look div+div{margin-left: .2rem;}
.gift-look span{text-decoration: underline;color: #ffe3bf;display: inline-block;vertical-align: middle;margin-left: .1rem;}
.gift-look img{width: .27rem;display: inline-block;vertical-align: middle;}

.num{display: inline-block; margin-top: .3rem; text-align: center;color: #f4f3c3;min-width: 4.81rem;height: .43rem;line-height: .43rem;background: url("../img/num-bg.png") center center no-repeat;background-size: 100% 100%;}
.num span{color: #ffffff;font-weight: bold;}
.num i{color: #91ff30;font-size: .26rem;}

.explain{color: #805f50;margin: 0 .4rem;}
.explain .explain-tit{font-weight: bold;}
.explain .explain-txt .s1{display: inline-block;width: 90%; vertical-align: top;}

.tooltip{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,.8);}
.tooltip img{ width: 6.3rem; margin: 0 auto;}

.sm-tit{width: 3.04rem;margin: 0 auto;padding-top: .55rem;}
.tit{display: block;color: #fffad4;text-align: center;padding:.18rem .44rem;}
.con3 .tit{padding:.2rem .44rem 0 .44rem;}
.tit i{color: #fffa55;}

.inp-box{position: relative;margin: 0 .1rem 0 .4rem;box-sizing: border-box;}
.inp-box input{display: inline-block;vertical-align: middle;border-radius: .5rem;box-sizing: border-box;padding: 0 2rem 0 .2rem;}
.btn-send{width: 1.55rem;height: .56rem;cursor: pointer;background: url("../img/btn-send.png") center center no-repeat;background-size: 100% 100%;position: absolute;right: 0;top: 0;}

.tanchu_box {display: block;text-align: center;z-index: 999;position: relative;}
.tanchu_box img {
    width: .25rem;
    display: inline-block;
    vertical-align: top;
}
.tanchu_box div{
    display: inline-block;
    cursor: pointer;
    color: #fae651;
    text-decoration: underline;
    line-height: 1.3;
    vertical-align: middle;
    margin-left: .19rem;
}

.nav_box {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0%;
    z-index: 999;
}
.nav_bar {
    width: 7.5rem;
    height: .95rem;
    background: url("../img/nav_bar.png") center center no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
}
.nav_bar > div{
    width: 1.51rem;
    height: .95rem;
    float: left;
    position: relative;
    color: #74411f;
    line-height: .95rem;
    text-align: center;
    box-sizing: border-box;
}
.nav_bar > div.on{
    background: url("../img/nav_active.png") center center no-repeat;
    background-size: 100% 100%;
    color: #fefb94;
}
.nav_bar > div:last-child{border:none;}

.slide-arrow {
    width: .99rem;
    height: .99rem;
    background: url(../img/slide_jiantou.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 5.9rem;
    right: .2rem;
    -webkit-animation: rightAndDown 1.2s infinite linear;
    -moz-animation: rightAndDown 1.2s infinite linear;
    -ms-animation: rightAndDown 1.2s infinite linear;
    animation: rightAndDown 1.2s infinite linear;
    z-index: 10;
}
@keyframes rightAndDown {
    0% {
        right: .2rem;
    }
    50% {
        right: .28rem;
    }
    100% {
        right: .2rem;
    }
}

.str1 span {
    background-color: #ebb656 !important;
    color: #ffffff !important;
}
.str2 span, .str3 span {
    background-color: #ecd47a !important;
    color: #74411f !important;
}
.str4 span {
    background-color: #e2ab47 !important;
    color: #74411f !important;
}
.str5 span {
    background-color: #e5c563 !important;
    color: #ffffff !important;
}

.pop2-con{z-index: 99; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.pop2-con .pop2-box{border-radius: .25rem; padding: .26rem .28rem;box-sizing: border-box; position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: linear-gradient(#fffd99, #f6d20b); width: 6.7rem; border:.02rem solid #4f3429;}
.pop2-tit{width: 1.33rem;margin: 0 auto;margin-bottom: .31rem;}
.pop2-txt{color: #824813;width: 5.64rem;min-height: 2rem;border:0.02rem solid #4f3429;padding: .2rem .18rem .1rem .18rem;background-color: #fffbce;}
.pop2-txt p{line-height: .3rem;margin-bottom: .3rem;}
.pop2-txt span{font-weight: bold;}
.new-close{ width: .72rem;height: .72rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: -1rem; cursor: pointer;}
.zj-con .pop2-txt .txt-box, .zjjl-con .pop2-txt .txt-box{height: 2rem;overflow-y: scroll;display: flex;flex-direction: column;justify-content: center;}
.zj-con .pop2-txt p, .zjjl-con .pop2-txt p{text-align: center;margin-bottom: 0;}
.zj-con .pop2-txt, .zjjl-con .pop2-txt {padding: .2rem .18rem .2rem .18rem;}

.con1{position: relative; height: 13.34rem;background: url("../img/bg_01.jpg") center center no-repeat;background-size: cover;}
.logo{width: 2.35rem;position: absolute;left: .42rem;top: .54rem;}
.con1-btn{position: absolute;right: .4rem;top: .48rem;display: flex;}
.con1-btn a{display: block;width: 1.46rem;text-align: center;height:.56rem;cursor: pointer;}
.con1-btn a+a{margin-left: .1rem;}
.con1-tit{width: 7.39rem;margin: 0 auto;position: fixed;left: 50%; margin-left: -3.69rem;bottom: 3.12rem;}
.btn_jrhd{width: 3.73rem;position: absolute;left: 50%;bottom: .79rem;margin-left: -1.862rem;cursor: pointer;
    -webkit-animation: scaleActive 1.5s infinite linear;
    -moz-animation: scaleActive 1.5s infinite linear;
    -ms-animation: scaleActive 1.5s infinite linear;
    animation: scaleActive 1.5s infinite linear;
}
@keyframes  scaleActive{
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}

.con2,.con3,.con5{position: relative; height: 13.34rem;background: url("../img/bg_02.jpg") center center no-repeat;background-size: cover;}
.con2 .con2_con{width: 6.36rem;height: 6.3rem;background: url("../img/rect_01.png") center center no-repeat;background-size: 100% 100%;margin: 0 auto;padding-top: .98rem;box-sizing: border-box;}
.con2 .con2_con .con2_bg{width: 5.97rem;height: 5.1rem;background: url("../img/con2_con.png") center center no-repeat;background-size: 100% 100%;margin: 0 auto;position: relative;}
.con2 .con2_con .con2_bg .con2_box{width: 5.97rem;height: 5.1rem;margin: 0 auto;position: relative;}
.con2 .con2_con .con2_bg .con2_line{width: 5.97rem;height: 5.1rem;background: url("../img/con2_line.png") center center no-repeat;background-size: 100% 100%;margin: 0 auto;position: absolute;top: 0;left: 0;}
.con2 .con2_con .con2_bg .con2_box img:nth-child(1){width: 5.79rem;position: absolute;top: 0;left: 0;}
.con2 .con2_con .con2_bg .con2_box img:nth-child(2){width: 3.38rem;position: absolute;bottom: 0;left: 0;}
.con2 .con2_con .con2_bg .con2_box img:nth-child(3){width: 3.17rem;position: absolute;bottom: 0;right: 0;}
.con2 .btn_qd{width: 2.93rem;margin: 0 auto;margin-top: .33rem;cursor: pointer;}

.con3 .con3_con{width: 6.36rem;height: 8.45rem;background: url("../img/rect_02.png") center center no-repeat;background-size: 100% 100%;margin: 0 auto;}
.con3 .con3_con .tijiao_count{display: block;color: #9e5200;font-size: .26rem;text-align: center;padding-top: .6rem;margin-bottom: 0.15rem;}
.con3 .con3_con .tijiao_count i{font-size: .3rem;font-weight: bold;}
.con3 .inp-box{margin: .1rem .2rem .1rem .2rem;}
.con3 .inp-box input{width: 5.95rem;height: .71rem;line-height: .26rem;color: #fff293;font-size: .26rem;border: .02rem solid #74411f;background-color: #9c6e2a;}
.con3 .btn-send{width: 1.91rem;height: .71rem;background: url("../img/btn_tj.png") center center no-repeat;background-size: 100% 100%;}
.con3 .inp-box input::-webkit-input-placeholder{
    color:#fff293;
}
.con3 .inp-box input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff293;
}
.con3 .inp-box input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff293;
}
.con3 .inp-box input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#fff293;
}
.con3 .con3_con .lucky_box{width: 5.95rem;height: 6.35rem;background: url("../img/rect_03.png") center center no-repeat;background-size: 100% 100%;margin: 0 auto;box-sizing: border-box;position: relative;margin-bottom: .88rem;}
.con3 .lucky_box .tijiao_num{width: 2.9rem;height: 2.68rem;position: absolute;top: .02rem;left: .02rem;}
.con3 .lucky_box .tijiao_num > span, .con3 .lucky_box .win_num > span{color: #74411f;font-size: .3rem;text-align: center;display: block;height: .64rem;width: 100%;line-height: .64rem;margin-bottom: .08rem;}
.con3 .lucky_box .tijiao_num ul{height: 2rem;width: 3.1rem;}
.con3 .lucky_box .win_num ul{height: 5.5rem;width: 3.2rem;}
.con3 .lucky_box .tijiao_num ul::-webkit-scrollbar-thumb, .con3 .lucky_box .win_num ul::-webkit-scrollbar-thumb {
    display: none;
}
.con3 .lucky_box .tijiao_num ul li{text-align: center;color: #74411f;font-size: .24rem;line-height: .3rem;display: block;width: 2.9rem;}
.con3 .lucky_box .win_num ul li{text-align: center;color: #74411f;font-size: .24rem;height: .42rem;line-height: .42rem;position: relative;display: block;width: 2.99rem;margin-bottom: .13rem;}
.con3 .lucky_box .win_num ul li:after{content: "";width: 2.83rem;height: .02rem;background: url("../img/line1.png") center center no-repeat;background-size: 100% 100%;position: absolute;left: 50%;bottom: 0;margin-left: -1.41rem;}
.con3 .lucky_box .tijiao_num ul li span, .con3 .lucky_box .win_num ul li span{margin: 0 .19rem;}
.con3 .lucky_box .win_num{width: 2.99rem;height: 6.31rem;position: absolute;top: .02rem;right: .02rem;}
.con3 .lucky_box .xingyun_lb{width: 2.9rem;height: 1.8rem;position: absolute;top:2.71rem;left: .02rem;}
.con3 .lucky_box .xingyun_lb img, .con3 .lucky_box .jinli_lb img{width: 2.49rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.con3 .lucky_box .jinli_lb{width: 2.9rem;height: 1.8rem;position: absolute;top:4.52rem;left: .02rem;}
.con3 .btn_lq{width: 2.93rem;cursor: pointer;margin: .05rem auto .22rem auto;}

.con4{position: relative; height: 13.34rem;background: url("../img/bg_03.jpg") center center no-repeat;background-size: cover;}
.con4 .time_view{width: 100%;}
.con4 #time{padding-top: .07rem;}
.con4 #time #t_title{
    width: 5.12rem;
    height: .3rem;
    background: url("../img/t_title.png") center center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}
.con4 #time #countdown{
    color: #fff;
    padding-left: .83rem;
    margin-top: .17rem;
}
.con4 #time #countdown > div{
	margin: 0 auto;
}
.con4 #time #countdown .dash{
	position: relative;
	margin-right: 0.57rem;
    float: left;
}
.con4 #time #countdown > div .dash:last-child{
	margin-right: 0;
}
.con4 #time #countdown .dash .digit-bg{
	position: relative;
	float: left;
	width: .97rem;
    height: 1.05rem;
    background: url("../img/rect_04.png") center center no-repeat;
    background-size: 100% 100%;
	line-height: 1.05rem;
    text-align: center;
    display: flex;
    justify-content: center;
}
.con4 #time #countdown .dash .digit-bg .digit{
	font-size: 0.48rem;
	font-weight: bold;
	color: #fff;
    margin: 0 .03rem;
}
.con4 #time #countdown .dash .dash_title{
	position: absolute;
	bottom: .02rem;
    left: 1.11rem;
	color: #ffffff;
	font-size: .26rem;
}
.con4 .hongbao_box{margin-top: 1.64rem;}
.con4 .hongbao_box > img{width: 6.16rem;margin: 0 auto;}
.con4 .hongbao_box .btn_qiang{width: 1.67rem;cursor: pointer;margin: 0 auto;margin-top: .51rem;animation: fangda 1s infinite linear;}
@keyframes fangda {
    0%{
        transform: scale(1);
    }
    50%{
        transform:scale(1.2)
    }
    100%{
        transform: scale(1);
    }
}

.con5 .liuyan_box{width: 7.5rem; height: 7.71rem;background: url("../img/liuyan_box.png") center center no-repeat;background-size: 100% 100%;margin: 0 auto;margin-top: .1rem;padding-top: 2.06rem;box-sizing: border-box;margin-bottom: .54rem;}
.con5 .lb{width: 5.24rem;height: 2.9rem;margin-left: 1.14rem;box-sizing: border-box;position: relative;color: #864c99;box-sizing: border-box;}
.con5 .lb .bg0{height: 100%; background: transparent;  opacity: .6; position: absolute;left: 0;top: 0;width: 100%;}
.con5 .lb .message_list-box{margin-bottom: .1rem;}
.con5 .inp-box{margin-top: 1.55rem;}
.con5 .inp-box select{font-size: .24rem; width: 3.8rem; background: transparent;border: none; color: #fffad4; height: .46rem;display: inline-block;
    vertical-align: middle;
    line-height: .46rem;
    box-sizing: border-box;
    border: none;
    box-sizing: border-box;
    margin-left: .5rem;    
    background-color: #964a11;
}
.con5 .btn-send{width: 2.5rem;height: .84rem;background: url("../img/btn-send1.png") center center no-repeat;background-size: 100% 100%;right: 0.02rem;top: -.33rem;}

.xingyun_lb:hover .desc2, .jinli_lb:hover .desc2{display: block;}
.xingyun_lb .desc2, .jinli_lb .desc2{
    display: none;
    padding: .2rem 0.1rem;
    position: absolute;
    left: 50%;
    top: -.15rem;
    margin-left: -1rem;
    width: 2rem;
    text-align: center;
    background: #ef9734;
    color: #fff;
    box-sizing: border-box;
}
.xingyun_lb .desc2, .jinli_lb .desc2 {
    margin-left: -1rem;
    width: 2rem;
}
.xingyun_lb .desc2:after, .jinli_lb .desc2:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -.15rem;
    transform: translate(-50%);
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top: .15rem solid #ef9734;
}


/*ios5 宽度以下*/
@media screen and (max-width: 320px) {
    .tit{margin: 0 auto}
}