
.about-banner-section{
    margin-top: 5.72rem;
    background-image: url("/assets/images/about/bg_1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 75.86rem;
}

.about-banner-section .box{
    width: 100%;
}

.about-banner-section .box .column-ul{
    margin-top: 3.58rem;
    width: 100%;
    color: #666666;
}

.about-banner-section .box .column-ul li:nth-child(2) {
    margin: 0 .72rem;
}

.about-banner-section .box .cont-box{
    width: 100%;
}

.about-banner-section .box .cont-box .left,
.about-banner-section .box .cont-box .right{
    width: 50%;
}

.about-banner-section .box .cont-box .left .title{
    font-size: 3.72rem;
    font-weight: 700;
}

.about-banner-section .box .cont-box .left .what{
    margin-top: 4.28rem;
}

.about-banner-section .box .cont-box .left .title:after{
    content: '';
    width: 20%;
    height: .58rem;
    display: block;
    border-bottom: .58rem solid #05C4AC;
}

.about-banner-section .box .cont-box .left .title:nth-child(1):after{
    width: 18%;
}

.about-banner-section .box .cont-box .left .tip{
    margin-top: 1.42rem;
    font-size: 1.42rem;
    padding-right: 2.86rem;
    line-height: 2.14rem;
}

.about-banner-section .box .cont-box .right .window{
    width: 42.86rem;
    height: auto;
}

.about-banner-section .partner-box{
    width: 100%;
    margin-top: 10.72rem;
}

.about-banner-section .partner-box .item{
    width: 50%;
}

.about-banner-section .partner-box .item:nth-child(2){
    margin-left: 14.28rem;
}

.about-banner-section .partner-box .item .title{
    font-size: 1.42rem;
    font-weight: 700;
}

.about-banner-section .partner-box .item .tips{
    width: 28.58rem;
    font-size: 1.28rem;
    color: #666666;
    line-height: 1.86rem;
    margin-left: 3rem;
}

.about-partner-section{
    background-image: url("/assets/images/about/bg_2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 58.58rem;
}

.about-become-section{
    width: 100%;
    height: 62.28rem;
    background-color: #FFFFFF;
    background-image: url("/assets/images/about/bg_3.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.about-become-section .box{
    width: 100%;
    padding: 6.58rem 0 4.64rem;
}

.about-become-section .box .title{
    font-size: 3.72rem;
    font-weight: 700;
}

.about-become-section .box .tips{
    margin-top: 2.14rem;
    width: 62.86rem;
    text-align: center;
    padding: 0 1.42rem;
    font-size: 1.14rem;
    line-height: 2rem;
}

.about-become-section .box .message{
    margin-top: 4.5rem;
    width: 65.72rem;
    background: #FFFFFF;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.16);
    border-radius: .58rem;
    padding: 2.14rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 4.58rem;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.com-message .message-item input.name,
.com-message .message-item .phone-box,
.com-message .message-item input.email,
.com-message .message-item .verify-btn,
.com-message .bfb-ok-btn{
    height: 4.58rem;
}

.com-message .message-item .verify-btn,
.com-message .bfb-ok-btn{
    font-size: 1.42rem;
}

.com-message{
    font-size: 1.42rem;
}

@media screen and (min-width: 350px) and (max-width: 1020px){
    .about-banner-section{
        margin-top: 52px;
        height: auto;
    }
    .about-banner-section .box .column-ul{
        margin-top: 10px;
    }

    .about-banner-section .box .column-ul li:nth-child(2){
        margin: 0 6px;
    }

    .about-banner-section .box .cont-box{
        margin-top: 20px;
        display: flex;
        flex-direction: column-reverse;
    }

    .about-banner-section .box .cont-box .left{
        width: 100%;
        margin-top: 20px;
    }
    .about-banner-section .box .cont-box .right{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-banner-section .box .cont-box .right .window{
        width: 60%;
    }

    .about-banner-section .box .cont-box .left .title{
        font-size: 14px;
    }

    .about-banner-section .box .cont-box .left .tip{
        margin-top: 10px;
        font-size: 12px;
        line-height: 20px;
    }

    .about-banner-section .partner-box{
        margin-top: 20px;
        flex-direction: column;
        justify-content: flex-start;
    }

    .about-banner-section .partner-box .item{
        width: 100%;
    }

    .about-banner-section .partner-box .item:nth-child(2){
        margin-top: 6px;
        margin-left: 0;
    }

    .about-banner-section .partner-box .item .title{
        font-size: 14px;
    }

    .about-banner-section .partner-box .item .tips{
        width: auto;
        line-height: 20px;
        font-size: 12px;
    }

    .about-partner-section{
        margin-top: 20px;
        height: 14rem;
    }

    .about-become-section{
        height: auto;
        padding-bottom: 20px;
    }

    .about-become-section .box .title{
        font-size: 18px;
    }

    .about-become-section .box .tips{
        margin-top: 10px;
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }

    .about-become-section .box .message{
        margin-top: 20px;
        width: 100%;
        padding: 10px;
        border-radius: 4px;
    }

    .select2-container .select2-selection--single,
    .select2-container--default .select2-selection--single .select2-selection__arrow,
    .com-message .message-item input.name,
    .com-message .message-item .phone-box,
    .com-message .message-item input.email,
    .com-message .message-item .verify-btn,
    .com-message .bfb-ok-btn{
        height: 40px;
    }

    .com-message .message-item .verify-btn,
    .com-message .bfb-ok-btn{
        font-size: 16px;
    }

    .com-message{
        font-size: 14px;
    }

}