.about-job {
    padding: 20px 0px;
}

    .about-job .title {
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        line-height: 50px;
        margin: 20px 0px;
        color: #000;
    }

.about-job-list {
    width: 90%;
    margin: 30px auto 100px;
}

.row .content-list {
    display: flex;
    flex-direction: column;
}

.about-job-head {
    height: 56px;
    background-color: #0F2D49;
    display: flex;
    padding: 0px 24px;
    align-items: center;
    border-radius: 6px;
}

.about-job-list .about-job-head p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.el-collapse {
    position: relative;
}

.el-collapse-item__header {
    align-items: center;
    background-color: #FFF;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #eaeaea;
    font-size: 13px;
    font-weight: 500;
    transition: border-bottom-color .3s;
    outline: 0;
}

.el-collapse-item__header {
    padding-right: 24px;
    padding-left: 24px;
    box-sizing: border-box;
}

    .el-collapse-item__header i {
        display: inline-block;
        transition: all 0.4s ease-in-out;
    }

    .el-collapse-item__header.open i {
        transform: rotate(-180deg);
    }


.el-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    font-weight: 300;
}

.el-collapse-item__arrow {
    margin: 0;
    margin-left: 4px;
}

.el-collapse-item__header .s1 {
    display: flex;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
}

    .el-collapse-item__header .s1 .job {
        width: 35%;
    }

    .el-collapse-item__header .s1 .time {
        width: 25%;
    }

    .el-collapse-item__header .s1 .place {
        width: 25%;
    }

.about-job-list .s1 p {
    color: #181C25;
    font-weight: 400;
}

    .about-job-list .s1 p:last-child {
        color: var(--accent-bg);
    }

.about-job-list p {
    font-size: 16px;
    color: #545861;
    font-weight: 400;
}

.el-collapse-item__wrap {
    background: #f4f5f6;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #EBEEF5;
}

.el-collapse-item__content {
    padding: 30px 40px 50px 40px;
}

.el-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.769230769230769;
}

.about-job-list h1 {
    font-size: 20px;
    font-weight: 500;
    color: #181C25;
}

.about-job-list h2 {
    font-size: 16px;
    color: #181C25;
    font-weight: 600;
    margin: 20px 0 12px 0;
}

.about-job-list .email {
    font-size: 16px;
    font-weight: 500;
    color: #181C25;
    margin-top: 40px;
}

.flwarp {
    background: url('/static/images/job/job_bg.jpg') no-repeat;
    background-size: contain;
    padding: 30px 0px;
}

.userall {
    background: url('/static/images/job/userall.png') no-repeat;
    height: 700px;
    background-size: contain;
    padding: 30px 0px;
    width: 90%;
    margin: 30px auto 30px;
}

.fllist {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 90%;
    margin: 30px auto 100px;
}

    .fllist li {
        width: calc(20% - 10px); /* 一行 5 个，每个占 20%，减去间距 */
        margin-bottom: 40px;
        margin-top: 30px;
        margin-right: 10px; /* 右侧间距 */
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s;
    }

        .fllist li:hover {
            transform: translate3d(0,-5px,0);
            -webkit-transform: translate3d(0,-5px,0);
            transition: all .3s ease;
        }

        .fllist li:nth-child(5n) {
            margin-right: 0; /* 每行第 5 个元素右侧无间距 */
        }

        .fllist li img {
            width: 120px;
            height: auto;
            display: block;
            cursor: pointer;
        }