.about-wrap {
    background: #fcfcfc;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    box-shadow: 0px 8px 12px 0px rgb(0 0 0 / 7%);
}

.zh-CN .form-page .title {
    display: none;
}

.zh-CN .form-page .title-cn {
    display: block;
}

.zh-CN .form-only {
    margin: 0 auto;
}
.zh-CN .modal-text{
    font-size: 14px;
    color: #808080;
}
@media screen and (min-width: 800.1px) {
    .form-page .title {
        font-size: 44px;
        font-weight: 600;
        text-align: center;
        color: #333333;
        line-height: 67px;
        margin-top: 60px;
    }

    .form-page .tips {
        font-weight: 400;
        text-align: center;
        color: #333333;
        line-height: 28px;
        letter-spacing: -0.4px;
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .zh-CN .form-page .tips {
        display: flex;
        align-items: center;
        width: 294px;
        margin: 12px auto 42px;
        padding: 3px 16px;
        border-radius: 20px;
        background-color: rgba(255, 176, 80, 0.149);
        font-size: 14px;
        line-height: 21px;
        color: #FF6750;
        white-space: nowrap;
    }

    .zh-CN .form-page .tips span {
        background-color: #FF6750;
        color: #fff;
        padding: 2px 6px;
        margin: 0px 10px;
        border-radius: 6px;
        font-size: 14px;
    }

    .form-page .mail-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 16px;
        margin-bottom: 24px;
    }

    .form-page .icon-mail {
        width: 20px;
        height: 20px;
    }

    .form-page .mail-text {
        font-size: 20px;
        font-weight: 500;
        text-align: center;
        color: #2b86ff;
        letter-spacing: -0.4px;
        margin-left: 12px;
    }

    .ar .form-page .mail-text {
        margin-left: 0;
        margin-right: 12px;
    }

    button.btn.btn-primary.btn-block {
        margin: auto;
        background: #2b86ff;
        border-radius: 43px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        margin-bottom: 70px;
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .about-wrap {
        margin-bottom: 80px;
        padding: 0 120px;
    }
}


@media screen and (max-width: 800px) {
    .form-page .title {
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        color: #333333;
        line-height: 33.5px;
        margin-top: 0px;
    }

    .form-page .tips {
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        color: #333333;
        line-height: 16.5px;
        letter-spacing: -0.24px;
        margin-top: 8px;
    }

    .form-page .mail-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 8px;
        margin-bottom: 16px;
    }

    .form-page .icon-mail {
        width: 12px;
        height: 12px;
    }

    .form-page .mail-text {
        font-size: 12px;
        font-weight: 500;
        text-align: center;
        color: #2b86ff;
        line-height: 16.5px;
        letter-spacing: -0.24px;
        margin-left: 6px;
    }

    .ar .form-page .mail-text {
        margin-left: 0;
        margin-right: 6px;
    }

    button.btn.btn-primary.btn-block {
        margin: auto;
        background: #2b86ff;
        border-radius: 21px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
        line-height: 20px;
        font-size: 14px;
    }

    .about-wrap {
        padding: 20px;
        margin-bottom: 20px;
    }

    .zh-CN .form-page .tips {
        display: flex;
        align-items: center;
        width: 64.3vw;
        margin: 1.6vw auto 8vw;
        padding: 0.8vw 3.2vw;
        border-radius: 4vw;
        background-color: rgba(255, 176, 80, 0.149);
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: #FF6750;
    }

    .zh-CN .form-page .tips span {
        background-color: #FF6750;
        color: #fff;
        padding: 0.267vw 0.8vw;
        margin: 0px 1.333vw;
        border-radius: 1.067vw;
        font-size: 3.2vw;
    }
}

#ext_fields1 .check-box input,
#ext_fields2 .check-box input {
    margin-right: 10px;
    margin-left: 4px;
}

.ar #ext_fields1 .check-box input,
.ar #ext_fields2 .check-box input {
    margin-right: 0px;
    margin-left: 10px;
}

#ext_fields1 .redmust,
#ext_fields2 .redmust,
.redmust {
    color: red;
    margin-left: 5px;
}

#ext_fields1 label,
#ext_fields2 label {
    text-align: left;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(34, 34, 34, 0.70);
}

.ar #ext_fields1 label,
.ar #ext_fields2 label {
    text-align: right;
}


#ext_fields2 .check-box {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

#ext_fields1 .form-group {
    display: flex;
    flex-direction: column;
}

#ext_fields1 #username,
#ext_fields1 #phone,
#ext_fields1 #company,
#ext_fields #city,
#ext_fields2 #email,
#ext_fields2 #wechat,
#ext_fields2 #content {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.form-group {
    position: relative;
}

#ext_fields1 .produts_title {
    color: rgba(34, 34, 34, 0.70);
    margin-bottom: 10px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#ext_fields1 .check-box {
    display: flex;
    flex-direction: row;
}

.zh-CN #ext_fields1 .check-box {
    flex-wrap: wrap;
}

#ext_fields1 .check-box .check-label {
    margin-right: 20px;
    color: #222;
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;

}

.ar #ext_fields1 .check-box .check-label {
    margin-right: 0px;
    margin-left: 20px;
}

#ext_fields1 .form-group input,
#ext_fields1 .form-group textarea {
    color: #222;
    font-size: 14px;
}

#ext_fields1 .check-box .check-label:hover {
    color: #2B86FF;
}

@media screen and (max-width: 800px) {
    #ext_fields1 .check-box {
        display: flex;
        flex-direction: column;
    }

    #ext_fields1 .check-box .check-label {
        margin-right: 0px;
    }

}

#form-content-length {
    font-size: 10px;
    color: rgb(129, 129, 129);
    display: flex;
    justify-content: end;
    margin-top: 5px;
}

.select-box {
    font-size: 14px;
}