.icon-ben_appraisal{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px 0px;
   background-size: 320px 244px;
   width: 237px;
   height: 71px;
}
.icon-bj{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px -182px;
   background-size: 320px 244px;
   width: 62px;
   height: 62px;
}
.icon-bs{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -257px 0px;
   background-size: 320px 244px;
   width: 63px;
   height: 63px;
}
.icon-btn_upgrade{
   display:inline-block;
   background: url('../img/icon.png') no-repeat 0px -91px;
   background-size: 320px 244px;
   width: 237px;
   height: 71px;
}
.icon-close{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -82px -182px;
   background-size: 320px 244px;
   width: 51px;
   height: 50px;
}
.icon-lwb{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -257px -83px;
   background-size: 320px 244px;
   width: 63px;
   height: 63px;
}
.icon-rule{
   display:inline-block;
   background: url('../img/icon.png') no-repeat -153px -182px;
   background-size: 320px 244px;
   width: 34px;
   height: 34px;
}

*{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 no-repeat;}
.logo{top: 15px;left: 28px;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;}
.gw{position: absolute;top: 0;right: 74px;display: block;width: 120px;background: #3a4589;border-radius: 0 0 20px 20px;height: 30px;line-height: 25px;color: #fff;font-size: 16px;text-align: center}
.lw_sign{position: absolute;top: 0;right: 206px;background: #3a4589;border-radius: 0 0 20px 20px;height: 30px;line-height: 25px;color: #fff;font-size: 16px;text-align: center;padding: 0 25px;}
.lw_sign a{color: #fff;}

.top{height: 900px;width: 1200px;margin: 0 auto;position: relative}
.icon-ben_appraisal{position: absolute;top: 687px;right: 83px;text-indent: -9999px;}
.icon-btn_upgrade{position: absolute;top: 687px;right: -57px;text-indent: -9999px;}
.top_time{font-size: 22px;color:#2e3a7c;position: absolute;right: 20px;top: 790px}

.gift{background:url(../img/gift.jpg) center top no-repeat;height: 898px;}
.gift_content{width: 1200px;position: relative;margin: 0 auto}
.gift_content div{width: 223px;height: 243px;position: absolute;cursor: pointer;text-indent: -99999px;}
.gift_list7{left: 151px;top: 287px;}
.gift_list6{left: 488px;top: 287px;}
.gift_list5{left: 825px;top: 287px;}
.gift_list4{left: 0;top: 565px;}
.gift_list3{left: 331px;top: 565px;}
.gift_list2{left: 662px;top: 565px;}
.gift_list1{left: 994px;top: 565px;}

.welfare{background:url(../img/welfare.jpg) center top no-repeat;height: 901px;}

.rule{background:url(../img/rule.jpg) center top no-repeat;height: 710px;}
.rule_content{margin: 0 auto;padding-top: 252px;width: 1200px;color: #fff;font-size: 19px;line-height: 34px;}
.rule_content p{margin-bottom: 17px;}
.rule_content p span{text-align: center;font-size: 16px;margin-right: 15px;}
.rule_content p em{color: #ffd571;}

.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_appraisal{background:url(../img/popup_appraisal.png) center top no-repeat;width: 549px;height: 379px;position: fixed;left: 50%;margin-left: -275px;top: 50%;margin-top: -189px;z-index: 3;display: none}
.popup_gift{background:url(../img/popup_gift.png) center top no-repeat;width: 309px;height: 471px;position: fixed;left: 50%;margin-left: -154px;top: 50%;margin-top: -236px;z-index: 3;display: none;}
.icon-close{position: absolute;top: 13px;right: -60px;cursor: pointer;}
.icon-close:hover{-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: 1s;transition: 1s; display:block}
.text{font-size: 18px;text-align: center;color: #f0c47e;padding-top: 150px;font-weight: bold;}
.ent{padding: 50px 44px 0;color: #dda956;display: none;}
.ent h2{font-size: 28px;font-weight: normal;text-align: center}
.ent h3{font-size: 18px;font-weight: normal;line-height: 30px;border-bottom: 1px solid #726566;padding-bottom: 10px;text-align: center;margin-bottom: 17px;}
.ent h3 span{color: #ff555d}
.ent h4{text-align: center;font-size: 20px; }
.ent li{margin-bottom:19px;font-size: 16px; }
.ent li span{vertical-align: middle;margin-right: 11px;}



/*copyright*/
.coy{ text-align:left; color:#c2c2c2; line-height:24px; font-size:12px; padding:35px 0; background:#39393a;}
.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;}


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