.icon-btn_collect{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px -240px;
   background-size: 619px 501px;
   width: 305px;
   height: 90px;
}
.icon-btn_give{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px -130px;
   background-size: 619px 501px;
   width: 306px;
   height: 90px;
}
.icon-collect{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -352px 0px;
   background-size: 619px 501px;
   width: 267px;
   height: 62px;
}
.icon-give{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -352px -82px;
   background-size: 619px 501px;
   width: 267px;
   height: 62px;
}
.icon-links{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px -432px;
   background-size: 619px 501px;
   width: 305px;
   height: 35px;
}
.icon-luck_btn{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px 0px;
   background-size: 619px 501px;
   width: 332px;
   height: 110px;
}
.icon-popup_line{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px -487px;
   background-size: 619px 501px;
   width: 407px;
   height: 14px;
}
.icon-prize_nav{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -352px -164px;
   background-size: 619px 501px;
   width: 267px;
   height: 62px;
}
.icon-prize_nav_on{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -352px -246px;
   background-size: 619px 501px;
   width: 267px;
   height: 62px;
}
.icon-rule{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px -350px;
   background-size: 619px 501px;
   width: 267px;
   height: 62px;
}
.icon-sure{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -287px -350px;
   background-size: 619px 501px;
   width: 221px;
   height: 58px;
}

