html,body{
    height: auto;
    width:100%;
    font-family: 'pingfang SC','microsoft yahei ui','microsoft yahei','helvetica neue',arial,'hiragino sans gb',sans-serif;
}
*{
    margin:0;
    padding:0;
}
h1{
    font-size:36px;
    text-align:center;
    font-weight:500;
}
/*banner部分*/
.banner{
    height: 500px;
    background: url("../img/bannerBg.png") center no-repeat;
    overflow: hidden;
}
.banner .logo{
    text-align:center;
    padding-top:100px;
}
.banner h2{
    font-size:24px;
    font-weight: 400;
    color:white;
    text-align:center;
    margin:10px 0 0 0;
    letter-spacing: 5px;
}
.banner h1{
    font-size: 64px;
    font-weight:700;
    color:white;
    text-align:center;
    margin:26px 0 0 0;
}
.banner a{
    width:242px;
    height:61px;
    border-radius:4px;
    /*background-image: linear-gradient(-8deg,#b28b36 , #e8c06b);*/
    background:url("../img/button.png");
    color:white;
    font-size:18px;
    text-align:center;
    line-height:61px;
    font-weight:500;
    margin:0 auto;
    margin-top:82px;
    cursor:pointer;
    display:block;
    text-decoration:none;
}
.banner a:hover{
    background:url("../img/buttonHover.png")
}
/*什么是流量合作计划*/
.what{
    height:345px;
    /*background:coral;*/
}
.what h1{
    padding-top:50px;
}
.what p{
    text-align: center;
    font-size: 18px;
    line-height:42px;
    margin-top:30px;
}
/*百万流量合作计划特点*/
.feature{
    height:474px;
    background:#f7f7f7;
}
.feature h1{
    padding-top:50px;
}
.feature .three{
    width:1200px;
    height:230px;
    margin:0 auto;
    margin-top:60px;
    /*background:#d16868;*/
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    color:white;
    font-size:24px;
}
.feature .three p{
    margin-top:180px;
    margin-left:25px;
}
.feature .producer,.feature .flow, .feature .cooperate{
    width:360px;
    height:230px;
}
.feature .producer{
    background:url("../img/producer.png");
}
.feature .flow{
    background:url("../img/flow.png");
}
.feature .cooperate{
    background:url("../img/cooperate.png");
}
/*推广资源位*/
.resource{
    height:450px;
    background:url("../img/resourceBg.png");
    color:white;
}
.resource h1{
    padding-top:50px;
}
.resource .four{
    width:1200px;
    height:192px;
    margin:0 auto;
    margin-top:70px;
    /*background:cornflowerblue;*/
    display:flex;
    justify-content:space-between;
}
.resource .official, .resource .ad, .resource .wechat, .resource .meeting{
    width:300px;
    height:auto;
}
.resource .ad{
    /*background:coral;*/
    border-right:#86a8e8 solid 1px;
}
.resource .official, .resource .ad, .resource .wechat{
    /*background:chartreuse;*/
    border-right:#86a8e8 solid 1px;
    text-align:center;
}
.resource .meeting{
    text-align:center;
}
.resource .official .icon1{
    display:inline-block;
    width:90px;
    height:90px;
    background:url("../img/official.png") center no-repeat;
}
.resource .ad .icon2{
    display:inline-block;
    width:90px;
    height:90px;
    background:url("../img/ad.png") center no-repeat;
}
.resource .wechat .icon3{
    display:inline-block;
    width:90px;
    height:90px;
    background:url("../img/wechat.png") center no-repeat;
}
.resource .meeting .icon4{
    display:inline-block;
    width:90px;
    height:90px;
    background:url("../img/meeting.png") center no-repeat;
}
.resource span{
    font-size:22px;
    font-weight:600;
    line-height:32px;
}
.resource p{
    font-size:18px;
    font-weight:300;
    line-height:32px;
    letter-spacing: 1px;
}
/*客户曝光*/
.exposure{
    height:722px;
}
.exposure h1{
    padding-top: 50px;
}
.exposure .item{
    width:1200px;
    /*background:crimson;*/
    margin:0 auto;
    margin-top:20px;
    display:flex;
    flex-wrap: wrap;
    align-self: stretch;
    justify-content:space-around;
}
.exposure .item img{
    width:338px;
    height:223px;
    padding:25px;
}
/*申请流程*/
.apply{
    height:640px;
    background:#f7f7f7;
}
.apply h1{
    padding-top: 50px;
}
.apply .content{
    width:770px;
    height:416px;
    background:url(../img/applyBg.png) center no-repeat;
    margin:0 auto;
    margin-top:52px;
    position:relative;
    overflow:hidden;
}
.apply .content .group{
    width:160px;
    text-align:right;
    position: absolute;
}
.apply .content .fir{
    top:110px;
}
.apply .content .sec{
    top:230px;
}
.apply .content .thr{
    top:360px;
}
.apply .content .fou{
    top:178px;
    left:620px;
    text-align:left;
}
.apply .content .fiv{
    top:300px;
    left:620px;
    text-align:left;
}
.apply .content .group span{
    font-size:18px;
}
.apply .content .group p{
    color:#8f8f8f;
    font-size:16px;
}
.apply .content ul:last-child{
    text-align: left;
    position: relative;
    left:500px;
    top:-330px;
    text-align:right;
}
/*参与方式*/
.participate{
    height:360px;
}
.participate h1{
    padding-top:50px;
}
.participate p{
    font-size: 22px;
    font-weight:500;
    text-align:center;
    line-height:36px;
    margin-top:30px;
}
.participate span{
    font-size: 16px;
    color:#8f8f8f;
}
.participate .line{
    width:390px;
    height:1px;
    background:#e5e5e5;
    margin:0 auto;
    position: relative;
    top:-70px;
}