/*
 @ add by fullspeed guangji 2017-12-10
 @ TGP-【单机】双蛋预热-砸蛋活动-全速 M
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none} 
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;margin:0;padding:0;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}  
sub{vertical-align:text-bottom} 
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%} 
body{background:#000;-webkit-text-size-adjust:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{ text-decoration:none;}
.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.hide{height:0; line-height:0; font-size:0; visibility:hidden; display:none;}
html{font-size:100px;}
body,html{width:100%;height:100%;}
.wrap{width: 100%;font-size:.24rem;color:#9e9d9d;position: relative;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/repeat.jpg) center top repeat;background-size:.6rem .6rem;}
.wrap img{display: block;margin:0 auto;width: 100%;}

.header{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/m_header.jpg) center top no-repeat;background-size:7.5rem auto;height:4.5rem;text-align: center;position: relative;}
.acttime{color:#d7bf89;font-size:16px;font-weight:bold;height:.6rem;padding-top:3.35rem;}
.login_box{font-size:14px;color:#fdfcfc;} 
.login_box a{color:#f8cc6c;}
.run{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/m_corner.png) no-repeat;background-size:2.9rem auto;display: block;position: absolute;}
.run01{width:.48rem;height:.44rem;background-position: 0 0;left:1.53rem;top:.48rem;}
.run02{width:.4rem;height:.32rem;background-position: -.55rem 0;left:.36rem;top:1.52rem;}
.run03{width:.5rem;height:.6rem;background-position: -1.06rem 0;left:.38rem;top:3.88rem;}
.run04{width:.7rem;height:.56rem;background-position: -1.77rem 0;left:6.15rem;top:1rem;}
.run05{width:.36rem;height:.4rem;background-position: -2.55rem 0;left:6.1rem;top:3.56rem;}

.star{width:.34rem;height:.34rem;position: absolute;left:50%;}
.star01{top:.2rem;margin-left:-3rem;}
.star02{top:.55rem;margin-left:-1.8rem;}
.star03{top:3.27rem;margin-left:1.8rem;}
.star04{top:1.3rem;margin-left:-2.2rem;}
.star05{top:.5rem;margin-left:2rem;}
.star06{top:.6rem;margin-left:3rem;}
.star span,.star i{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/star_light.png) no-repeat;background-size:.34rem auto;display: block;position: absolute;left:0;top:0;width:.34rem;height:.34rem;}
.star span{background-position: 0 0;z-index: 2;}
.star i{background-position: 0 -.34rem;z-index: 1;}
 
/* cont */
.cont{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/m_cont.jpg) center top no-repeat;background-size:7.5rem auto;}
.mod_egg{height:5.1rem;position: relative;padding-top:.1rem;}