*{margin:0;padding:0;}
li{ list-style:none;}
a{ text-decoration:none;outline: none}
img{ border:none; vertical-align:top;}
i ,em,s{ font-style:normal;}
input {-webkit-appearance: none;outline: none}
.clear{clear: both;}
table, td, th {border-collapse: collapse;}
.clear:after{content: ".";height: 0;font-size: 0;visibility: hidden;clear: both;}
body{font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;font-size: 12px;background: url(../img/body.jpg) center top no-repeat;}
.war{width: 1200px;margin: 0 auto;position: relative;}
.icon-links{position: absolute;top: 0;right: 186px;line-height: 35px;text-align: center;font-size: 14px;color: #9cafea;z-index: 2}
.icon-links a{color: #9cafea;display: inline-block;margin: 0 10px;}


.top{height: 970px;width: 1200px;margin: 0 auto;position: relative;}
.logo{position: absolute;left: 500px;top: 10px;}
.time{width: 429px;height: 45px;line-height: 45px;text-align: center;top: 427px;left: 390px;position: absolute;font-size: 23px;color: #220e46;}
.icon-btn_give{cursor: pointer;position: absolute;top: 853px;left: 129px;text-indent: -9999px;}
.icon-btn_collect{cursor: pointer;position: absolute;top: 853px;right: 129px;text-indent: -9999px;}

.ranking{background: url(../img/ranking_v1.jpg) center top;height: 757px;}
.ranking_nav{width: 150px;height: 150px;border: 1px solid #99a9ce;border-radius: 50%;overflow: hidden;position: absolute;left: 522px;top: 0}
.ranking_nav span{display: block;height: 75px;line-height: 75px;text-align: center;font-size: 24px;color: #6971a0;cursor: pointer;}
.ranking_nav span.on{background: #9099d5;color: #fff}
.ranking_cent{display: none;}
.ranking_list{font-size: 14px;margin-top: 136px;background: url(../img/ranking.png) center top;width: 528px;height: 602px;}
.ranking_list h2{font-size: 26px;color: #6770a5;font-weight: normal;text-align: center;height: 59px;line-height: 59px;}
.ranking_list table{margin: 0 9px;width: 510px;}
.ranking_give{float: left;margin-left: 33px;}
.ranking_collect{float: right;margin-right: 38px;}
.ranking_list td, .ranking_list th{text-align: center}
.ranking_list th{background: #9099d5;height: 44px;color: #fff;font-weight: normal;}
.ranking_list td {height: 36px;line-height: 36px;color: #576083;}

.luck_body{background: url(../img/luck_body.jpg) center top;height: 591px;}
.luck{width: 708px;height: 395px;position: absolute;left: 0;top: 110px;}
.luck_list{background: url(../img/luck_list.jpg) center top;width: 174px;height: 105px;position: absolute;text-align: center;padding-top: 24px;}
.luck_list p{font-size: 14px;color: #fefeff;line-height: 18px;padding-top: 8px;}
.icon-luck_btn{text-indent: -99999px;position: absolute;top: 144px;left: 187px;cursor: pointer;}
.luck_current{background: url(../img/luck_current.jpg) center top;}
.luck_1{left: 0;top: 0;}
.luck_2{left: 177px;top: 0;}
.luck_3{left: 355px;top: 0;}
.luck_4{left: 533px;top: 0;}
.luck_5{left: 533px;top: 133px;}
.luck_6{left: 533px;bottom:0;}
.luck_7{left: 355px;bottom:0;}
.luck_8{left: 177px;bottom:0;}
.luck_9{left: 0;bottom:0;}
.luck_10{left: 0;top: 133px;}

.winning{background: url(../img/winning.png);width: 347px;height: 200px;position: absolute;top: 307px;right: 76px;}
.winning_content{position: relative;top: 37px;left: 18px;height: 150px;overflow: hidden;width: 300px;}
.winning li{font-size: 14px;color: #414d7c;line-height: 30px;height: 30px;overflow: hidden;}
.winning li span{display: inline-block;margin-right: 14px;}

.prize{background: url(../img/prize.jpg) center top;height: 851px;}
.prize_cent{display: none}
.prize_nav{text-align: center;margin: 40px auto 30px}
.prize_nav span{text-align: center;line-height:62px;font-size: 21px;color: #6770a5;cursor: pointer;margin: 0 20px;}
.prize_left{width: 708px;float: left;}
.icon-collect,.icon-give{display: block;margin: 42px auto 22px auto;text-indent: -99999px;}
.prize_left li{background: url(../img/collect_list.png);width: 708px;height: 123px;margin-bottom: 38px;}
.prize_left li b{display: block;width: 148px;color: #fff;text-align: center;font-size: 22px;line-height: 23px;float: left;padding-top: 30px}
.prize_left li b i{display: block;line-height: 25px;font-size: 16px;font-weight: normal}
.prize_left li b i p{color: #b94514;}

.prize_left li span{display:block;padding:20px 0 0 20px;color: #7b89af;font-size: 16px;width: 540px;line-height: 27px;float: left;}
.prize_left li span em{text-decoration: underline;color: #b94514;}
.prize_right{width: 439px;float: right}
.give{width: 417px;height: 563px;}
.give h2{text-align: center;font-size: 26px;color: #6770a5;font-weight: normal;border: 1px solid #dbe1f2;border-left: none;border-right: none;height: 75px;line-height: 75px;}
.give h2 span{padding: 0 10px;}
.give ul{margin-left: 11px;}
.give ul li{height: 70px;line-height: 70px;overflow: hidden;}
.give ul li i{display:block;float: left;width: 114px;text-align: center;padding-top: 5px;border-right: 1px solid #dbe1f2;}
.give ul li span{display:block;float: left;width: 154px;padding-left: 23px;font-size: 14px;color: #7680a7;border-right: 1px solid #dbe1f2;}
.give ul li em{display:block;float: left;padding-left: 20px;}
.give table{border: 1px solid #96a6cc}
.give table, .give td, .give th {border-collapse: collapse;font-size: 12px;}
.give th{background: #9099d5;height: 43px;line-height: 43px;color: #fff;font-size: 14px;}
.give td ,.give th{border: 1px solid #96a6cc;text-align: center}
.give td{height: 30px;line-height: 30px;color: #7680a7}
.give td i{font-size: 14px;}
.give td span{color: #b94514;}


.rule{background: url(../img/rule.jpg) center top;height: 522px;}
.icon-rule{margin: 72px 0 37px 0;}
.rule li{line-height: 28px;font-size: 16px;color: #495288;margin-bottom: 8px;}
.rule li span{background: #9099d5;display: inline-block;width: 28px;height: 28px;border-radius: 28px;text-align: center;color: #fff;margin-right: 11px;}
.rule li b{color: #b94514;}

/*copyright*/
.coy{ text-align:left; color:#c2c2c2; line-height:24px; font-size:12px; padding:35px 0; background:#343b54;}
.coyN{ width:786px; background:url(https://img.ssl.q1.com/lw/images/login/login180126/logo_for.png?v=1) no-repeat 0 40px; margin:0 auto; padding-left:220px}
.coyN span{ display:block;}
.coy a{color:#c2c2c2; text-decoration:none;}

.mask{position:absolute;z-index:2;filter:alpha(opacity=80);background:#000;opacity: 0.8;-moz-opacity: 0.8;left:0;top:0;width:100%;display: none;}
.popup{background: url(../img/popup.png) center top;width: 601px;height: 396px;position: fixed;top: 50%;margin-top: -200px;left: 50%;margin-left: -300px;z-index: 3;display: none;}
.popup .close{background:url(https://img1.ssl.q1.com/lw/images/20170215_main/close_v1.png?v=1) no-repeat; width:33px; height:32px; position:absolute; top:5px; right:-40px; cursor:pointer;}
.popup .close:hover{-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: 1s;transition: 1s; display:block}
.popup h2{font-size: 26px;color: #3e3e94;font-weight: normal;text-align: center;padding: 120px 0 15px 0;line-height: 38px;display: none;}
.icon-popup_line{margin: 0 auto;display: block;}
.icon-sure{display: block;margin: 45px auto 0 auto;cursor: pointer;}

.tipsImg{position:absolute;display: none;z-index: 2;background: url(https://img.ssl.q1.com/ws/images/common/loading.gif?v=1) no-repeat center center #000;}



/*# sourceMappingURL=app.css.map */