@charset "UTF-8";

/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding:0;}
body{ font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif; background:#000;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal;}
a{text-decoration: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-type:none;}
.clearfix:after{content:"\0020"; height:0; display:block; clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}
.wrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
body { font-family:'\5FAE\8F6F\96C5\9ED1';}
img { vertical-align: top;}
a:hover { text-decoration: none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}

/* footer */ 
#footer_ied{ width:100%; height:100px; text-align:center; font-size:12px; line-height:20px; color:#fff; background:#000; padding-top:15px;min-width:1000px; overflow:hidden;}
#footer_ied .wrap_ied { width:100%; margin:0 auto; padding-top:10px; width:1000px;}
#footer_ied p.e { font-size:10px; -webkit-text-size-adjust:none;}
#footer_ied a { color:#fff; text-decoration:none;}
#footer_ied a:hover { text-decoration:underline;}

/*comm*/
html,body{min-width:1000px;}
.warper{font-family:'\5FAE\8F6F\96C5\9ED1';position: relative; overflow: hidden;}
.warper a:hover{ text-decoration: none;}
 

.comm_nav { width: 100%; height: 94px;position: absolute;top: 0;left: 0;background-color: rgba(13, 13, 13, 0.95);z-index: 1;}
.wg_logo { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/wg_logo.png) no-repeat 0 0; width: 233px; height: 40px; position: absolute; left: 36px; top: 26px; z-index: 2;}

