.container{}

.col{
    background: #fff;
    padding: 50px 0;
}
.col .content{}
.col .h2{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    color: #21aded;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.col .p{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.banner{
    height: 550px;
    background: url(../../img/merchant/banner.png?t=20190806) no-repeat center;
    position: relative;
}
.banner-btn{
    position: absolute;
    display: block;
    width: 200px;
    height: 50px;
    background: #ef3a3e;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: 2px;
    border-radius: 50px;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -25px;
}
.banner-btn:hover,.banner-btn:active{
    background: #e82a2e;
    color: #fff;
}

.last-col{
    text-align: center;
}
.last-col p{
    font-size: 28px;
    color: #1c8ffb;
    font-weight: 700;
    margin-bottom: 25px;
}
.last-col a{
    background: #1C8FFB;
    color: #fff;
    font-size: 18px;
    padding: 12px 40px;
    border-radius: 8px;
}
.last-col img{
    margin-top: 40px;
}

.bring{}
.bring ul{}
.bring li{
    float: left;
    width: 33.33333%;
    text-align: center;
}
.bring li .icon{

    display: block;
    content: '';
    position: relative;
    border-radius: 50%;
    border: 1px solid #21aded;
    width: 148px;
    height: 148px;
    margin: 40px auto 20px;
    
}
.bring li .icon:before{

    display: block;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    background: url(../../img/merchant/icon.png) no-repeat;
    width: 80px;
    height: 80px;
}
.bring li h3{
    color: #333;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 30px;
    margin-bottom: 10px;
}
.bring li span{
        color: #555;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 26px;
    display: block;
    padding: 0 50px;
}
.bring li .icon.a:before{background-position: -160px -6px;}
.bring li .icon.b:before{background-position: 6px -6px;}
.bring li .icon.c:before{background-position: -72px -6px;}
.gx-col .h2{color: #ecb002;}
.gx-col .content{padding: 40px 0;text-align: center;}

.core-col{}
.core-col ul{
    padding: 60px 80px;
}
.core-col li{
    color: #666;
    float: left;
    text-align: center;
    width: 20%;
}
.core-col .icon{
    display: block;
    background: url(../../img/merchant/icon.png) no-repeat;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}
.core-col span{
    font-size: 16px;
    line-height: 34px;
}
.core-col li:nth-child(even){
    padding-top: 240px;
}
.core-col li.a{color: #01bf65;}
.core-col li.b{color: #ffc551;}
.core-col li.c{color: #6ec0ff;}
.core-col li.d{color: #6dd12a;}
.core-col li.e{color: #f7555e;}
.core-col li.a .icon{background-position: -258px -10px;}
.core-col li.b .icon{background-position: -408px -10px;}
.core-col li.c .icon{background-position: -558px -10px;}
.core-col li.d .icon{background-position: -708px -10px;}
.core-col li.e .icon{background-position: -858px -10px;}