.header{
	height:1240px;
	position: relative;
	background: url('../images/header.jpg') top center no-repeat;
}
.forgot-pwd{
    position: absolute;
    top:19px;
    left: 50%;
    margin-left: 125px;
    width: 80px;
    height: 80px;
    background: url('../images/pwd.png');
}
.time{
    position: absolute;
    top: 590px;
    font-size: 14px;
    left: 50%;
    margin-left: -240px;
    color: #11418e;
    width: 480px;
    text-align: center;
}
.login-inner{
    position: absolute;
    top: 732px;
    width: 600px;
    margin-left: -300px;
    left: 50%;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.login-inner a,.login-inner a:hover{
    color: #58ffba;
    text-decoration: underline;
}
.item-mess-grade{
    position: absolute;
    top: 874px;
    left: 50%;
    font-size: 28px;
    color: #fbfbfb;
    width: 168px;
    text-align: center;
    margin-left: -84px;
}
.leave-num{
    position: absolute;
    top: 1045px;
    left: 50%;
    font-size: 14px;
    color: #b1eaff;
    width: 418px;
    text-align: center;
    margin-left: -210px;
}
.leave-num span{
    color: #ffeab1;
}
.join-ylh{
    position: absolute;
    top: 1114px;
    left: 50%;
    width: 175px;
    height: 57px;
    margin-left: -90px;
}
.now-grade{
    position: absolute;
    top: 994px;
    left: 50%;
    margin-left: -343px;
    width: 72px;
    color: #eff9fe;
    font-size: 24px;
    text-align: center;
}
.next-grade{
    position: absolute;
    top: 994px;
    left: 50%;
    margin-left: 271px;
    width: 72px;
    color: #fffcb6;
    font-size: 24px;
    text-align: center;
}
.tips-grade{
    position: absolute;
    top: 843px;
    left: 50%;
    margin-left: -135px;
    width: 270px;
    color: #293989;
    font-size: 14px;
    text-align: center;
}
.tips-grade span{
    color: #ff4071;
}
.progress-box{
    position: absolute;
    top: 991px;
    width: 506px;
    left: 50%;
    margin-left: -253px;
}
.progress {
    height: 37px;
    background: #380339;
    overflow: hidden;
    border-radius: 20px;
    margin: 0;
}
.progress-bar{
    animation: reverse progress-bar-stripes .5s linear infinite, animate-positive 2s;
    overflow: hidden;
    border-radius: 20px;
}
.step1{
	height: 1000px;
	position: relative;
	background: url('../images/step1.jpg') top center no-repeat;
}
.step1-txt{
    position: absolute;
    top: 155px;
    left: 50%;
    width: 1000px;
    margin-left: -500px;
    font-size: 18px;
    color: #ffeef9;
    text-align: center;
}
.draw-model{
    position: absolute;
    top: 600px;
    width: 440px;
    left: 50%;
    margin-left: -299px;
    text-align: center;
    font-size: 20px;
    color: #da65f3;
}
.draw-model p{
    display: inline-block;
    font-size: 20px;
}
.draw-model span{
    color: #de2432;
}
.chance-btn{
    position: absolute;
    top: -7px;
    right: -110px;
    width: 110px;
    height: 32px;
}
.main-btn>a{
    position: absolute;
    left: 50%;
    z-index: 30;
    display: block;
}
.draw-one{
    width: 242px;
    height: 69px;
    top: 506px;
    margin-left: -272px;
}
.draw-five{
    width: 242px;
    height: 69px;
    top: 506px;
    margin-left: 27px;
}
.receive-prop{
    width: 143px;
    height: 42px;
    top: 640px;
    margin-left: -162px;
}
.buy-card{
    width: 143px;
    height: 42px;
    top: 640px;
    margin-left: 18px;
}
.get-num{
    position: absolute;
    left: 50%;
    width: 217px;
    height: 38px;
    top: 846px;
    margin-left: -108px;
}
.prop-list{
    overflow: hidden;
    padding: 60px 20px 30px;
}
.prop-list li{
    display: inline-block;
    margin: 0 28px 0;
}
.prop-list li:nth-child(8),.prop-list li:nth-child(12),.prop-list li:nth-child(16){
    margin: 0 386px 0 30px;
}
.prop-list li .prop-img{
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background: #C9C9C9;
}
.prop-list li .prop-img img{
    display: block;
    width: 100%;
    height: 100%;
}
.prop-list li p{
    line-height: 38px;
    color: #1a6b21;
}
.step2{
    height: 3160px;
    position: relative;
    background: url('../images/step2.jpg') top center no-repeat;
}
.txt-model{
    position: absolute;
    left: 50%;
    top: 575px;
    margin-left: 21px;
}
.sign-warp{
    width: 558px;
    height: 398px;
    overflow: hidden;
}
.sign-warp li{
    float: left;
    width: 78px;
    height: 78px;
    cursor: pointer;
    margin-right: 2px;
    margin-bottom: 2px;
    position: relative;
}
.sign-warp li:nth-child(7n){
    margin-right: 0;
}
.sign-warp li.signed{
    background: url('../images/signed.png') no-repeat;
}
.sign-warp li.signbu{
    background: url('../images/signbu.png') no-repeat;
}
.sign-warp li p{
    position: absolute;
    width: 34px;
    height: 34px;
    top:0;
    left: 0;
    z-index: 10;
    background: url('../images/double.png') no-repeat;
}
.signbu-days{
    margin: 19px auto 0;
    line-height: 42px;
    font-size: 18px;
    color: #f5f6ff;
    width: 252px;
    text-align: center;
}
.sub-group li{
    position: absolute;
    left: 50%;
    overflow: hidden;
}
.sub-group li p {
    float: left;
    width: 400px;
    font-size: 20px;
    margin-left: 15px;
    color: #fff9f7;
    line-height: 80px;
}
.sub-group li a {
    float: left;
    display: block;
    width: 102px;
    height: 42px;
    background: url(../images/sub-btn.png);
    margin-left: 10px;
    margin-top: 20px;
}
.sub-group1{
    top: 1342px;
    margin-left: -566px;
}
.sub-group2{
    top: 2028px;
    margin-left: 33px;
}
.step2-rule{
    position: absolute;
    top: 306px;
    margin-left: -472px;
    width: 360px;
    text-align: center;
    font-size: 18px;
    color: #fff9f7;
    left: 50%;
}
.rule-mb{
    padding-top: 103px;
    color: #fb2530;
}
.rule-num{
    color: #fff9f7;
    font-size: 16px;
    margin-top: 17px;
}
.my-leave{
    position: absolute;
    top: 1301px;
    margin-left: 173px;
    width: 260px;
    text-align: center;
    font-size: 18px;
    color: #fff9f7;
    left: 50%;
}
.join-ylh1{
    position: absolute;
    top: 2239px;
    margin-left: 51px;
    width: 110px;
    height: 36px;
    left: 50%;
}
.join-ylh2{
    position: absolute;
    top: 174px;
    margin-left: -309px;
    width: 176px;
    height: 58px;
    left: 50%;
}
.add-wechat{
    position: absolute;
    top: 288px;
    margin-left: -79px;
    width: 169px;
    height: 43px;
    left: 50%;
}
.rule-num span,.my-leave span{
    color: #fff228;
}
.group-btn{
    position: absolute;
    left: 50%;
    overflow: hidden;
}
.group-btn li{
    overflow: hidden;
    margin-bottom: 14px;
}
.group-btn li:last-child{
    margin-bottom: 0;
}
.group-btn li p{
    float: left;
    width: 400px;
    font-size: 20px;
    margin-left: 15px;
    color: #fff9f7;
    line-height: 82px;
}
.group-btn li p span{
    color: #ffec19;
}
.group2-btn li{
    margin-bottom: 22px;
}
.group4-btn li{
    margin-bottom: 21px;
}
.group4-btn li i{
    font-style:normal;
    font-size: 14px;
    color: #f00;
    margin-left: 20px;
}
.group4-btn li p{
    font-size: 16px;
}
.group-btn li a{
    float: left;
    display: block;
    width: 106px;
    height: 46px;
    background: url('../images/receive.png');
    margin-left: 10px;
    margin-top: 20px;
}
.group4-btn li a{
    margin-top: 20px;
}
.group-btn li a.received{
    background: url('../images/received.png');
}
.group0-btn{
    top: 514px;
    margin-left: -566px;
}
.group5-btn{
    top: 2298px;
    margin-left: -219px;
}
.group5-btn li p{
    width: 270px;
}
.group1-btn{
    top: 793px;
    margin-left: -566px;
}
.group1-btn li p{
    line-height: 85px;
}
.group2-btn{
    top: 1735px;
    margin-left: -566px;
}
.group2-btn li p{
    line-height: 50px;
}
.group2-btn li a{
    margin-top: 0;
}
.group3-btn{
    top: 1580px;
    margin-left: -566px;
}
.group4-btn{
    top: 1362px;
    margin-left: 33px;
}
.total-list{
    position: absolute;
    top: 2825px;
    left: 50%;
    margin-left: -484px;
    overflow: hidden;
}
.total-list li{
    float: left;
    width: 106px;
    height: 42px;
    margin-right: 110px;
}
.total-list li:last-child{
    margin-right: 0;
}
.total-list li a{
    display: block;
    width: 100%;
    height: 100%;
}
.day-num{
    position: absolute;
    top: 184px;
    margin-left: -116px;
    font-size: 18px;
    left: 50%;
    line-height: 42px;
}
.day-num p{
    width: 233px;
    text-align: center;
}
.day-num span{
    color: #fff335;
}
.day-num a{
    position: absolute;
    top: 0;
    right: -163px;
    width: 145px;
    height: 40px;
}
.show-img{
    position: absolute;
    left: 50%;
    width: 32px;
    height: 32px;
}
.show-img1{
    top: 402px;
    margin-left: 158px;
}
.show-img img{
    position: absolute;
    display: none;
    z-index: 50;
}
.show-img1 img{
    width: 300px;
    top: -110px;
    left: -473px;
}
.action{
	position: absolute;
    left: 50%;
    width: 1035px;
    top:2955px;
    margin-left: -520px;
    color: #0a1c32;
    font-size: 14px;
}
.action h3{
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
}
.footer {
    height: 120px;
    line-height: 120px;
    color: #7a7879;
    text-align: center;
    background: #1a1a1a;
}
/*µ¯´°*/
.model-box {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    z-index: 1000;
}
.buy-content {
    position: absolute;
    color: #393939;
    background: #fff;
    width: 394px;
    top: 20%;
    left: 50%;
    margin-left: -197px;
    text-align: center;
}
.close-btn1 {
    position: absolute;
    width: 67px;
    height: 67px;
    background: url('../images/close-btn1.png') 0 0 no-repeat;
    top: 30px;
    right: -80px;
}
.buy-content .close-btn1{
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    top: 5px;
    right: 5px;
}
.model-box>h3 {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.choose-li {
    text-align: left;
    font-size: 16px;
    margin: 8px 0 8px 110px;
    font-weight: 600;
    max-height: 300px;
}
.choose-li li.active {
    background: url('../images/view1-round1.png') 0 center no-repeat;
}
.choose-li li {
    padding-left: 24px;
    cursor: pointer;
    overflow: hidden;
    height: 21px;
    margin-bottom: 10px;
    background: url('../images/view1-round.png') 0 center no-repeat;
}
.choose-y {
    width: 280px;
    margin: 20px auto 0;
    overflow: hidden;
}
.choose-y span {
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-top: 4px;
}
.choose-y input {
    float: right;
    width: 196px;
    height: 26px;
    outline: none;
    border: 1px solid #393939;
    border-radius: 5px;
    padding-left: 10px;
}
.sure {
    display: block;
    width: 83px;
    height: 42px;
    background: url('../images/sure.png') 0 0 no-repeat;
    margin: 15px auto;
}
.exchange-box{
    position: absolute;
    color: #2e7d65;
    background: url('../images/model.png') 0 0 no-repeat;
    background-size: 100% 100%;
    width: 939px;
    height: 515px;
    top: 50%;
    margin-top: -257px;
    left: 50%;
    margin-left: -469px;
    font-size: 24px;
}
.chance-box{
    position: absolute;
    background: url('../images/chance.jpg') 0 0 no-repeat;
    background-size: 100% 100%;
    width: 642px;
    height: 804px;
    top: 50%;
    margin-top: -402px;
    left: 50%;
    margin-left: -321px;
}
.shop-box{
    background: url('../images/shop.jpg') top center no-repeat;
    height: 1080px;
    position: relative;
}
.shop-txt{
    position: absolute;
    top: 132px;
    left: 50%;
    width: 1000px;
    margin-left: -500px;
    font-size: 18px;
    color: #ffeef9;
    text-align: center;
    line-height: 180%;
}
.shop-txt h3{
    font-size: 22px;
    font-weight: normal;
}
.my-num{
    font-size: 20px;
    color: #fffea1;
}
.exchange-btn{
    position: absolute;
    bottom: 95px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 215px;
    height: 78px;
}
.buy-btn,.shop-receive{
    position: absolute;
    width: 103px;
    height: 42px;
    left: 50%;
}
.shop-receive1{
    top: 440px;
    margin-left: -341px;
}
.shop-receive2{
    top: 440px;
    margin-left: -147px;
}
.buy-btn1{
    top: 530px;
    margin-left: 33px;
}
.buy-btn7{
    top: 529px;
    margin-left: 259px;
}
.buy-btn2{
    top: 814px;
    margin-left: -439px;
}
.buy-btn3{
    top: 814px;
    margin-left: -245px;
}
.buy-btn4{
    top: 814px;
    margin-left: -50px;
}
.buy-btn5{
    top: 814px;
    margin-left: 143px;
}
.buy-btn6{
    top: 814px;
    margin-left: 338px;
}
.shop-list{
    overflow: hidden;
    padding-top: 30px;
}
.shop-list li{
    float: left;
    text-align: center;
    margin-right: 24px;
    margin-bottom: 45px;
}
.shop-list li:nth-child(5n){
    margin-right: 0;
}
.shop-list li .shop-img{
    width: 136px;
    height: 136px;
    border: 4px solid #7BA86C;
    border-radius: 4px;
}
.shop-list li .shop-img img{
    display: block;
    width: 128px;
    height: 128px;
}
.shop-list li p{
    line-height: 32px;
    color: #509f45;
    font-size: 16px;
}
.shop-list li h3{
    font-weight: normal;
    font-size: 14px;
    color: #62a6a3;
}
.exchange-mess{
    width: 100%;
    margin:45px auto 0;
}
.show-img2{
    top: 808px;
    margin-left: -465px;
}
.show-img2 img{
    width: 350px;
    top: -146px;
    left: 114px;
}
.gif1{
    position: absolute;
    top: 580px;
    left: 50%;
    margin-left: -449px;
}
.gif2{
    position: absolute;
    top: 584px;
    left: 50%;
    margin-left: -260px;
}
.gif3{
    position: absolute;
    top: 584px;
    left: 50%;
    margin-left: -66px;
}
.gif4{
    position: absolute;
    top: 584px;
    left: 50%;
    margin-left: 129px;
}
.gif5{
    position: absolute;
    top: 585px;
    left: 50%;
    margin-left: 328px;
}
.gif8{
    position: absolute;
    top: 301px;
    left: 50%;
    margin-left: 249px;
}
.mess-inner{
    overflow: hidden;
    margin-bottom: 22px;
    text-align: center;
}
.mess-inner span{
    width: 400px;
    text-align: right;
    float: left;
    height: 52px;
    line-height: 52px;
}
.mess-inner input{
    float: left;
    width: 265px;
    border:1px solid #6409A9;
    background: #fff;
    color: #6409A9;
    font-size: 24px;
    text-align: center;
    outline: none;
    height: 52px;
    border-radius: 8px;
}
.mess-inner a{
    display: inline-block;
    width: 219px;
    height: 51px;
}
.exchange-sure{
    margin-right: 45px;
    background: url('../images/btn.png') 0 0 no-repeat;
}
.exchange-cancel{
    background: url('../images/btn.png') 0 -53px no-repeat;
}

/*新的悬浮窗*/
.fixed-btn{
    position: fixed;
    left: 50%;
    margin-left: 600px;
    bottom: 125px;
    display: none;
}
.fixed-btn.isPhone{
    position: fixed;
    left: auto;
    right: 0;
    bottom: 125px;
    display: none;
    transform: scale(.6);
}
.shop-center{
    width: 190px;
    height: 184px;
    display: block;
    margin: 0 auto;
    background: url('../images/slide/shop.png') 0 0 no-repeat;
}
.tj-inner{
    position: relative;
    width: 172px;
    height: 259px;
    margin: 0 auto;
    background: url('../images/slide/banner.png') 0 0 no-repeat;
}
.top{
    position: absolute;
    bottom: 9px;
    width: 145px;
    height: 41px;
    left: 14px;
    background: url('../images/slide/top.png') 0 0 no-repeat;
}
.tj-title{
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 42px;
}
.tj-title i{
    display: inline-block;
    width: 0;
    height: 0;
    cursor: pointer;
    margin-left: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #fff;
    opacity: 0;
}
.tj-img{
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
}
.tj-img img{
    display: block;
    width: 100%;
    height: 100%;
}
.tj-title b{
    position: absolute;
    top:12px;
    right:5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('../images/slide/tj-close.png') 0 0 no-repeat;
}
.tj-inner-down{
    height: 102px;
    background: url('../images/slide/banner-s.png') 0 0 no-repeat;
}