.job-head {
    background: url(/statics/images/mobile/recruitment_header.png) center no-repeat;
    background-size: 3.75rem 1.24rem
}

.job-wrap {
    padding-top: .35rem
}

.job-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .18rem
}

.job-content .job-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 3.35rem;
    padding: .15rem .08rem .15rem .19rem;
    margin-bottom: .2rem;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 .08rem #eee;
    box-shadow: 0 0 .08rem #eee
}

.job-content .job-item .right-box {
    color: #2f65b5;
    line-height: .16rem;
    letter-spacing: 2px
}

.job-content .left-box img {
    width: .2rem;
    height: .2rem;
    margin-right: .1rem
}

.job-content .left-box span {
    font-size: .16rem;
    font-weight: 800;
    line-height: .21rem;
    letter-spacing: 3px
}

.content-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: .2rem;
    margin: .2rem 0
}

.content-wrap .scroll-outer1 {
    height: 2.6rem;
    overflow: hidden
}

.content-wrap .scroll-outer2 {
    height: 2.1rem;
    overflow: hidden
}

.content-wrap .scroll-outer3 {
    height: 2.7rem;
    overflow: hidden
}

.content-wrap .scroll-box {
    padding-bottom: .1rem;
    margin-bottom: -.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth
}

.content-wrap .content-item {
    margin-right: .16rem
}

.content-wrap .content-item img {
    width: 2.8rem;
    height: 2.1rem
}

.content-wrap .content-item p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .5rem;
    border: 1px solid #f0f0f0;
    line-height: .16rem;
    text-align: center
}

a.check-more {
    display: block;
    width: 100px;
    height: .3rem;
    margin: 0 auto;
    background: #f8f8f8;
    color: #7b828f;
    line-height: .3rem;
    text-align: center
}

.welfare-wrap {
    padding-top: .2rem
}

.environment-wrap {
    padding-top: .4rem
}

.activity-wrap {
    padding: .4rem 0 .26rem
}

.activity-wrap .activity-content p {
    height: .6rem;
    line-height: .2rem
}