.section-bg-grey{
    background: #f7f9fd;
}

/* 广告位 */
.wechat-banner-block{
    height: 500px;
    background: url("../images/wechat_makering_banner.jpg") center no-repeat;
}

/* 栏目 */
.section{
    padding: 100px 0;
}
.section-bar{
    text-align: center;
    position: relative;
    z-index: 99;
}
.section-bar__tit{
    font-size: 32px;
}
.section-bar__sub{
    color: #888;
    line-height: 26px;
    padding-top: 20px;
    font-size: 16px;
}

/* 生态流量 */
.wechat-source-box{
    display: flex;
    justify-content: space-around;
    padding-top: 80px;
}
.source-group_dl{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 50%;
    padding: 30px 20px;
    box-sizing: border-box;
    -webkit-border-radius:60px 0 60px 0;
    -moz-border-radius:60px 0 60px 0;
    border-radius:60px 0 60px 0;
    -webkit-box-shadow: 1px 1px 15px rgba(1, 197, 101, .05), 1px -1px 15px rgba(1, 197, 101, .05), -1px 1px 15px rgba(1, 197, 101, .05), -1px -1px 15px rgba(1, 197, 101, .05);
    -moz-box-shadow: 1px 1px 15px rgba(1, 197, 101, .05), 1px -1px 15px rgba(1, 197, 101, .05), -1px 1px 15px rgba(1, 197, 101, .05), -1px -1px 15px rgba(1, 197, 101, .05);
    box-shadow: 1px 1px 15px rgba(1, 197, 101, .05), 1px -1px 15px rgba(1, 197, 101, .05), -1px 1px 15px rgba(1, 197, 101, .05), -1px -1px 15px rgba(1, 197, 101, .05);
}
.source-group_dl:last-child{
    margin-left: 50px;
}
.source-group_dt{
    width: 116px;
    height:116px;
    flex: 0 0 auto;
}
.source-group_dl:nth-child(1) .source-group_dt{
    background: url("../images/wechat_makering_icon01.png") center no-repeat;
}
.source-group_dl:nth-child(2) .source-group_dt{
    background: url("../images/wechat_makering_icon02.png") center no-repeat;
}
.source-group_dd{
    flex: 1 1 auto;
    margin-left: 20px;
}
.source-group_dd .tit{
    font-size: 18px;
    font-weight:bold;
}
.source-group_dd .txt{
    color: #999;
    line-height: 24px;
    margin-top: 12px;
    font-size: 14px;
}


/* 分销、工具 */
.fg-wrapper{
    display: flex;
    padding-top: 80px;
}
.fx-box{
    width: 616px;
    height: 681px;
    background: url("../images/wechat_fx_bg.png") center no-repeat;
}
.fx-box__hd{
    color: #fff;
    height:160px;
    padding: 40px 60px;
}
.fx-box__hd .tit{
    font-size: 26px;
}
.fx-box__hd .txt{
    color: #ddf9ff;
    line-height: 26px;
    margin-top: 20px;
    font-size: 14px;
}


.gj-box{
    width: 616px;
    height: 681px;
    background: url("../images/wechat_gj_bg.png") center no-repeat;
}
.gj-box__hd{
    color: #fff;
    height:160px;
    padding: 40px 60px;
}
.gj-box__hd .tit{
    font-size: 26px;
}
.gj-box__hd .txt{
    color: #c4ffe6;
    line-height: 26px;
    margin-top: 20px;
    font-size: 14px;
}

.fx-group{
    padding: 0 50px 0 60px;
}
.fx-group>li{
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px dotted #eee;
}
.fx-group>li:last-child{
    border-bottom:0;
}
.fx-group>li .hd{
    width: 90px;
    height: 90px;
    flex: 0 0 auto;
    background: url("../images/wechat_markering_group_icon.png") no-repeat
}
.fx-group>li:nth-child(1) .hd{
    background-position: 0 0;
}
.fx-group>li:nth-child(2) .hd{
    background-position: 0 -100px;
}
.fx-group>li:nth-child(3) .hd{
    background-position: 0 -200px;
}
.fx-group>li .bd{
    flex: 1 1 auto;
    padding-left: 30px;
}
.fx-group>li .bd .tit{
    font-size: 16px;
}
.fx-group>li .bd .txt{
    color: #999;
    line-height: 24px;
    font-size: 14px;
}

.gj-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 50px;
}
.gj-group>li{
    width: 33.333333%;
    padding: 20px 0;
    text-align: center;
}
.gj-group>li .icon{
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url("../images/wechat_markering_group_icon.png") no-repeat
}
.gj-group>li:nth-child(1) .icon{
    background-position: 0 -309px;
}
.gj-group>li:nth-child(2) .icon{
    background-position: -90px -309px;
}
.gj-group>li:nth-child(3) .icon{
    background-position: -180px -309px;
}
.gj-group>li:nth-child(4) .icon{
    background-position: 0 -399px;
}
.gj-group>li:nth-child(5) .icon{
    background-position: -90px -399px;
}
.gj-group>li:nth-child(6) .icon{
    background-position: -180px -399px;
}
.gj-group>li .name{
    font-size: 16px;
}


/* 会员权益 */
.member-qy-group{
    display: flex;
    padding-top: 60px;
}
.member-qy-group>li{
    width: 25%;
    padding: 36px 0;
    margin-left: 20px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 12px rgba(232, 232, 232, .5), 1px -1px 12px rgba(232, 232, 232, .5), -1px 1px 12px rgba(232, 232, 232, .5), -1px -1px 12px rgba(232, 232, 232, .5);
    -moz-box-shadow: 1px 1px 12px rgba(232, 232, 232, .5), 1px -1px 12px rgba(232, 232, 232, .5), -1px 1px 12px rgba(232, 232, 232, .5), -1px -1px 12px rgba(232, 232, 232, .5);
    box-shadow: 1px 1px 12px rgba(232, 232, 232, .5), 1px -1px 12px rgba(232, 232, 232, .5), -1px 1px 12px rgba(232, 232, 232, .5), -1px -1px 12px rgba(232, 232, 232, .5);
}
.member-qy-group>li:first-child{
    margin-left: 0;
}
.member-qy-group>li .icon{
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url("../images/wechat_markering_group_icon.png") no-repeat;
}
.member-qy-group>li:nth-child(1) .icon{
    background-position: -111px 4px;
}
.member-qy-group>li:nth-child(2) .icon{
    background-position: -111px -75px;
}
.member-qy-group>li:nth-child(3) .icon{
    background-position: -111px -155px;
}
.member-qy-group>li:nth-child(4) .icon{
    background-position: -111px -236px;
}
.member-qy-group>li .tit{
    margin-top: 8px;
    font-size: 18px;
    font-weight: bold;
}
.member-qy-group>li .txt{
    color: #999;
    line-height: 22px;
    margin-top: 12px;
    font-size: 14px;
}

.show-entry-block{
    height: 200px;
    position: relative;
    background: url("../images/wechat_footer_bg.jpg") center no-repeat;
}
.show-entry-block .label{
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -21px -600px 0 0;
    border: 1px solid #fff;
    font-size: 14px;
}
.show-entry-block .label:after{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin: -3px 0 0 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}