@media screen and (max-width: 768px) {
    .banner {
        height: 280px !important;
    }

    .banner .banner-item {
        height: 280px !important;
    }

    .banner .banner-item h2 {
        font-size: 22px !important;
    }

    .banner .banner-item p {
        font-size: 18px !important;
    }


    .job-recommend {
        flex-direction: column;
        text-align: left;
    }

    .job-recommend .prev {
        margin-bottom: 5px;

    }

    .job-recommend .next {
        margin-bottom: 5px;
    }

    .job-apply .layui-card-footer {
        flex-direction: column;
    }

    .job-apply .layui-card-footer p {
        margin-bottom: 5px;
    }

}


.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


/* 职位banner */

.banner {
    height: 440px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.banner .banner-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 440px;
}

.banner h4 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 15px;
}

.banner p {
    font-size: 20px;
    color: #fff;
}


/* 职位列表 */

.job-list {
    margin: 38px auto;
}

.job-list .title {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #076ce0;
    border-bottom: 1px solid #d6d6d6;
}

.job-list .job-list-item {


}

.job-list .job-list-item a:hover {
    background-color: #f7f7f7;
    color: #0572ec;
}

.job-list .job-list-item a {
    padding: 15px;
    display: block;
}


/* 职位详情 */

.job-detail {
    margin: 38px auto;
}

.job-detail .title {
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.job-detail .title p {
    font-weight: 400;
    font-size: 20px;
}

.job-recommend {
    display: flex;
    justify-content: space-between;
}

/* 职位申请 */


.job-apply {

    margin: 38px auto;
}

.job-apply-mobile {

    margin: 38px auto;
}

.job-apply .title {
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
}


.job-apply .layui-card-footer {
    display: flex;
    justify-content: space-between;
}


.job-success {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    min-height: 300px;
}

.footer {
    margin-top: auto;
}