.page-banner {
    height: calc(660 * var(--rpx));
    position: relative;
}

.page-banner .page-banner__content {
    color: #fff;
    padding-top: calc(var(--header-h) + calc(79 * var(--rpx)));
}

.page-banner .page-banner__desc {
    font-size: var(--font-size-24);
    font-weight: 600;
    margin-bottom: calc(16 * var(--rpx));
}

.page-banner .page-banner__title {
    font-size: var(--font-size-88);
    font-weight: 300;
    line-height: 1;
}

.page-banner .page-banner__title strong {
    font-weight: 800;
}

.page-banner .page-banner__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.page-banner .page-banner__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.layer-job {
    --p-t: clamp(calc(50 * var(--rpx)), 6.5625vw, calc(126 * var(--rpx)));
    --p-b: clamp(calc(50 * var(--rpx)), 6.875vw, calc(132 * var(--rpx)));
    padding-top: var(--p-t);
    padding-bottom: var(--p-b);
}

.layer-job .layer-header__title {
    font-size: var(--font-size-88);
}

.layer-job .layer-header__title strong {
    font-weight: 600;
}

.layer-job .layer-main {
    padding-top: calc(54 * var(--rpx));
    overflow: auto;
}

.job-box {
    --p-x: clamp(16px, 3.02083333vw, calc(58 * var(--rpx)));
    width: var(--max-content-width);
}

.job-box .job-box__header {
    font-size: var(--font-size-24);
    color: #fff;
    padding: 0 var(--p-x);
    background: #003ead;
    display: flex;
}

.job-box .job-box__header .cell-item {
    padding: calc(28 * var(--rpx)) 0;
    padding-right: 16px;
    flex: 1 1 0;
}

.job-box .job-box__header .cell-item:nth-of-type(2),
.job-box .job-box__header .cell-item:nth-of-type(3) {
    flex: 2 1 0;
}

.job-box .collapse-item {
    border-bottom: 1px solid #dbdada;
}

.job-box .job-box__main .collapse-item__header {
    font-size: var(--font-size-16);
    padding: 0 var(--p-x);
    display: flex;
    transition: .2s linear;
}

.job-box .job-box__main .collapse-item.active .collapse-item__header,
.job-box .job-box__main .collapse-item__header:hover {
    color: #fff;
    background: rgba(0, 62, 173, .8);
}

.job-box .job-box__main .cell-item {
    padding: calc(30 * var(--rpx)) 0;
    padding-right: 16px;
    flex: 1 1 0;
}

.job-box .job-box__main .cell-item:nth-of-type(2),
.job-box .job-box__main .cell-item:nth-of-type(3) {
    flex: 2 1 0;
}

.job-box .job-box__main .cell-item.link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.job-box .job-box__main .cell-item.link .icon {
    --l: calc(24 * var(--rpx));
    width: var(--l);
    height: var(--l);
    color: #003ead;
    transition: .3s linear;
}

.job-box .job-box__main .collapse-item.active .cell-item.link .icon,
.job-box .collapse-item__header:hover .cell-item.link .icon {
    color: #fff;
}

.job-box .job-box__main .collapse-item.active .cell-item.link .icon {
    transform: rotate(90deg);
}

.job-box .job-box__header .cell-item:last-of-type,
.job-box .job-box__main .cell-item:last-of-type {
    padding-right: 0;
}

.job-box .job-box__main .collapse-item__main {
    display: none;
}

.job-box .job-box__main .collapse-item__content {
    padding: calc(28 * var(--rpx)) var(--p-x);
}

.job-box .collapse-item__content h3 {
    font-size: var(--font-size-18);
    margin-bottom: calc(20 * var(--rpx));
}

.job-box .collapse-item__content ul {
    font-size: var(--font-size-16);
    margin-bottom: calc(20 * var(--rpx));
    padding-left: calc(30 * var(--rpx));
}

.job-box .collapse-item__content ul li {
    margin-left: calc(60 * var(--rpx));
    position: relative;
}

.job-box .collapse-item__content ul li+li {
    margin-top: calc(12 * var(--rpx));
}

.job-box .collapse-item__content ul li::before {
    content: '';
    width: calc(30 * var(--rpx));
    height: 1px;
    background: #003ead;
    transform: translate(calc(-100% - calc(12 * var(--rpx))), -50%);
    position: absolute;
    top: calc(12 * var(--rpx));

}

.job-box .collapse-item__content .apply__btn {
    width: max-content;
    max-width: 100%;
    display: flex;
    font-size: var(--font-size-16);
    color: #fff;
    background-color: #003ead;
    margin-left: auto;
    border-radius: 999px;
    padding: calc(12 * var(--rpx)) calc(40 * var(--rpx));
}

.recruitment {
    color: #003ead;
}

.finished {
    color: rgba(0, 0, 0, .6);
}