.layui-container{
    background-image: url(../images/recruitment_bg.jpg);
    overflow: hidden;
    height: 1086px;
}
.subTitle{
    margin-top: 260px; 
}
.subTitle h1,.subTitle p{
    color: #fff;
}
.innerWidth{
    width: 1320px;
}
.join_list{
    width: 100%;
    height: auto;
    margin: 60px 0 25px;
}
.join_item{
    display: block;
    height: 157px;
    background-color: #ffffff;
    box-shadow: 0px 12px 10px 0px 
        rgba(0, 0, 0, 0.09);
    border-radius: 12px;
    margin-bottom: 15px;
    padding: 45px;
    font-family: 'SourceHanSansCN-Regular';
}
.join_item .title{
    font-size: 18px;
    line-height: 25px;
    color: #444444;
    margin-bottom: 25px;
}
.join_item .other{
    font-size: 14px;
    line-height: 18px;
    color: #d3d3d3;
}
.join_item .other span{
    padding: 5px;
}
.join_item:hover{
    background-color: #359c0f;
}
.join_item:hover .other,.join_item:hover .title{
    color: #ffffff;
}
@media only screen and (max-width: 750px){
    .layui-container{
        background-image: url(../images/wap_recruitment_banner.jpg);
        overflow: hidden;
        background-size: contain;
        background-position: top;
        height: auto;
        margin-top: 1.06rem;
        padding: 1.25rem .3rem .9rem !important;
    }
    .subTitle{
        margin-top: 0; 
    }
    .innerWidth{
        width: 100%;
    }
    .join_list{
        width: 100%;
        height: auto;
        margin:1rem 0 0;
    }
    .join_list>.box{
        padding: 0 !important;
    }
    .join_item{
        display: block;
        height: 2.06rem;
        box-shadow: 0rem 0.12rem 0.1rem 0rem 
            rgba(0, 0, 0, 0.09);
        border-radius: 0.12rem;
        margin-bottom: .11rem;
        padding:.45rem;
    }
    .join_item .title{
        font-size: 0.3rem;
        line-height: .48rem;
        color: #444444;
        margin-bottom: .2rem;
    }
    .join_item .other{
        font-size: 0.24rem;
        line-height: 1;
        color: #444444;
    }
    .join_item .other span{
        padding: .05rem;
    }
}