.head-banner {
    width: 100%;
    /*height: 528px;*/
    /*background: url('../images/recruitment/banner2.jpg') center center no-repeat;*/
    /*background-size: 100% 100%;*/
}

.head-banner img {
    display: block;
    width: 100%;
}

.recruitment-content {
    width: 1240px;
    margin: 66px auto 0 auto;
    box-sizing: border-box;
}

.recruitment-content .recruitment-content-wrap {
    width: 1204px;
    margin: 0 auto;
    padding-bottom: 200px;
    box-sizing: border-box;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item {
    width: 100%;
    height: 98px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul {
    font-size: 0;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li {
    width: 262px;
    height: 98px;
    display: inline-block;
    margin-right: 52px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 90px;
    text-indent: 80px;
    color: #fff;
    font-size: 24px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon1 {
    background: #f25e40;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon1 a {
    background: url("../images/recruitment/itemIcon.png") 0 0 no-repeat;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon2 {
    background: #9cd344;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon2 a {
    background: url("../images/recruitment/itemIcon.png") 0 -98px no-repeat;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon3 {
    background: #fe9500;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon3 a {
    background: url("../images/recruitment/itemIcon.png") 0 -196px no-repeat;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon4 {
    background: #ff58a1;
    margin-right: 0;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-item ul li.icon4 a {
    background: url("../images/recruitment/itemIcon.png") 0 -300px no-repeat;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox {
    width: 1204px;
    margin: 0 auto;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox {
    width: 100%;
    text-align: left;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .hd {
    height: 86px;
    line-height: 86px;
    position: relative;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .hd ul {
    width: 996px;
    height: 86px;
    margin: 0 auto;
    font-size: 0;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .hd ul li {
    width: auto;
    height: 100%;
    display: inline-block;
    padding: 0 36px;
    font-size: 24px;
    color: #3a3a3a;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .hd ul .line:after {
    content: '';
    width: 1px;
    height: 30px;
    border-right: 2px solid #bec7cf;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .hd ul li.on {
    font-size: 34px;
    color: #0095f9;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd {
    border: 2px solid #ebf0f4;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd {
    width: 100%;
    /*min-height: 1000px;*/
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu {
    position: relative;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu h3 {
    height: 110px;
    line-height: 110px;
    padding-left: 50px;
    border-top: 1px solid #e3e3e3;
    background: #ebf0f4;
    cursor: pointer;
    font-size: 20px;
    position: relative;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu h3 em {
    display: block;
    width: 30px;
    height: 16px;
    background: url(../images/recruitment/dowm.png) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -15px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu h3.on em {
    background: url(../images/recruitment/up.png) no-repeat;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu ul {
    padding: 28px 25px 8px 25px;
    color: #999;
    display: none;
    /* 默认都隐藏 */
    position: relative;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu ul li {
    width: 80%;
    margin-bottom: 30px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu ul li span,
.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu ul li p {
    color: #3a3a3a;
    font-size: 16px;
    line-height: 30px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu ul li.send-btn {
    width: 170px;
    height: 40px;
    border: 1px solid #c8d0d7;
    border-radius: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -20px;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-slideBox .slideTxtBox .bd ul li .sideMenu ul li.send-btn a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #3a3a3a;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-banner {
    width: 1204px;
    margin: 30px auto 0px auto;
}

.recruitment-content .recruitment-content-wrap .recruitment-content-banner img {
    max-width: 100%;
}

.post-pop-btn {
    background: rgba(63, 137, 237, 1);
    border-radius: 4px;
    color: #fff;
    padding: .1rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100px;
    text-align: center;
    font-size: .15rem;
    margin-left: 20px;
    margin-bottom: 20px;
}

.recruitment-efun-info {
    z-index: 100;
}


/* popup  */
.popUp {
    width: 650px;
    height: 650px;
    display: none;
}

.list_box01_warp {
    /* background-color: #fff; */
    /* display: none; */

    /* width: 830px;
    height: 830px; */
}


.list_box02_wrap,
.list_box03_wrap {
    display: none;
}

.list_box01,
.list_box02,
.list_box03,
.list_box04 {
    width: 770px;
    font-size: 14px;
    background: url(../images/recruitment/pop_bg.png)no-repeat 0% 0% /cover;
    padding-bottom: 30px;
    min-height: 740px;
}

/* .list_box02 {
    width: 630px;
    min-height: 620px;
} */
.post-btn-group {
    margin-top: 100px;
}

.post {
    margin: 40px auto;
}

.list_box01 input {
    padding: 8px;
    border: 1px solid #DDD;
}

.list_box01 .container,
.list_box02 .container,
.list_box03 .container,
.list_box04 .container {
    position: relative;
    background-size: 8.3rem 8.3rem;
    padding: 150px 0px 0px 40px;
}

.list_box04 .container p {
    text-align: center;
    font-size: 24px;
    margin-top: 200px;
}

.list_box01 .tip {
    color: #000;
}

.list_box01 .list {
    margin-bottom: 10px;

}

.list_box01 .list-span {
    min-width: 100px;
    display: inline-block;
}

.list_box01 .close,
.list_box02 .close,
.list_box03 .close,
.list_box04 .close {
    background: url(../images/page3/close.png)no-repeat;
    background-size: 0.58rem 0.58rem;
    width: 0.58rem;
    height: 0.58rem;
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;
}

.list_box01 .next {
    background: #3F89ED;
    width: 2.38rem;
    padding: 15px;
    color: white;
    border-radius: 5px;
    text-align: center;
    display: block;
    margin: 0.3rem auto 0.08rem auto;
    cursor: pointer;
}

/* list_box02 */
.list_box02 p,
.list_box03 p,
.list_box04 p {
    color: #000;
    margin-bottom: 25px;
}

.list_box02 .post button {
    font-size: 0.18rem;
    width: 0.76rem;
    height: 0.34rem;
    background-color: #0082e4;
    color: #fff;
    cursor: pointer;
    border: none;
}

.list_box02 .back,
.list_box03 .back {
    display: inline-block;
    background: url(../images/page3/back.png)no-repeat;
    background-size: 2.38rem 0.56rem;
    width: 2.38rem;
    height: 0.56rem;
    margin: 0.2rem auto 0.08rem auto;
    cursor: pointer;
}

.list_box02 .next {
    display: inline-block;
    background: url(../images/page3/btn04.png)no-repeat;
    background-size: 2.38rem 0.56rem;
    width: 2.38rem;
    height: 0.56rem;
    margin: 0.2rem auto 0.08rem auto;
    cursor: pointer;
}

/* list_box03 */
.key {
    margin-bottom: 15px;
}

.list_box03 p {
    color: #d00000;
}

.list_box03 .next {
    display: inline-block;
    background: url(../images/page3/btn04.png)no-repeat;
    background-size: 2.38rem 0.56rem;
    width: 2.38rem;
    height: 0.56rem;
    margin: 0.64rem auto 0.08rem auto;
    cursor: pointer;
}


/* list_box04 */
.list_box04_wrap {
    display: none;
}



/* 修改selectric */
.selectric {
    background: #fff;
}

.selectric-wrapper {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
}

.selectric-province,
.selectric-city {
    width: 30%;
}

.selectric-informationSource {
    width: 30%;
}

.selectric-informationSource2 {
    width: 30%;
}

.selectric .label {
    color: #a3a3a3;
}

.selectric-items li.highlighted {
    background: #3f89ed;
    color: #fff;
}

.selectric .button {
    background: #3f89ed;
}

.selectric .button:after,
.selectric-hover .selectric .button:after {
    border-top-color: #fff;
}

.selectric-hover .selectric .button {
    color: #fff;
}