.comm_head { width: 100%; height: 850px; position: relative; background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/we_00.jpg) no-repeat center top;}
.comm_login { padding-top: 770px; width: 100%; height: 32px; line-height: 32px; text-align: center; color: #f3f1eb; font-size: 18px;}
.comm_login a { color: #fcb948;}
.comm_login a:hover { color: #ffb073;}

.main { width: 1235px; margin: 0 auto; height: 100%; position: relative; z-index: 5;}

/*slide*/
.comm_slide { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/comm_slide.png) no-repeat center top; width: 188px; height: 267px; position: fixed; right: 0; top: 80%; margin-top: -158px;z-index: 10;}
.slide_code { width: 145px; height: 145px; margin: 0 auto; padding: 26px 0 0;}
.slide_andr { color: #f9fbff; font-size: 14px; line-height: 54px;margin: 2px 0 0 74px;}
.slide_tips { width: 100%; text-align: center; height: 40px; color: #807366; font-size: 14px; line-height: 20px;margin-top: 46px;}
/*pop*/
.popbox-wp{display: none;position: relative;z-index: 1000;}
.popbox-wp.show{display: block;}
.popbox-wp .mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 1;}
.popbox-wp .popbox{position: fixed;z-index: 2;top: 50%;left: 50%;border: 1px solid #20201f;padding: 0 12px 16px;background: linear-gradient(to bottom, #242424, #181818);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.popbox:after{content: "";position: absolute;left: 11px;bottom: 4px;width: 57px;height: 8px;background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/ment.png) no-repeat;background-position: -190px 0;}
.popbox-hd{position: relative;padding: 16px 0;height: 60px;}
.popbox-hd:before,.popbox-hd:after{content: "";position: absolute;background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/ment.png) no-repeat;}
.popbox-hd:before{top: 15px;left: 0;width: 129px;height: 27px;background-position: 0 0;}
.popbox-hd:after{right: 0;bottom: 10px;width: 61px;height: 33px;background-position: -129px 0;}
.popbox-hd .popbox-tit{width: 190px;height: 42px;font-size: 0;color: transparent;margin: 9px auto 0;background: no-repeat center;}
.popbox-hd .popbox-close{position: absolute;z-index: 1;width: 56px;height: 56px;top: -18px;right: -28px;cursor: pointer;background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/pop_close.png) no-repeat center;}
.popbox-bd{box-sizing: border-box;width: 620px;font-size: 16px;color: #8a8782;line-height: 32px;border: 1px solid #20201f;padding: 28px 32px 18px 36px;background-color: rgba(4, 4, 4, 0.4);}
.popbox-bd>h6{font-size: 18px;color: #dbc495;font-weight: normal;}

.pop1 .popbox-tit{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/tit_01.png);}
.pop2 .popbox-tit{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/tit_02.png);}
.pop4 .popbox-tit{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/tit_04.png);}
.pop1 ul{padding: 10px 0 16px;border-bottom: 1px solid #272726;}
.pop1 p{opacity: 0.6;}
.pop1 p:nth-of-type(1){margin-top: 12px;}

.pop2 li+li{margin-top: 30px;}

.pop3 .popbox-hd{height: 6px;}
.pop3 .popbox-tit{display: none;}
.pop3 .popbox-hd:before,.pop4 .popbox-hd:before{top: 10px;}
.pop3 .popbox-hd:after,.pop4 .popbox-hd:after{content: "";position: absolute;bottom: auto;top: 10px;right: 46px;width: 61px;height: 16px;background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/ment.png) no-repeat;background-position: -247px 0;}
.pop3 .popbox-bd,.pop4 .popbox-bd{width: 466px;}
.pop3 .popbox-bd>.title{font-size: 0;color: transparent;width: 152px;height: 43px;margin: 18px auto;background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/tit_03.png) no-repeat center;}
.pop3 .popbox-bd>.txt{font-size: 40px;color: #9c663b;opacity: 0.6;text-align: center;margin: 18px 0 56px;}
.pop3 .popbox-bd em{font-weight: bold;margin: 0 10px;}
.pop3 .popbox-bd>.txt:first-child{margin: 30px -20px 56px;}

.pop4 .popbox-hd{height: 50px;}
.pop4 .popbox-bd{padding: 0;}
.pop4 .popbox-bd table{font-size: 20px;width: 100%;}
.pop4 .popbox-bd thead{color: #f99e57;font-weight: bold;background: -webkit-linear-gradient(#fdfdfc,#ae9c77);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}

.pop4 .popbox-bd tbody{color: #d5bb8e;}
.pop4 .popbox-bd td{width: 50%;height: 60px;text-align: center;}
.pop4 .popbox-bd tbody td{border-top: 1px solid #222222;}
.pop4 .popbox-bd tbody td+td{border-left: 1px solid #222222;}


.con_part1 { width: 100%; height: 660px; background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/we_01.jpg) no-repeat center top;}
.con_part1>.main{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/part_01.png) no-repeat center 48px;}
.process-list{padding-top: 300px;overflow: hidden;text-align: center;}
.process-item{position: relative;width: 300px;height: 300px;float: left;}
.process-item:nth-of-type(2){margin-left: 166px;}
.process-item:nth-of-type(3){margin-left: 162px;}
.process-item .date{font-size: 18px;color: #8c7e76;}
.process-item .details{margin-top: 74px;}
.process-item .details>a{font-size: 16px;color: #f99e57;text-decoration: underline;}
.process-item .details>a:hover{color: #ffb073;}
.process-item .explain{position: absolute;top: 0;left: 0;font-size: 16px;color: #b8af9c;margin-top: 230px;padding: 0 34px;}
.process-item:nth-of-type(3) .explain{padding: 0;}

.con_part2 { width: 100%; height: 780px; position: relative; background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/we_02.jpg) no-repeat center top;}
.con_part2>.main{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/part_02.png) no-repeat center 48px;}
.con_part3 { width: 100%; height: 790px; position: relative; background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/we_03.jpg) no-repeat center top;}
.con_part3>.main{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/part_03.png) no-repeat center 48px;}
.con_part4 { width: 100%; height: 920px; position: relative; background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/we_04.jpg) no-repeat center top;}
.con_part4>.main{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/part_04.png) no-repeat center 48px;}
.con_pt4_btn {padding: 94px 0 0 1095px; position: relative;}
.con_pt4_btn a { color: #f99e57; font-size: 20px; text-decoration: underline;}
.con_pt4_btn a:hover { color: #ffb073;text-decoration: underline;}
.con_pt4_btn a+a{margin-left: 16px;}
.egg-wp{float: left;width: 430px;margin-top: 120px;}
/* .con_egg { position: relative;width: 100%;height: 318px;}
.light01 { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/light_01.png) no-repeat center; width: 413px; height: 418px; position: absolute; top: -160px; left: 70px; z-index: 0;}
.light02 { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/light_02.png) no-repeat center; width: 311px; height: 237px; position: absolute; top: 0; left: -35px; z-index: 2;}
.egg_body { position: relative;z-index: 1;width: 350px;height: 318px;margin: 20px auto 10px;background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/egg.png) no-repeat center;}
.egg_base { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/egg_base.png) no-repeat 0 0; width: 211px; height: 68px; position: absolute; z-index: 2; left: -25px; bottom: -53px;}
.con_egg a { position: absolute; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; outline: none;}
 */
.con_egg { width: 164px; height: 195px; margin: 46px auto 80px auto; position: relative;}
.egg_light { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/egg_light.png) no-repeat 0 0; width: 448px; height: 405px; position: absolute; top: -158px; left: -132px; z-index: 1;}
.egg_body { position: relative; z-index: 3; background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/egg_body.png) no-repeat 0 0; width: 164px; height: 195px; cursor: pointer;}
.egg_base { background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/egg_base.png) no-repeat 0 0; width: 211px; height: 68px; position: absolute; z-index: 2; left: -25px; bottom: -53px;}
.con_egg a { position: absolute; z-index: 5; width: 164px; height: 195px; left: 0; top: 0; outline: none;}
 @-webkit-keyframes shake {  
  
    0%, 100% {-webkit-transform: translateX(0);}  
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-4px);}  
    20%, 40%, 60%, 80% {-webkit-transform: translateX(4px);}  
}  
@keyframes shake {  
    0%, 100% {transform: translateX(0) scale(1,1);}  
    10%, 30%, 50%, 70%, 90% {transform: translateX(-4px);}  
    20%, 40%, 60%, 80% {transform: translateX(4px);}  
}
.egg_anim { -webkit-animation: shake 0.8s ease infinite;animation: shake 0.8s ease infinite;}
.egg_lott { width: 100%; height: 60px;}
.egg_lott p {color: #a0927a; font-size: 21px; line-height: 32px; text-align: center;}
.egg_lott p>em{position: relative;top: 6px;font-size: 38px;font-weight: bold;color: #ffae20;padding: 0 6px;}
.lott_rule { float: left; width: 720px;margin-top: 120px;padding: 60px 30px 0 44px;}
.lott_rule h4 {position: absolute;top: 0;left: 0;width: 120px;height: 34px;background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/weplan20171218v2/rule.png) no-repeat;font-size: 0;color: transparent;}
.lott_rule p { color: #a0927a; font-size: 16px; padding-left: 168px;}
.rule_p1 a{color: #a0927a;}
.lott_rule p+p{margin-top: 8px;}
.rule_p1 img {display: block; position: relative;margin-top: 6px;}
.rule-wp,.sponsor-wp{position: relative;}
.sponsor-wp{margin-top: 74px;}
.rule-wp>h4{margin-top: 6px;background-position: 0 0;}
.sponsor-wp>h4{background-position: 0 -34px;}