/* reset */
body,div,p,ul,li,table,tbody,tr,td,th,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong,th{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-999em;}
.sp{background: url(sp.png) no-repeat;background-size:7.99rem auto;}
body,html{background-color:#8adcff;}

/*强制竖屏样式*/
.w_pop{position:fixed;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,1);z-index:9999;display: none;}
.w_pop_img{width:1.8rem;height:2.73rem;background: url(scape.png) no-repeat center center;background-size: 1.8rem 2.73rem;position: absolute;left: 50%;margin-left:-0.9rem;top: 50%;margin-top: -1.56rem;animation:  rotateA 1.5s ease infinite alternate;}
	@keyframes rotateA{
        0%{transform: rotate(-90deg);}
        30%{transform: rotate(-90deg);}
        70%{transform: rotate(0);}
        100%{transform: rotate(0);}
    }
    @media screen and (orientation:landscape){
        .w_pop{ display: block;}
    }
.w_tips{width:100%;height:1.0rem;font-size: 0.18rem;color: #fff;text-align: center;position: absolute;left:0;top:50%;margin-top: 1.2rem;}

/*swiper设置*/
.wrap.swiper-container{width: 100%;height: 100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.wrap.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient: vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.wrap.swiper-container>.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-box-sizing: content-box;box-sizing: content-box}
.wrap.swiper-container>.swiper-wrapper>.swiper-slide{-webkit-flex-shrink:0;flex-shrink:0;width:100%;height:100%;position:relative;}

.page1{background:url(bg1.jpg) no-repeat 50%;background-size:100% auto;overflow:hidden;}
.con{width:6.46rem;height:11.9rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
.page1 .con{height:11rem;}
.pao_logo{width:0.69rem;height:1.04rem;background-position:0 -1.67rem;position:absolute;left:0.09rem;top:0.13rem;}
.qq_logo{width:1.2rem;height:0.83rem;background-position:-1.01rem -1.78rem;position:absolute;left:0.87rem;top:0.22rem;}
.wx_logo{width:1.35rem;height:0.31rem;background-position:-2.53rem -2.03rem;position:absolute;left:0.87rem;top:0.48rem;}
.btn_rule{right:0.1rem;top:0.45rem;position:absolute;font-size:0.24rem;color:#05a4ff;line-height:0.3rem;text-decoration:underline;}
.btn_rule em{position:absolute;left:-0.33rem;top:0.01rem;background-position:-4.05rem -2.04rem;width:0.28rem;height:0.28rem;}
.slogan_box{background:url(slogan_bg.png) no-repeat;width:6.69rem;height:6.2rem;background-size:6.69rem 6.2rem;position:absolute;left:0.1rem;top:1.9rem;-webkit-animation:rotateIn .8s .2s ease both;}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;-webkit-transform:scale(.2) rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-webkit-transform:scale(1) rotate(0);opacity:1}
}
.slogan{background:url(slogan.png) no-repeat;width:4.8rem;height:4.36rem;background-size:4.8rem 4.36rem;position:absolute;left:0.8rem;top:1.3rem;-webkit-animation:bounceIn 1s .8s ease both;}
.time{width:2.03rem;height:1.3rem;background-position:-4.05rem 0;position:absolute;right:0.25rem;top:-0.07rem;transform-origin:left bottom;-webkit-animation:bounceIn 1s 1.2s ease both;}
.time em{display:block;transform:rotate(15deg);color:#18c1ff;font-weight:bold;text-align:center;font-size:0.3rem;line-height:1.2rem;}
.btn_dp{width:3.94rem;height:1.59rem;background-position:0 0;left:50%;top:8.5rem;margin-left:-1.97rem;position:absolute;-webkit-animation:fadeInUp 1s .2s ease both,pulse3 1.8s 1s ease-in-out both infinite;}
@-webkit-keyframes pulse3{
0%{-webkit-transform:scale(1.1)}
50%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.1)}
}
@-webkit-keyframes fadeInUp{
0%{opacity:0;margin-top:0.2rem;}
100%{opacity:1;margin-top:0;}
}
.down_icon{width:0.38rem;height:0.36rem;background-position:-4.62rem -2.01rem;left:50%;top:10.5rem;position:absolute;margin-left:-0.19rem;-webkit-animation:pulse4 2s .2s ease-in-out both infinite;}
@-webkit-keyframes pulse4{
0%{-webkit-transform:translateY(-0.1rem)}
50%{-webkit-transform:translateY(0.1rem)}
100%{-webkit-transform:translateY(-0.1rem)}
}
.hb1{width:0.58rem;height:0.55rem;background-position:-6.16rem -0.38rem;left:0.85rem;top:1.95rem;position:absolute;-webkit-animation:fadeInRight 1.5s .6s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(0.3rem)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
.hb2{width:1.31rem;height:1.04rem;background-position:-5.51rem -1.66rem;left:4.17rem;top:10.26rem;position:absolute;-webkit-animation:fadeInLeft 1.5s .6s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-0.3rem)}
100%{opacity:1;-webkit-transform:translateX(0)}
}

