*{margin:0;padding:0;}
li{ list-style:none;}
a{ text-decoration:none;outline: none}
img{ border:none; vertical-align:top;}
i ,em{ font-style:normal;}
input {-webkit-appearance: none;}
.clear{clear: both;}
.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;}
.logo{top: 44px;left: 104px;position: absolute;z-index: 1;background:url(https://img.ssl.q1.com/lw/images/20170215_main/logo_v2.png?v=1);width: 188px;height: 157px;}

.links{position: absolute;top:0;right: 150px;background: #34536b;height: 32px;line-height: 32px;color: #fff;font-size:16px;z-index: 1;background:url(../img/links.png);width: 355px;text-align: center}
.links a{color: #fff;}
.links i{font-size: 12px;display: inline-block;margin: 0 10px;}
.warp{width: 1200px;margin: 0 auto;position: relative;height: 1162px;}
.time{position: absolute;width: 480px;height: 60px;line-height: 60px;right: 94px;top: 495px;text-align: center;font-size: 22px;color: #c7704c;font-weight: bold;}
.btn{background:url(../img/btn.png) center top;width: 298px;height: 71px;text-indent: -99999px;position: absolute;top: 616px;right: 174px;cursor: pointer;}
.reward{background:url(../img/reward.png) center top;width: 628px;height: 231px;position: absolute;top: 724px;right: -10px;padding-left: 27px;}
.reward h2{font-size: 18px;color: #37446c;line-height: 55px;}
.reward ul{overflow: hidden;zoom:1;}
.reward li{background: #ccdee9;height: 112px;display: inline-block;padding: 13px 13px 0 13px;min-width: 71px; text-align: center;float: left;margin-right: 14px;color: #465279;line-height: 20px;}
.reward li img{padding: 0 5px;}
.reward li p{padding-top: 5px;}
.reward h3{line-height: 40px;font-size: 16px;color: #3b4857;}
.reward h3 span{color: #ad5233;}

.rule{position: absolute;top: 1000px;left: 586px;width: 640px;}
.rule h2{font-size: 18px;color: #37446c;margin-bottom: 10px;}
.rule li{float: left;width: 320px;font-size: 15px;color: #37446c;line-height: 26px;}
.rule li span{color: #ba2700;}

/*coy*/
.clear{clear:both;}
.coy{ background:#191919; padding:45px 0; color:#636363; line-height:20px;}
.coyN{ background:url(https://img.ssl.q1.com/lw/images/20170215_main/footer_logo.png?v=1) no-repeat 0 5px; padding-left:260px;width:800px; margin:0 auto;}
.coyN ,.coyN a{ color:#636363;}
.coyN span{ display:block;}
.coy_wap{display: 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: 445px;height: 200px;top: 50%;margin-top: -181px;left: 50%;margin-left: -265px;position: fixed;z-index: 3;padding: 162px 0 0 85px;display: none;}
.close{background:url(../img/close.png);width: 62px;height: 62px;position: absolute;top: 0;right: -72px;cursor: pointer;}
.list{font-size: 20px;color: #fff;line-height: 24px;margin-top: 16px;}
.list i{display: inline-block;height: 24px;line-height: 24px;padding: 0 13px;background: #ad5334;font-size: 15px;margin-left: 30px;cursor: pointer;border-radius: 3px;}
.list a{color: #fff;}

@media screen and (max-width: 768px){
    .links ,.coy{display: none;}
    .logo{top: .5rem;left: 8rem;width: 1.88rem;height: 1.57rem;background-size: 1.88rem 1.57rem}
    body{background:#3f4e5f url(../img/body_wap.jpg) center top no-repeat;background-size: 100% 16.94rem}
    .warp{width: 100%;height: auto;}
    .time{position: static;width: 5.5rem;height: 0.6rem;line-height: 0.6rem;margin: 13.41rem auto 0 auto;text-align: center;font-size: 0.27rem;color: #c7704c;font-weight: bold;}
    .btn{width: 2.98rem;height: 0.71rem;text-indent: -999.99rem;position: static;margin: .52rem auto 0 auto;cursor: pointer;background-size: 2.98rem .71rem;}

    .reward{background:#3f4e5f url(../img/reward_wap.jpg) center top no-repeat;width: 100%;margin-top:1.21rem;background-size: 100% 1.7rem;padding-top: 2.3rem;position: static;overflow: hidden;padding-left: 0;}
    .reward h2{display: none;}
    .reward li{height: 1.57rem;padding: 0.13rem 0.23rem 0 0.23rem;min-width: 1.05rem;margin-left: 0.24rem;line-height: 0.3rem;background: #5e7081;color: #fff;font-size: .22rem;margin-right: 0;}
    .reward li img{padding: 0 0.05rem;width: .797rem;height: .79rem;}
    .reward li p{padding-top: 0.05rem;}
    .reward h3{line-height: 0.6rem;font-size: 0.36rem;color: #fff;padding: .7rem 1.28rem;text-align: center;}
    .reward h3 span {color: #ff9000;}

    .rule{position: static;width:100%;background:url(../img/rule_wap.jpg) center top no-repeat;background-size: 100% 6.21rem;height: 6.21rem;}
    .rule h2{font-size: 0.48rem;color: #37446c;padding-top: .95rem;line-height: 1.1rem;padding-left: 1.9rem}
    .rule li{float: none;font-size: 0.34rem;color: #37446c;line-height: 0.7rem;padding-left: 1.9rem}
    .rule li span{color: #ba2700;}

    .coy_wap{font-size: .2rem;color: #fff;text-align: center;line-height: .45rem;display: block; padding: .3rem 0}



    .popup{width:6.65rem;height: 2.63rem;top: 50%;margin-top: -2.21rem;left: 50%;margin-left: -3.97rem;position: fixed;z-index: 3;padding: 1.8rem 0 0 1.3rem;display: none; background-size: 7.95rem 4.43rem;}
    .close{width: 0.93rem;height: 0.93rem;position: absolute;top: 0;right: -1rem;cursor: pointer;background-size: .93rem .93rem}
    .list{font-size: 0.4rem;color: #fff;line-height: 0.36rem;margin-top: 0.36rem;}
    .list i{display: inline-block;height: 0.46rem;line-height: 0.46rem;padding: 0 0.13rem;background: #ad5334;font-size: 0.25rem;margin-left: 0.3rem;cursor: pointer;border-radius: 0.03rem;}

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