*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.container {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.recruit_warp {
    background-color: white;
    padding: 60px 0px;
}
.recruit li {
    border: 1px solid #DDD;
    font-size: 12px;
    color: #333;
    margin-bottom: 10px;
}
.recruit .title {
   padding: 0 3%;
    display: flex;
    align-items: center;

    height: 80px;
    font-size: 14px;
    color: black;
     background: url("../img/pic21.png") no-repeat 96% center;

}
.recruit .title i {

    width: 25px;
    height: 30px;
    background: url("../img/recruit_blue.png") no-repeat center center;
    background-size: contain;
    margin-right: 15px;
    position: relative;
    top: -5px;
}

.recruit .content {
    line-height: 24px;
    padding: 3%;
    background: #FFF;
    display: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.recruit .content_inner {
    margin-bottom: 10px;
}
.recruit  .active {
    background: #ff6600 url(../img/pic22.png) no-repeat 96% center;
    color: #FFF;
    border: 1px solid #ff6600;
}
.recruit  .active i {
    width: 25px;
    height: 30px;
    background: url("../img/recruit_white.png") no-repeat center center;
    background-size: contain;
    margin-right: 15px;
    position: relative;
    top: -5px;
}