.box_egg{position: relative;width:100%;height:4.5rem;margin:0 auto;z-index: 3; cursor: pointer;}
.mod_egg .tips{text-align: center;color:#dfc371;font-weight: bold;z-index: 6;position: relative;}
.mod_egg .tips strong{color:#fff;display:inline-block;margin:0 .1rem;font-size:.3rem;font-weight:bold;}
.mod_egg .tips a{color:#dfc371;margin:0 auto;display: inline-block;margin-left:.15rem;width:.8rem;height:.32rem;line-height: .32rem;background: #6d492b;}
.mod_egg .tips a:hover{background: #80532e;text-decoration: none;}


.egg{display:block;width: 100%;height:4.5rem;position: relative;z-index: 4; }
.egg{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/egg.png) center top no-repeat;background-size:7.18rem auto;}
.egg em{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/tap_tips.png) center center no-repeat;background-size:1rem auto;display: block;width: 2.2rem;height:3rem;position: absolute;left:50%;top:50%;margin:-1.5rem 0 0 -1.05rem;}



.rules{width:7.1rem;margin:0 auto;color:#dfc371;padding-bottom:.8rem;}
.rules h3{font-size:.3rem;font-weight:bold;}
.rules ul{padding:.05rem 0 0 .25rem;}
.rules li{list-style: decimal;padding:.05rem 0;}
.title{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/m_title.png) no-repeat;background-size:7.5rem;text-indent: -999em;height:.4rem;}
.tit_prize{background-position: center 0;margin-bottom:.2rem;}
.tit_01{background-position: center -.44rem;}  
.tit_02{background-position: center -.88rem;}
.tit_03{background-position: center -1.3rem;}
.mod_box{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/line.jpg) center top no-repeat;background-size:8rem auto;width:100%;padding:.7rem .1rem .4rem .1rem;margin:0 auto .4rem auto;}
.mod_first{background:none;}
.mod_box .l_pb7{padding:0 .2rem .7rem .1rem;}
.mod_box .time{text-align: center;height:.6rem;padding-top:.1rem;}
.mod_box img{float:left;width: 3rem;height:auto;}
.mod_box .about{width: 3.8rem;float:right;}
.mod_box .about strong{display: block;font-size:.26rem;font-weight:bold;color:#f9f0a9;padding-bottom:.1rem;}
.mod_box02{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/m_bg_box02.jpg) center top no-repeat;background-size:7.5rem auto;overflow: hidden;}
.mod_box02 .about{width: 4.3rem;padding-left:.3rem;float:none;} 
.l_pt10{padding-top:.1rem;}
.about ul{padding-left:.25rem;}   
.about li{list-style: decimal;}
.btn_join{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/btn.jpg) no-repeat;background-size:1.98rem;display: block;width: 1.98rem;height:.73rem;margin:0 auto;text-indent: -9999em;overflow: hidden;}
.btn_join:active{background-position: 0 -.74rem;opacity: .9;}
.btn_join,.btn_share{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222/btn.jpg) no-repeat;background-size:1.98rem;display: block;width: 1.98rem;height:.72rem;margin:0 auto;text-indent: -9999em;overflow: hidden;}

.btn_share{background-position: 0 -1.47rem;}
.btn_share:active{background-position: 0 -2.22rem;opacity: .9;}

.pop_code{background: rgba(0,0,0,.8);position: fixed;width:100%;height:100%;z-index: 99;left:0;top:0;display: none;}
.pop_code img{width: 100%;display: block;}
  

.copyright{text-align: center;padding:.2rem 0;background: #000;}
/* pop */
.pop{ z-index:100; font-size:0; font-family:'SimHei'; text-align:center; display:none;color:#9e9d9d;}
.pop::before{content:"";display:inline-block;font-size:0;width:0;height:100%;vertical-align:middle;}
.pop-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.7);}
.pop .pop-box{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/repeat.jpg) center top repeat;background-size:.6rem auto;line-height:12px;width:7rem;border:.05rem solid #f0d995;padding:.35rem 0;color:#9e9d9d;font-size:10px; text-align: center;  vertical-align:middle;display:inline-block;letter-spacing:normal;word-spacing:normal;word-break:break-all;position:relative; margin:0 auto;}

.pop .spr{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/pop_spr.png) no-repeat;background-size:7.12rem auto;display: block;text-indent: -999em;overflow: hidden;}
.pop .tit_pop{height:.35rem;background-position: center -.74rem;width:100%;margin:0 auto;}
.pop .tit_pop_tips{background-position: center -1.12rem;}
.pop .txt{padding:.3rem;overflow:hidden;line-height: 1.5;font-size:0.22rem;}
.pop .btn_closed{background-position: -4.32rem 0;width: .35rem;height:.35rem;position: absolute;right:-.05rem;top:-.36rem;}
.pop .btn_comm{width: 2.12rem;height:.69rem;background-position: 0 0;margin:0 auto;}
.pop .btn_comm:active{background-position: -2.16rem 0;} 

 
/* ----------------  动画 ------------- */
.star i{-webkit-animation: starLight .3s linear infinite alternate;}
.star01 i{-webkit-animation-delay: .3s;}
.star02 i{-webkit-animation-delay: .1s;}
.star03 i{-webkit-animation-delay: .7s;}
.star04 i{-webkit-animation-delay: .3s;}
.star05 i{-webkit-animation-delay: .2s;}
.star06 i{-webkit-animation-delay: .4s;}
@-webkit-keyframes starLight {
	0%{opacity: .8}
	100%{opacity: .5}
}
.star{-webkit-animation: star 3s linear infinite alternate;}
@-webkit-keyframes star {
	0%{-webkit-transform: scale(.6) translateY(0);opacity: .8;}
	100%{-webkit-transform: scale(.7) translateY(.06rem);opacity: .8;}
}

