/*
 @ add by fullspeed guangji 2017-12-09
 @ TGP-【单机】双蛋预热-砸蛋活动-全速 PC
*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline}
img{border:0} 
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0;list-style:none;} 
body,html{overflow-x:hidden; }
body{padding-top:42px; background:#000 url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/repeat.jpg) center top repeat;}
.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;} 
/* 这里是你的内容 */ 
.wrap,.wrap_inner{font-family:'\5FAE\8F6F\96C5\9ED1';width: 100%;min-width: 1000px;font-size:18px;color:#9e9d9d;}
.wrap{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/repeat_light.png) center top repeat-y;}
.wrap_inner{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/wrap.jpg) center top no-repeat;}
.header,.cont{width: 1000px;margin:0 auto;position: relative;}
.wrap .header{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/pcheader.jpg) center top no-repeat; text-align: center;height:465px;}
.acttime{color:#d7bf89;font-size:14px;font-weight:bold;height:60px;padding-top:365px;clear: both;}  
.login_box{font-size:14px;color:#fdfcfc;position: absolute;width:100%;bottom:5px;left:0;}
.login_box a{color:#f8cc6c;} 
.run{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/corner.png) no-repeat;display: block;position: absolute;left:50%;}
.run01{width:80px;height:60px;background-position: 0 0;margin-left:-803px;top:162px;}
.run02{width:124px;height:137px;background-position: -94px 0;margin-left:-766px;top:362px;}
.run03{width:78px;height:72px;background-position: -254px 0;margin-left:-518px;top:90px;}
.run04{width:80px;height:64px;background-position: 0 -166px;margin-left:500px;top:418px;}
.run05{width:150px;height:130px;background-position: -90px -158px;margin-left:647px;top:208px;}

.star{width:34px;height:34px;position: absolute;left:50%;}
.star01{top:20px;margin-left:-535px;} 
.star02{top:55px;margin-left:-160px;} 
.star03{top:27px;margin-left:80px;}
.star04{top:47px;margin-left:-605px;}
.star05{top:50px;margin-left:470px;}
.star06{top:60px;margin-left:574px;}
.star07{top:28px;margin-left:694px;}
.star08{top:45px;margin-left:-725px;}
.star09{top:356px;margin-left:204px;}
.star10{top:5px;margin-left:-5px;}
.star span,.star i{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/star_light.png) no-repeat;display: block;position: absolute;left:0;top:0;width:34px;height:34px;}
.star span{background-position: 0 0;z-index: 2;}
.star i{background-position: 0 -34px;z-index: 1;}

  
/* cont */
.cont{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/cont.jpg) center top no-repeat;}
.mod_egg{height:550px;position: relative;padding-top:20px;}
.box_egg{position: relative;width:718px;height:462px;margin:0 auto;z-index: 3; cursor: pointer;}
.mod_egg .tips{text-align: center;color:#dfc371;padding-top:20px;font-weight: bold;z-index: 6;position: relative;}
.mod_egg .tips strong{color:#fff;display:inline-block;margin:0 5px;font-size:30px;font-weight:bold;}
.mod_egg .tips a{color:#dfc371;margin:0 auto;display: inline-block;margin-left:15px;width:80px;height:32px;line-height: 32px;background: #6d492b;}
.mod_egg .tips a:hover{background: #80532e;text-decoration: none;}

.egg{display:block;width: 718px;height:462px;position: relative;z-index: 4; }
.egg{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/egg.png) center top no-repeat;}
.egg em{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/tap_tips.png) center center no-repeat;display: block;width: 250px;height:340px;position: absolute;left:50%;top:50%;margin:-170px 0 0 -120px;}

 
 
.rules{width:910px;margin:0 auto;color:#dfc371;padding-bottom:110px;}
.rules h3{font-size:30px;font-weight:bold;}
.rules ul{padding:5px 0 0 25px;}
.rules li{list-style: decimal;}
.title{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/title.png) no-repeat;text-indent: -999em;height:38px;}
.tit_prize{background-position: center 0;margin-bottom:25px;}
.tit_01{background-position: 0 -40px;}
.tit_02{background-position: 0 -76px;}
.tit_03{background-position: 0 -115px;}
.mod_box{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/line.jpg) center top no-repeat;padding:70px 0 80px 0;}
.mod_first{background:none;}

.mod_box img{float:left;margin-left:80px;}
.mod_box .l_pb70{padding-bottom:70px;}
.mod_box .about{width: 510px;margin-right:40px;float:right;font-size:16px;}
.mod_box p{width: 470px;line-height: 1.8;}
.mod_box .time{padding-bottom:3px;font-size:20px;}
.mod_box .about strong{display: block;font-size:24px;font-weight:bold;color:#f9f0a9;padding:10px 0 2px 0;border-top:1px solid #666565;}
.mod_box02{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/bg_box02.jpg) center top no-repeat;overflow: hidden;}
.mod_box02 .about{float:left;width: 405px;margin:70px 0 0 80px;}
/* .mod_box02 .about p{width: 350px;} */
.l_pt10{padding-top:10px;} 
.about ul{padding-left:25px;}
.about li{list-style: decimal;}
.btn_join{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/btn.jpg) no-repeat;display: block;width: 198px;height:74px;margin:0 auto;text-indent: -9999em;overflow: hidden;}
.btn_join:hover{background-position: 0 -74px;}

.btn_join,.btn_share{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222/btn.jpg) no-repeat;display: block;width: 198px;height:74px;margin:0 auto;text-indent: -9999em;overflow: hidden;}
.btn_share{background-position: 0 -148px;}
.btn_share:hover{background-position: 0 -222px;}