.page2{background:url(bg2.jpg) no-repeat 50%;background-size:100% auto;}
.tit1{background:url(tit.png) no-repeat;width:6.07rem;height:0.76rem;background-size:6.07rem auto;position:absolute;left:50%;margin-left:-3.03rem;top:0.5rem;}
.tit1 em{position:absolute;width:0.73rem;height:0.67rem;background-position:-7.05rem -8.6rem;right:0;top:0.05rem;-webkit-animation:tada 1.5s .2s ease both infinite;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
.ice_box{background:url(ice.png) no-repeat;width:7.5rem;height:5.5rem;background-size:7.5rem auto;position:absolute;left:50%;margin-left:-3.75rem;top:1.9rem;}
.ice_box img{position:absolute;width:1.13rem;height:1.02rem;}
.ice_box2{background:url(ice1.png) no-repeat;width:7.5rem;height:5.5rem;background-size:7.5rem auto;position:absolute;left:50%;margin-left:-3.75rem;top:1.9rem;}
.ice_g{width:7.5rem;height:5.5rem;position:absolute;left:50%;margin-left:-3.75rem;top:1.9rem;}
.ice_g1{background:url(ice_g1.png) no-repeat;width:7.5rem;height:5.5rem;background-size:7.5rem auto;position:absolute;position:absolute;left:0;top:0;-webkit-animation:g1 1.8s 1s ease-in-out both infinite;transform-origin:50% 70%;}
@-webkit-keyframes g1{
0%{opacity: 1;-webkit-transform:scale(1.4);}
50%{opacity: 0.5;-webkit-transform:scale(1.1);}
100%{opacity: 1;-webkit-transform:scale(1.4);}
}

.ice_g3{background:url(ice_g3.png) no-repeat;width:7.5rem;height:5.5rem;background-size:7.5rem auto;position:absolute;position:absolute;left:0;top:0;}
.ice_g2{background:url(ice_g2.png) no-repeat;background-size:7.5rem auto;width:7.5rem;height:5.5rem;position:absolute;left:50%;margin-left:-3.75rem;top:1.9rem;-webkit-animation:flash 3s ease both infinite;}
@-webkit-keyframes flash{
0%,50%,100%{opacity: 1;}
25%,75%{opacity: 0.5;}
}
.pl1{left:3.1rem;top:1.4rem;}
.pl2{left:2.2rem;top:1.64rem;}
.pl3{left:4.2rem;top:1.55rem;}
.ice_tips{width:2.16rem;height:1.49rem;background-position:-2.91rem -2.76rem;position:absolute;right:0.17rem;top:2.6rem;}
.pl_box{position:absolute;left:50%;margin-left:-2.8rem;top:7.5rem;width:5.6rem;height:1.66rem;}
.pl_box .hand_icon{left:0.8rem;top:0.9rem;z-index:1;}
.sic1,.sic2{border-radius:50%;background:#fff;width:0.3rem;height:0.3rem;position:absolute;left:0.72rem;top:0.82rem;z-index:1;}
.bx_box .sic1,.bx_box .sic2{left:1.5rem;top:1.25rem;z-index:0;}
.sic1{-webkit-animation:pulse 1.5s ease both infinite;}
.sic2{opacity:.9;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1);opacity:1;}
100%{-webkit-transform:scale(2);opacity:0.1;}
}
.pl_list{width:5.6rem;height:1.66rem;}
.swiper-button-next,.swiper-button-prev{width:0.32rem;height:0.5rem;top:0.55rem;margin:0 !important;}
.swiper-button-next{right:-0.38rem;background-position:-7rem -2.12rem;}
.swiper-button-prev{left:-0.38rem;background-position:-7rem -1.41rem;}
.pl_list li{width:1.42rem;height:1.66rem;background:url(sp.png) no-repeat 0 -8.24rem;background-size:7.99rem auto;}
.pl_list .cur{background:url(sp.png) no-repeat -1.61rem -8.24rem;background-size:7.99rem auto;}
.pl_list img{width:1.13rem;height:1.02rem;margin:0.12rem auto 0;display:block;}
.pl_list span{position:absolute;left:0;bottom:0.08rem;width:97%;text-align:center;font-size:0.24rem;color:#fff;line-height:0.38rem;}
.btn_ok{width:3.4rem;height:1.44rem;background-position:-3.46rem -8.35rem;left:50%;top:9.8rem;margin-left:-1.39rem;position:absolute;}
.bx{width:2.18rem;height:1.92rem;background:url(bx.png) no-repeat;background-size:2.18rem 1.92rem;position:absolute;left:-0.26rem;top:8.9rem;}

/* 礼包页 */
.wrap2{background:url(bg3.jpg) no-repeat;background-size:100% auto;padding-top:0.6rem;padding-bottom:1.3rem;}
.tit2{width:5.8rem;height:0.77rem;background:url(tit2.png) no-repeat;background-size:5.8rem 0.77rem;margin:0 auto;}
.ice_box1{position:relative;left:0;top:0;margin:-0.4rem auto 0;transform:scale(.8);}
.ice_txt{font-size:0.24rem;color:#077cff;padding-bottom:1rem;line-height:0.3rem;text-align:center;margin-top:-0.8rem;position:relative;z-index:9;}
.ice_txt a{color:#ff1528;text-decoration:underline;}
.gift_box{width:4rem;margin:0 auto;height:2.1rem;padding-right:0.2rem;}
.tx_box{background-position:-6.08rem -4.52rem;width:1.83rem;height:1.72rem;transform:translateY(0.15rem);z-index:1;}
.tx_icon{background: url(pic_heart.png) no-repeat;width: 1.77rem;height: 1.24rem;background-size: 100% auto;left:0;top:0;position: absolute;-webkit-animation: starIcon 1.0s linear infinite alternate both;}
@keyframes starIcon{0%{transform:scale(0.9)}100%{transform:scale(1.1)}}
.tx_tips{width:3.75rem;height:1.09rem;background-position:0 -4.42rem;left:0.6rem;top:-1rem;position:absolute;font-size:0.24rem;color:#b60516;text-align:center;line-height:0.94rem;font-weight:bold;}
.bx_box{width:2rem;height:1.9rem;}
.bx_bg{background:url(bx2.png) no-repeat;width:3.49rem;height:3.54rem;background-size:3.49rem auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.hand_icon{width:0.72rem;height:0.64rem;background-position:-7.04rem -6.64rem;position:absolute;}
.hand_icon{-webkit-animation:pulse2 1.5s ease both infinite;}
@-webkit-keyframes pulse2{
0%{-webkit-transform:translateX(0.1rem) translateY(0.1rem)}
50%{-webkit-transform:translateX(0) translateY(0)}
100%{-webkit-transform:translateX(0.1rem) translateY(0.1rem)}
}
.bx_box .hand_icon{left:80%;top:70%;}
.btn_box{width:5.7rem;margin:0 auto;height:1.26rem;position:relative;z-index:1;}
.btn_fx{width:2.79rem;height:1.26rem;background-position:0 -6.96rem;}
.btn_ll{width:2.79rem;height:1.26rem;background-position:-2.91rem -5.61rem;}
.fx_txt{font-size:0.24rem;color:#fff;line-height:0.6rem;background:url(fx_tips.png) no-repeat;width:7.5rem;height:0.6rem;text-indent:2.35rem;background-size:7.5rem auto;margin-bottom:0.5rem;}
.down_icon1{width:0.38rem;height:0.36rem;background-position:-4.62rem -2.01rem;display:block;margin:0 auto 0.5rem;}
.con1{background:url(c1.png) no-repeat;width:6.3rem;height:4.17rem;margin:0 auto 0.5rem;background-size:6.3rem 5.17rem;padding-top:1rem;}
.con4{background:url(c4.png) no-repeat;width:6.3rem;height:4.17rem;margin:0 auto 0.5rem;background-size:6.3rem 5.17rem;padding-top:1rem;}
.act_tips{text-align:center;line-height:0.3rem;font-size:0.24rem;color:#0078ff;}
.act_tips em{color:#ff2f2f;}
.jl_list{height:2.2rem;font-size:0;text-align:center;margin-bottom:0.15rem;}
.jl_list li{display:inline-block;vertical-align:bottom;width:1.8rem;height:1.88rem;margin:0 0.05rem;position:relative;}
.jl_list .cen{width:2.02rem;height:2.2rem;}
.jl_list img{width:100%;height:100%;}
.jl_list span{position:absolute;left:0;bottom:0.11rem;line-height:0.38rem;font-size:0.24rem;text-align:center;color:#fff;width:100%;}
.btn_lq{width:2.79rem;height:1.26rem;margin:0 auto;background-position:0 -5.61rem;}
.con2{background:url(c2.png) no-repeat;width:6.3rem;height:6.54rem;margin:0 auto 0.5rem;background-size:6.3rem 7.49rem;padding-top:0.95rem;position:relative;}
.cj_box,.lottery{width:6.3rem;height:7.49rem;position:absolute;left:0;top:0;}
.cj_fc{position:absolute;background:url(cj_fc.png) no-repeat;width:6.3rem;height:3rem;left:0;top:0;background-size:6.3rem auto;z-index:9;}
.con3{background:url(c3.png) no-repeat;width:6.3rem;height:3.84rem;margin:0 auto 0.5rem;background-size:6.3rem 4.84rem;padding-top:1rem;}
.btn_qw{width:2.79rem;height:1.26rem;background-position:-2.91rem -6.96rem;margin:2.25rem auto 0;}
.btn_rules{display:block;text-align:center;font-size:0.36rem;color:#006eff;text-decoration:underline;line-height:0.5rem;font-weight:bold;}
#lotterycontent_hover{background-size:1.8rem 1.84rem;}
#lotterycontent_start{background-size:1.71rem 1.73rem;}

.con5{background:url(c5.png) no-repeat;width:6.3rem;height:4.25rem;margin:0 auto 0.5rem;background-size:6.3rem 4.25rem;}

.pop1{background:url(pop1.png) no-repeat;width:6.3rem;height:3.4rem;background-size:6.3rem auto;}
.pop_close{position:absolute;width:0.54rem;height:0.54rem;right:0;top:-0.5rem;background-position:-5.89rem -7.21rem;}
.pop_tit{font-size:0.4rem;color:#0078ff;font-weight:bold;text-align:center;line-height:0.5rem;padding-top:0.4rem;padding-bottom:0.35rem;}
.login_box{text-align:center;font-size:0;height:1.35rem;}
.login_box a{display:inline-block;width:2rem;height:1.35rem;vertical-align:middle;}
.login_box img{display:block;width:0.92rem;height:0.92rem;margin:0 auto 0.14rem;}
.login_box p{font-size:0.24rem;color:#0078ff;line-height:0.3rem;}
.pop2{background:url(pop2.png) no-repeat;width:6.3rem;height:2.78rem;background-size:6.3rem auto;}
.pop2 .login_box{padding-top:0.7rem;}
.pop3{width:7.5rem;height:100%;transform-origin:right top;top:0 !important;position:fixed !important;}
.share_img{background:url(pop5.png) no-repeat;background-size:7.5rem auto;width:7.5rem;height:9.64rem;}
.share_img2{background:url(pop6.png) no-repeat;background-size:7.5rem auto;width:7.5rem;height:9.64rem;}
.pop5{background:url(pop3.png) no-repeat;width:6.3rem;height:2.3rem;background-size:6.3rem 3.6rem;padding-top:1.3rem;}
.pop_txt{width:5rem;margin:0 auto;font-size:0.3rem;line-height:0.42rem;color:#0078ff;text-align:center;}
.pop4{background:url(pop4.png) no-repeat;width:6.3rem;height:6.6rem;background-size:6.3rem 6.6rem;}
.rule_cn{width:5.2rem;margin:0 auto;padding-top:0.4rem;}
.rule_cn dt{font-size:0.28rem;color:#0078ff;line-height:0.54rem;font-weight:bold;}
.rule_cn dd{padding-left:0.36rem;position:relative;font-size:0.24rem;color:#0078ff;line-height:0.42rem;}
.rule_cn em{position:absolute;left:0;top:0;}
.pop{-webkit-animation:bounceIn 0.8s ease both;display:none;}
@-webkit-keyframes bounceIn{
0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}

#_overlay_{border-bottom:2px solid rgb(0, 0, 0) !important;}
