body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body{font:12px/1.5 "Microsoft YaHei";color:#111;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
i,em{font-style:normal;}
b,strong{font-weight:normal;}
li{list-style:none;}
a{color:#555;text-decoration:none;outline: none;}
img{display:block;border:none;}
button,input,select,textarea{display:block;outline:0;font-size:100%;outline:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
ol li{list-style:decimal outside;}
body{background: #270808;overflow-x: hidden;position: relative;}

/*sprite*/
.slide-ctrl li a,
.common-btn-true,
.common-btn-false,
.btn-sign b,
.btn-prize b,
.close,
.tips li b,
.btn-play,
.btn-play b,
.top-time{background: url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/sprite.png) no-repeat 0 0;}

/*sprite-pos*/
.slide-ctrl .ctrl-item1 a:hover,.slide-ctrl .ctrl-item1.on a{background-position:0 -76px}
.slide-ctrl .ctrl-item2 a{background-position:0 -151px}
.slide-ctrl .ctrl-item2 a:hover,.slide-ctrl .ctrl-item2.on a{background-position:0 -228px}
.slide-ctrl .ctrl-item3 a{background-position:0 -304px}
.slide-ctrl .ctrl-item3 a:hover,.slide-ctrl .ctrl-item3.on a{background-position:0 -380px}
.slide-ctrl .ctrl-item4 a{background-position:0 -456px}
.slide-ctrl .ctrl-item4 a:hover,.slide-ctrl .ctrl-item4.on a{background-position:0 -532px}
.slide-ctrl .ctrl-item5 a{background-position:0 -608px}
.slide-ctrl .ctrl-item5 a:hover,.slide-ctrl .ctrl-item5.on a{background-position:0 -684px}
.slide-ctrl .ctrl-item6 a{background-position:0 -760px}
.slide-ctrl .ctrl-item6 a:hover,.slide-ctrl .ctrl-item6.on a{background-position:0 -836px}
.common-btn-true{background-position:-114px 0}
.common-btn-false{background-position:-116px -105px}
.common-btn-true:hover{background-position:-449px 0}
.btn-sign b{background-position:0 -926px}
.btn-prize b{background-position:-453px -105px}
.close{background-position:-561px -111px}
.tips .bandage b{background-position:-159px -221px}
.tips .star b{background-position:-153px -316px}
.tips .fire b{background-position:-160px -409px}
.tips .general b{background-position:-172px -501px}
.tips .solder b{background-position:-173px -595px}
.tips .flute b{background-position:-178px -687px}
.tips .bottle b{background-position:-169px -766px}
.tips .token b{background-position:-176px -840px}
.btn-play{background-position:-448px -269px}
.btn-play b{background-position:-480px -480px}
.top-time{background-position:0 -1017px}

/*keyframes*/
@-webkit-keyframes myrotate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes myrotate{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(-360deg)}
}
@-ms-keyframes myrotate{0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(-360deg)}
}
@-o-keyframes myrotate{0%{-o-transform:rotate(0)}
100%{-o-transform:rotate(-360deg)}
}
@keyframes myrotate{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}

/*common*/
.fl{float:left}
.fr{float:right}
.posr{position: relative;z-index: 9;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.clearfix{zoom:1}
.common-h3{height:148px;line-height:145px;color:#fff;font-size:70px;text-align:center;font-weight:700}
.common-btn-true{display:block;width:278px;height:77px;line-height:77px;font-size:28px;color:#010101;position:relative}
.common-btn-false{display:block;width:278px;height:77px;line-height:77px;font-size:28px;color:#2c2c2c;position:relative}
.close{display:block;width:79px;height:79px}

/*bg*/
.bg-top{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/bg-top.jpg) no-repeat center}
.bg-center{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/bg-center.jpg) no-repeat center}
.bg-bottom{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/bg-bottom.jpg) no-repeat center}

/*main*/
.wrap{width:1023px;margin:0 auto;position:relative}
.main-top{height:1419px;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/main-top.jpg) no-repeat center}
.main-center{padding-top: 78px;height: 1387px;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/main-center.jpg) no-repeat center;}
.main-bottom{height:972px;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/main-bottom.jpg) no-repeat center}

