.join-box {
    padding: 70px 0;
}

.joinwrap {
    width: 760px;
    margin: 0 auto;
}


.join-btit {
    font-size: 20px;
    text-align: center;
}


.joinb-qualifica {
    padding: 40px 0;
    margin-top: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.joinb-qtit {
    font-size: 16px;
    font-weight: 600;
}


.joinb-qcnt {
    display: flex;
    justify-content: space-between;
}

.joinb-qcnt ul {
    width: 50%;
}

.joinb-qcnt ul li {
    margin-top: 30px;
    font-size: 14px;
}

.joinb-qcnt ul li span {
    color: #999999;
}

.joinb-qcnt ul li p {
    margin-top: 5px;
}

.joinb-qtib {
    font-size: 12px;
    padding: 35px 0;
}

.joinb-qtib i {
    color: #f01111;
}


.form-ul li {
    padding: 7px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.formul-le {
    width: 25%;
    display: flex;
    font-size: 14px;
}

.formul-le p {
    color: #222222;
}

.formul-le span {
    color: #666666;
    padding-left: 5px;
}

.formul-le i {
    color: #f01111;
    padding-left: 5px;
}



.formul-ri {
    width: 73%;
}

.formul-rnam {
    width: 60%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 15px 20px;
}

.formul-rnam input {
    width: 100%;
    font-size: 14px;
}


.formul-rdat {
    display: flex;
    align-items: center;
}

.formul-rdat input {
    width: 15%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 15px 20px;
    font-size: 14px;
}

.formul-rdat span {
    font-size: 14px;
    padding: 0 10px;
    margin-right: 10px;
}


.formul-rsex {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.formul-rsex .layui-form-item {
    margin-bottom: 0px;
}

.layui-input-block {
    margin-left: 0px;
    min-height: 36px;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i {
    color: #000000;
}

.residwid {
    width: 100% !important;
}






.joinb-photo {
    padding: 40px 0;
}

.photo-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.photo-ble {
    width: 20%;
    font-size: 14px;
    font-weight: 600;
}

.photo-bri {
    width: 80%;

}

.photo-bri p {
    font-size: 14px;
    color: #222222;
    margin-bottom: 5px;
}

.photo-bri span {
    font-size: 12px;
    color: #e04646;
}





.upload-box {
    display: flex;
    align-items: center;
}

.upload-box button {
    width: 140px;
    background-color: #dcdcdc;
    text-align: center;
    border: 0;
    border-radius: 5px;
    padding: 10px 0;
}

.upload-box span {
    font-size: 14px;
    margin-left: 10px;
}


.formul-mes {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.formul-mes .formul-le {
    padding: 10px 0;
}

.formul-area {
    width: 73%;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 15px;
}

.formul-area textarea {
    width: 100%;
    height: 100px;
}



.joinb-pbtm {
    display: flex;
    justify-content: center;
}

.joinb-pbtm button {
    width: 220px;
    text-align: center;
    background-color: #222222;
    border-radius: 5px;
    padding: 15px 0;
    border: 0;
    color: #ffffff;
    cursor: pointer;
}








@media only screen and (max-width: 769px) {

    .join-box {
        padding: .7rem 0;
    }

    .joinwrap {
        width: 100%;
    }


    .join-btit {
        font-size: 20px;
    }


    .joinb-qualifica {
        padding: .4rem .4rem;
        margin-top: .1rem;
    }

    .joinb-qtit {
        font-size: 14px;
    }

    .joinb-qcnt ul {
        width: 49%;
    }

    .joinb-qcnt ul li {
        margin-top: .3rem;
        font-size: 12px;
    }

    .joinb-qtib {
        font-size: 10px;
        padding: .35rem 0;
    }

    .formul-le {
        width: 40%;
        font-size: 12px;
    }

    .formul-ri {
        width: 58%;
    }

    .formul-rnam {
        width: 90%;
        padding: .15rem .2rem;
    }

    .formul-rnam input {
        font-size: 12px;
    }

    .formul-rdat span {
        font-size: 12px;
        padding: 0 .1rem;
        margin-right: .1rem;
    }

    .formul-rdat input {
        width: 20%;
        padding: .15rem .1rem;
        font-size: 12px;
    }

    .layui-form-radio>i {
        margin-right: 5px;
        font-size: 18px;
    }
    .layui-form-radio * {
        font-size: 12px;
    }
    .formul-rsex {
        padding: 0;
    }




    .joinb-photo {
        padding: .4rem .1rem;
    }

    .photo-ble {
        width: 20%;
        font-size: 12px;
    }
    .photo-bri p {
        font-size: 12px;
    }

    .upload-box button {
        width: 75px;
        padding: 10px 0;
    }
    .upload-box span {
        width: 60%;
        font-size: 12px;
        margin-left: .1rem;
        display: inline-block;
    }


    .formul-area {
        width:60%;
        padding: .15rem;
    }
    .formul-area textarea {
        width: 100%;
        height: 1rem;
    }


}