/* pop */
.pop{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/repeat.jpg) center top repeat;width:720px;border:5px solid #f0d995;position: relative;padding:25px 0;font-size:16px;color:#9e9d9d;font-family:'\5FAE\8F6F\96C5\9ED1';display: none;}
.pop .spr{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v2/pop_spr.png) no-repeat;display: block;text-indent: -999em;overflow: hidden;}
.pop .tit_pop{height:35px;background-position: center -74px;width:100%;margin:0 auto;}
.pop .tit_pop_tips{background-position: center -112px;} 
.pop .txt{padding:40px 30px;line-height: 2;text-align: center;font-size:22px;}  
.pop .btn_closed{background-position: -432px 0;width: 35px;height:35px;position: absolute;right:-36px;top:-5px;}
.pop .btn_comm{width: 212px;height:69px;background-position: 0 0;margin:0 auto;}
.pop .btn_comm:hover{background-position: -216px 0;}
.tit_tips{font-size:30px;font-weight:bold;color:#dfc371;text-align: center;padding-bottom:40px;}
.pop  img{display: block;border:5px solid #000;margin:0 auto;}
.pop_code{padding:50px 0;}
.con_pop2 {
    background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/pop_bg2.png) no-repeat 0 0; 
    width: 576px; 
    height: 667px;  
    visibility: visible;
    position: fixed;
    z-index: 9999;
    left: 50%;  
    top: 50%;  
    margin-top: -333.5px; 
    margin-left: -288px;
}
.con_pop2 h4 { padding-top: 31px; width: 100%; height: 84px; line-height: 48px; color: #efb501; font-size: 32px; font-weight: bold; text-align: center; text-shadow: 0 0 1px #d4a23e;}
.pop_close { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/pop_close.png) no-repeat 0 0; width: 58px; height: 59px; outline: none; position: absolute; right: -58px; top: 0;}
.pop2_table { width: 453px; height: 436px; overflow: hidden; margin-left: 62px; margin-bottom: 34px;margin-top:32px}
.pop2_table table { width: 100%; border-collapse:collapse; border-spacing:0; word-break:break-all;}
.pop2_table table tr th { color: #f1e4ce; font-size: 22px; height: 54px;}
.pop2_table table tr td { color: #9a8d76; font-size: 20px; height: 64px; line-height:64px;text-align: center;}
.pop2_table table tr th:nth-child(1) { border-right: 1px solid #6d6658;} 
.pop2_table table tr td:nth-child(1) { border-right: 1px solid #6d6658;} 
.pop2_btn { width: 100%; font-size: 0; text-align: center;}
.pop2_btn a{ color: #874600; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/pop_btn.png) no-repeat 0 0; width: 166px; height: 43px; line-height: 43px; text-align: center; font-size: 22px; font-weight: bold; text-shadow: 0 0 1px #e0c204; margin: 0 28px;}

   
/*** footer  **/
#footer_ied{min-width:1000px; text-align:center; font-size:12px; line-height:19px; color:#9e9d9d;}
.wrap_ied{ margin:0 auto; padding:40px 0; width:1000px;}
.wrap_ied a{color:#9e9d9d;}
#footer_ied p.e{ margin-top:-4px; font-size:10px;}


/* ----------------  动画 ------------- */
.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(1) translateY(0);}
	100%{-webkit-transform: scale(.7) translateY(6px);}
}
.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 .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)}
}
.pip .egg em{display: none;}
.pip .pip_egg{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/zadan20171222v3/egg_open.png) center top no-repeat;}

.pip .pip_egg .egg_light{display: none;z-index: 6;}
.pip .light{display: block;}
.light{position: absolute;width:100px;height:100px;left:50%;top:50%;margin:20px 0 0 -50px;z-index: 6;display: none;}
.light em{width: 5px;height: 5px;position: absolute;bottom: 20px;background: #ffffe1;display: block;overflow: hidden;opacity:0;filter: alpha(opacity=0);box-shadow: 0 0 5px #f0a21a;border-radius: 100%;}
.light .i-1{left: 78px;-webkit-animation: lightAni1 1s 1.5s linear infinite;width:3px;height:3px;}
.light .i-2{left: 45px;-webkit-animation: lightAni2 1s 1.7s linear infinite;}
.light .i-3{left: 55px;-webkit-animation: lightAni4 2s 1.8s linear infinite;}
.light .i-4{left: 67px;-webkit-animation: lightAni1 1.2s 2s linear infinite;width:3px;height:3px;}
.light .i-5{left: 83px;-webkit-animation: lightAni3 1.5s 1.7s linear infinite;}
.light .i-6{left: 48px;-webkit-animation: lightAni2 2s 2s linear infinite;}
.light .i-7{left: 59px;-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(-30px);}
    100%{opacity: 0;-webkit-transform:translateY(-60px);}
}
@-webkit-keyframes lightAni2{
    0%{opacity: 0.5;-webkit-transform:translate(0,0);}
    50%{opacity: 1;-webkit-transform:translate(5px,-50px);}
    100%{opacity: 0;-webkit-transform:translate(10px,-90px);}
}
@-webkit-keyframes lightAni3{
    0%{opacity: 0.5;-webkit-transform:translate(0,0);}
    50%{opacity: 1;-webkit-transform:translate(10px,-10px);}
    100%{opacity: 0;-webkit-transform:translate(20px,-50px);}
}
@-webkit-keyframes lightAni4{
    0%{opacity: 0.5;-webkit-transform:translate(0,0);}
    50%{opacity: 1;-webkit-transform:translate(-5px,-40px);}
    100%{opacity: 0;-webkit-transform:translate(-10px,-60px);}
}

