.planbox{

    position: relative;

    background: #e8f1fa;

    box-sizing: border-box;

    padding: 60px 40px;

}

.title2{

    position: absolute;

    font-size: 24px;

    left: 0;

    top: -9px;

    width: 100%;

    line-height: 40px;

    text-align: center;

    font-weight: bold;

}

#jobs2 li{

    margin: 30px auto;

    padding: 0 1px 1px;

}

h2{

    line-height: 26px;

    color: #fff;

    box-sizing: border-box;

    padding: 10px 20px;

    display: flex;

    justify-content: space-between;

}

h2 b{

    background: url('../images/h2.png') no-repeat left center / 12px;

    padding-left: 20px;

}

h2 div{

    display: flex;

    justify-content: space-between;

}

h2 i, h2 a{

    font-style: inherit;

    margin-left: 20px;

    border-radius: 20px;

    padding: 0 20px;

    cursor: pointer;

}

.info{

    background: #fff;

    box-sizing: border-box;

    padding: 20px 40px;

    font-size: 14px;

}

.info p{

    margin: 10px auto;

}

.info b{

    display: inline-block;

    position: relative;

}

.info b::before{

    content: '';

    position: absolute;

    left: -16px;

    top: 50%;

    transform: translateY(-50%);

    height: 16px;

    width: 5px;

}

/* 主题 */

.color, .title2{

    color: #2d61f0;

}

.title2{

    background: url('../images/title2.png') no-repeat center center / contain;

}

h2 a, h2 i{

    background: linear-gradient(to right, #2d61f0, #17ccff);

}

#jobs2 li,h2{

    background: linear-gradient(to right, #2d61f0, #17ccff, #fff, #fff);

}

.info b::before{

    background: #2d61f0;

}

/*  */

.theme2{

    background: #fffbf4;

}

.theme2 .color, .theme2 .title2{

    color: #b75517;

}

.theme2 .title2{

    background-image: url('../images/title2_2.png');

}

.theme2 h2 a,.theme2 h2 i{

    background: linear-gradient(to right, #b75517, #e4bb77);

}

.theme2 #jobs2 li,.theme2 h2{

    background: linear-gradient(to right, #b75517, #e4bb77, #fff, #fff);

}

.theme2 .info b::before{

    background: #b75517;

}

/*  */



/* 职位页 */

.jobT, h1{

    overflow: hidden;

    height: 40px;

    line-height: 40px;

    font-weight: bold;

}

.jobT{

    border-radius: 50px;

    color: #fff;

    background: #0e9af7;

    font-size: 18px;

}

h1{

    color: #0e9af7;

    border-bottom: 1px solid #d7d7d7;

}

.jobT, #jobs{

    box-sizing: border-box;

    padding: 0 40px;

}

.jobT span, h1 span{

    float: left;

    text-align: center;

    width: 120px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.jobT span:nth-child(1), h1 span:nth-child(1){

    text-align: left;

    width: 400px;

    box-sizing: border-box;

    padding-left: 20px;

}

.indet{

    position: relative;

}

.indet::before{

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 16px;

    height: 16px;

    background: url('../images/indet.png') no-repeat center center / contain;

    transition: .2s;

}

#jobs>li.in .indet::before{

    transform: translateY(-50%) rotateX(180deg);

}

.det{

    box-sizing: border-box;

    padding: 20px;

    background: #f7f7f7;

}

.apply{

    cursor: pointer;

    width: 140px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    display: block;

    color: #fff;

    background: #0e9af7;

    text-align: center;

    transition: .2s;

    margin-top: 20px;

}

.apply:hover{

    opacity: .8;

}



#pages>li {

    padding: 30px 100px;

}