/*top*/
.main-top h1{position:absolute;left:435px;top:7px}
.main-top h2{position:absolute;left:50px;top:25px}
.top-rules{color:#fff;font-size:16px;position:absolute;left: 270px;bottom:100px;line-height:36px;}
.sign-rules ol,.top-rules ol{margin-left:20px;position: relative;}
.btn-play{width:135px;height:135px;position:absolute;left:600px;top: 665px;-webkit-animation:myrotate 4s infinite linear;-moz-animation:myrotate 4s infinite linear;-ms-animation:myrotate 4s infinite linear;-o-animation:myrotate 4s infinite linear;animation:myrotate 4s infinite linear;}
.btn-play b{position:absolute;left:32px;top:34px;width:71px;height:67px}
.top-time{position:absolute;left:270px;color:#fff;top:480px;width:800px;height:50px;line-height:50px;text-align:center;font-size:30px}
.grab-number{width:500px;position:absolute;left:419px;top:840px;color:#fff;line-height:50px;font-size:22px;text-align:center}
.grab-now{width:278px;padding-left:0;text-align:center;margin:0 auto}
.surplus{color:red;font-size:28px;font-weight:700}

/*center*/
.btn-sign{margin:0 auto;padding-left:95px;width:183px}
.btn-sign b{position:absolute;width:31px;height:33px;right:90px;top:22px}
.sign-days{padding-top:40px;height:190px}
.btn-prize{margin:0 auto;padding-left:95px;width:183px}
.btn-prize b{position:absolute;width:35px;height:33px;right:84px;top:22px}
.font-three{padding-left:70px;width:208px}
.font-three b{right:78px}
.days{padding-top:10px;text-align:center;color:#fff;font-size:18px;line-height:37px}
.complite-days,.more-days{color:#f7b601;font-size:28px}
.sign-prize{position:relative;height:450px}
.days-list{position:absolute;top:0;left:-113px;height:70px;width:1245px;border-bottom:3px solid #fff}
.list{padding:0 170px}
.list li{width:180px;font-size:32px;float:left;color:#f7b601;text-align:center;height:70px;line-height:76px}
.list .bl{color:#110101}
.sign-rules{padding: 23px 0 0 120px;color:#fff;font-size:16px;line-height:36px;height:206px;}
.sign-prize{padding-top:165px}
.prize-status .prize-01,.prize-status .prize-02,.prize-status .prize-03{width:278px;height:100%;float:left;position:relative}
.sign-prize .prize-01{padding: 0 43px 0 8px;}
.sign-prize .prize-02{padding: 0 43px;}
.sign-prize .prize-03{padding: 0 8px 0 43px;}
.sign-prize strong{display:block;font-size:24px;color:#aea5a5;height:65px;line-height:65px;text-align:center}
.can strong{color:#fff}
.prize-status i{display:block;width:241px;height:248px;margin:0 auto}
.can i{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/can.jpg) no-repeat center}
.can-not i{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/can-not.jpg) no-repeat center}
.can-not .common-btn-false{cursor:default}
.prize-status i span{display:block;width:235px;height:242px}
.can-not i span{opacity:.7;filter:alpha(opacity=70)}
.prize-01 i span{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/prize-day01.png) no-repeat center}
.prize-02 i span{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/prize-day03.png) no-repeat center}
.prize-03 i span{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/prize-day05.png) no-repeat center}
.tips{display:none;position:absolute;top: 0;width:303px;height:552px;z-index:9;color:#fff;padding-top:23px;font-size:14px;}
.prize-01 .tips,.prize-02 .tips{padding-left:90px;width:313px;left:192px;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/tips.png) no-repeat center}
.prize-03 .tips{padding-left:50px;width:351px;right:192px;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/tips-right.png) no-repeat center}
.tips h5{height:55px;line-height:55px}
.tips li{padding-left:100px;height:65px;line-height:65px;position:relative}
.tips li b{position:absolute;top:0;left:10px;width:65px;height:65px}

/*bottom*/
.slide-box{width:1920px;height:711px;margin-left:-448px;overflow:hidden;position:relative}
.hd{background:#000;background:rgba(0,0,0,.8);border-top:1px solid #000;height:99px;padding-left:635px;width:1285px;position:absolute;z-index:9;left:0;top:0}
.hd li{float:left;margin:12px 40px 0 0;cursor:pointer}
.hd li a{display:block;width:76px;height:76px}
.bd{position:relative;height:711px}
.bd li{position:absolute;left:0;top:0;width:1920px;height:711px}
.con-item1{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/animation-01.jpg) no-repeat center}
.con-item2{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/animation-02.jpg) no-repeat center}
.con-item3{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/animation-03.jpg) no-repeat center}
.con-item4{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/animation-04.jpg) no-repeat center}
.con-item5{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/animation-05.jpg) no-repeat center}
.con-item6{background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/animation-06.jpg) no-repeat center}
.con-txt{position:absolute;left:50%;bottom:0;margin-left:-478px;width:956px;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/con-txt.png) no-repeat top center}
.bd li h4{font-size:46px;color:#fff;height:110px;line-height:110px;padding-left:47px}
.bd li p{font-size:18px;color:#e5e5e5;line-height:37px;text-indent:2em;padding:0 208px 30px 24px}
.mask{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:#000;opacity:.7;filter:alpha(opacity=70)}
.pop{display:none;width:600px;height:200px;padding:50px 100px;position:fixed;left:50%;margin-left:-400px;top:50%;margin-top:-184px;z-index:1001;background:url(//ossweb-img.qq.com/images/chanpin/tgp/public/danji/hubao20170626/pop.jpg) no-repeat center;text-align:center;color:#fff}
.pop h4{font-size:46px;height:110px;line-height:110px}
.pop p{font-size:24px}
.pop .btn-confirm{margin:40px auto 0}
.pop-close{position:absolute;right:20px;top:20px}
.pop-05{padding:10px 100px 140px;height:317px}
.pop-05 td{text-align:center;width:274px;height:30px;font-size:16px;line-height:30px;text-align:center;border:2px solid #ccc}
.pop-05 .common-btn-true{position:absolute;left:50%;bottom:30px;margin-left:-139px}

.pop-05 .table-wrap{height:194px;overflow-y:scroll}
#logined,#unlogin{width:500px;height:60px;line-height:60px;position:absolute;left:420px;top:525px;color:#ffde00;font-size:22px;text-align:center}
#logined a,#unlogin a{color:#ffde00;font-size:22px}
#logined a:hover,#unlogin a:hover{text-decoration:underline}
.pop-video{width:834px;height:470px;background:#000;padding:0;margin-left:-417px;margin-top:-235px}
.pop-video .video-swf{width:100%;height:100%}
.pop-video .close{width:50px;position:absolute;right:-54px;top:0;border:2px solid #ccc;height:50px;background-position:-575px -126px}

/*footer*/
/*.footer{height:80px;padding-top:27px;background-color:#000;width:1920px;margin-left:-448px;color:#a8a8a8;font-size:12px;line-height:19px;text-align:center}
.footer a{color:#a8a8a8}
.footer a:hover{text-decoration:underline}
.footer ul{width:735px;margin:0 auto}
.footer li{float:left}
.footer li span{padding:0 7px}*/

#footer_ied { padding-top:30px; padding-bottom:30px; text-align:center; font:normal 12px/19px Tahoma; }
#footer_ied .e { font:normal 10px/19px Tahoma;}
#footer_ied, #footer_ied a {color: #dcbdbd;background: #3c0909;text-decoration:none;}
.sign-rules ol, .top-rules ol {margin-left: 20px;position: static;}

.common-btn-false{cursor:default;}

.tips{display:block;top: 0;padding-top: 0;height: 0;overflow: hidden;}