.header{
    background: url(../img/index_bg.png) no-repeat center top;
    /*height: 1000px;*/
}
.content{
    margin-left: 70px;
    margin-right: 70px;
}
.header .content .nav{
    width:100%;
    padding-top: 30px;
    padding-bottom: 8px;
    position: relative;
}
.header .content .nav .right-link{
    position: absolute;
    top:30px;
    right:0;
}
.header .content .nav .right-link a{
    display: inline-block;
    width:108px;
    height:34px;
    line-height: 34px;
    text-align: center;
    border-radius:17px;
    border: 1px solid #333333;
    color:rgba(0,0,0,1);
    font-size:12px;
}
.header .content .nav .right-link a:hover{
    text-decoration: none;
    background: #333;
    color:#fff;
}
.header .content .nav .logo img{
    margin-top: 8px;
}
.header .content .info-wrapper{
    margin-top: 83px;
}
.header .content .info-wrapper .info{
    background:  no-repeat center top;
    /*height: 100px;*/
    position: relative;
}
.info-wrapper .info .left-info{
    width:490px;
}
.info-wrapper .info .left-info .app-area{
    position: relative;
    padding: 72px 0;
}
.info-wrapper .info .left-info .app-area img{
    position: absolute;
    top:25px;
    left:98px;
}
.info-wrapper .info .left-info .title-area{
    margin-top: 45px;
}
.info-wrapper .info .left-info .title-area .title{
    font-size:36px;
    color:rgba(26,26,26,1);
    font-weight: 700;
    padding-left: 127px;
}
.info-wrapper .info .left-info .erweima-area{
    margin-top: 61px;
    padding-left: 127px;
    padding-bottom: 65px;
}
.info-wrapper .info .left-info .erweima-area .erweima{
    width:198px;
    height:210px;
    background:rgba(31,31,31,1);
    border-radius:22px;
    padding: 30px 27px 24px 27px;
    text-align: center;
    position: relative;
}
.info-wrapper .info .left-info .erweima-area .erweima img{
    width: 110px;
}
.info-wrapper .info .left-info .erweima-area .erweima p{
    margin-bottom: 0;
    margin-top: 27px;
    font-size:16px;
    color:rgba(254,214,80,1);
    font-weight: 700;
}
.info-wrapper .info .left-info .erweima-area .erweima .fix-area{
    position: absolute;
    left:-127px;
    top:87px;
}
.info-wrapper .info .left-info .erweima-area .erweima .fix-area img{
    width: 13px;
}
.info-wrapper .info .right-info{
    position: absolute;
    right:135px;
    top:-29px;
}
.operation{
    margin-top: 155px;
}
.operation .bg_wrapper{
    background:  no-repeat 40% top;
    /*height: 2000px;*/
}
.operation .bg_wrapper .play_task{
    height: 360px;
    position: relative;
    width:100%;
}
.operation .bg_wrapper .play_task .info-area{
    padding-left: 80px;
    width: 505px;
}
.info-area .tip-area{
    padding-top: 82px;
}
.info-area  .tip-area span{
    display: inline-block;
    width:44px;
    height:10px;
    background:rgba(254,214,80,1);
}
.info-area .title-area{
    margin-top: 30px;
}
.info-area .title-area .title{
    font-size:32px;
    color:rgba(45,45,45,1);
    font-weight: 700;
}
.info-area .title-area .title p{
    font-size:16px;
    font-weight: 700;
    color:rgba(45,45,45,0.6);
    margin-bottom: 0;
    margin-top: 20px;
}
.operation .bg_wrapper .play_task .img-area{
    position: absolute;
    right:130px;
    top:-13px;
}
.operation .bg_wrapper .invite_friend{
    margin-top: 285px;
    height:360px;
    position: relative;
}
.operation .bg_wrapper .invite_friend .img-area{
    width: 500px;
    position: relative;
}
.operation .bg_wrapper .invite_friend .img-area img{
    position: absolute;
    top: 0;
    left:43px;
}
.operation .bg_wrapper .invite_friend .info-area{
    position: absolute;
    top:0;
    right:75px;
}
.invite_friend .info-area .tip-area{
    text-align: right;
}
.invite_friend .info-area .title-area{
    text-align: right;
}
.ri{
    text-align: right!important;
}
.operation .bg_wrapper .withdraw_cash{
    margin-top: 225px;
    height:355px;
    position: relative;
}
.operation .bg_wrapper .withdraw_cash .info-area{
    padding-left: 80px;
    width: 400px;
}
.operation .bg_wrapper .withdraw_cash .img-area{
    position: absolute;
    right:130px;
    top:-47px;
}
.contact{
    margin-top: 150px;
}
.contact .contact-content-wrapper {
    margin: 0 134px;
}
.contact .contact-content-wrapper .contact-content{
    background:  no-repeat center top;
    position: relative;
    /*height: 500px;*/
    padding-bottom: 70px;
}
.contact-content .app-wrapper{
    padding-top: 46px;
    display: inline-block;
}
.contact-content .app-wrapper img{
    margin-left: 150px;
}
.contact-content .collaborate-wrapper{
    width:344px;
    padding-top: 46px;
    position: absolute;
    top:0;
    right:0;
}
.contact-content .collaborate-wrapper .title{
    width:106px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background:rgba(31,31,31,1);
    border-radius:20px;
    font-size:14px;
    color:rgba(254,214,80,1);
    font-weight: 700;
}
.contact-content .collaborate-wrapper p{
    font-size:18px;
    font-weight: 700;
    color:rgba(31,31,31,1);
}
.contact-content .collaborate-wrapper p.email{
    margin-top: 35px;
}
footer{
    border-top: 1px solid rgba(45,45,45,0.1);
    padding: 52px 0;
}
footer p{
    text-align: center;
    font-size:12px;
    color:rgba(31,31,31,0.6);
    margin-bottom: 0;
}
/*pc<1200*/
@media (max-width: 1200px){
    .content {
         margin-left: 0;
         margin-right: 0;
    }
    .header .content .info-wrapper .info {
        background-size: 940px;
    }
    .info-wrapper .info .left-info .app-area img {
        left: 0;
    }
    .info-wrapper .info .left-info .title-area .title {
        padding-left: 25px;
    }
    .info-wrapper .info .left-info .erweima-area {
        padding-left: 25px;
    }
    .contact .contact-content-wrapper {
        margin: 0 100px;
    }
}
#cnzz_stat_icon_1274996445{
    display: none;
}