.run{-webkit-animation: run 20s linear infinite;}
.run01{-webkit-animation-delay: .5s;-webkit-animation-duration: 40s;}
.run02{-webkit-animation-delay: .8s;-webkit-animation-duration: 30s;}
.run03{-webkit-animation-delay: .2s;-webkit-animation-duration: 25s;}
.run04{-webkit-animation-delay: .5s;-webkit-animation-duration: 10s;}
@-webkit-keyframes run {
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}

.pip{-webkit-animation-play-state:paused;}
.pip .egg{-webkit-animation: egg 1.2s linear forwards;-webkit-transform-origin: center bottom;}
@-webkit-keyframes egg {
	0%{-webkit-transform: rotate(0deg);}
	5%{-webkit-transform: rotate(1deg);}
	10%{-webkit-transform: rotate(0deg);}
	15%{-webkit-transform: rotate(-1deg);}
	20%{-webkit-transform: rotate(0deg);}
	25%{-webkit-transform: rotate(1deg);}
	30%{-webkit-transform: rotate(0deg);}
	35%{-webkit-transform: rotate(-1deg);}
	40%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(0deg);}
}
.egg em{-webkit-animation: piplight 1s linear infinite;}
@-webkit-keyframes piplight {
	0%{-webkit-transform: scale(1)}
	65%{-webkit-transform: scale(1.3);opacity: .9;}
	100%{-webkit-transform: scale(1)}
}
.light{position: absolute;width:1rem;height:1rem;left:50%;top:50%;margin:.2rem 0 0 -.5rem;z-index: 6;display: none;}
.pip .egg em{display: none;}
.pip .pip_egg{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/egg_open.png) center top no-repeat;background-size:7.18rem auto;}

.pip .pip_egg .egg_light{display: none;z-index: 6;}
.pip .light{display: block;}

.light em{width: .05rem;height: .05rem;position: absolute;bottom: .2rem;background: #ffffe1;display: block;overflow: hidden;opacity:0;filter: alpha(opacity=0);box-shadow: 0 0 .05rem #f0a21a;border-radius: 100%;}
.light .i-1{left: .78rem;-webkit-animation: lightAni1 1s 1.5s linear infinite;width:.03rem;height:.03rem;}
.light .i-2{left: .45rem;-webkit-animation: lightAni2 1s 1.7s linear infinite;}
.light .i-3{left: .55rem;-webkit-animation: lightAni4 2s 1.8s linear infinite;}
.light .i-4{left: .67rem;-webkit-animation: lightAni1 1.2s 2s linear infinite;width:.03rem;height:.03rem;}
.light .i-5{left: .83rem;-webkit-animation: lightAni3 1.5s 1.7s linear infinite;}
.light .i-6{left: .48rem;-webkit-animation: lightAni2 2s 2s linear infinite;}
.light .i-7{left: .59rem;-webkit-animation: lightAni1 1s 2.3s linear infinite;}
@-webkit-keyframes lightAni1{
    0%{opacity: 0.5;-webkit-transform:translateY(0);}
    50%{opacity: 1;-webkit-transform:translateY(-.3rem);}
    100%{opacity: 0;-webkit-transform:translateY(-.6rem);}
}
@-webkit-keyframes lightAni2{
    0%{opacity: 0.5;-webkit-transform:translate(0,0);}
    50%{opacity: 1;-webkit-transform:translate(.05rem,-.5rem);}
    100%{opacity: 0;-webkit-transform:translate(.1rem,-.9rem);}
}
@-webkit-keyframes lightAni3{
    0%{opacity: 0.5;-webkit-transform:translate(0,0);}
    50%{opacity: 1;-webkit-transform:translate(.1rem,-.9rem);}
    100%{opacity: 0;-webkit-transform:translate(.2rem,-1.1rem);}
}
@-webkit-keyframes lightAni4{
    0%{opacity: 0.5;-webkit-transform:translate(0,0);}
    50%{opacity: 1;-webkit-transform:translate(-.05rem,-.4rem);}
    100%{opacity: 0;-webkit-transform:translate(-.1rem,-.6rem);}
}
