.title-box a>p {
    display: inline
}

.recruit-wrapper .recruit-banner[data-v-17ed407c] {
    position: relative
}

.recruit-wrapper .recruit-banner .recruit-banner-inner[data-v-17ed407c] {
    height: 360px;
    position: relative
}

.recruit-wrapper .recruit-banner .recruit-search[data-v-17ed407c] {
    align-items: center;
    background: #fff;
    border-radius: 28px;
    bottom: 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    display: flex;
    height: 56px;
    left: 50%;
    overflow: hidden;
    padding-left: 25px;
    position: absolute;
    transform: translate(-50%, 50%);
    width: 772px
}

.recruit-wrapper .recruit-banner .recruit-search .icon-search[data-v-17ed407c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIfSURBVFiFzZhdlqQgDEY/cPbV1mbkuIrSVXBwM2UvDJiHMQytpSaoXd6nso4/1wRiQEGAtbauqupJxzHGGgCUUuN0/B1CGNu2HSX33UJxpUhGQG+M6YqsMjYFnXMdgBQxpdTove8BYB4la22tta6VUl+zlzkkuio4DMMrT6H3vpekbvZyxZILwSkSr1KxNcnSe/2Z/5HLNU3zKBEjpqh1lI2qqgBAJKjzg2EYXtPP/qhcTtM0D6XUGGOss2ewSCmmdJwRuTWccxEAQggPbqrzCD4BgGbpFYQQHsD/YcRBAyl6AFA8ITi0bTtSUc+euQlF8AmkQX0plCGl1BfnfE1vQm92NRTFGGNtra33zk9jMMb4falZIZpCHUIYf+uhlOa88VgjRfDKyXEEXdClHEYSDL1/yvlwJgehafZKLvpNPhJBrXUN8CpHEqSL7oaWVvaTYH+5NM0obmU/CvcbTFCK2YXzRFhdU94Pins1KfkSwBizu6IEfs7iHpD1agWkRRT3giRojOmoJkrbcg75ckLS1i3CTAucs1r/+cKfm1piUai99z31a865KJ11Oc65Tmv9yr/3xYumdzfHbMxwU/Nmu6Q3xnQl2RFtfeSytEmU104qU1s7ElJJ1nhYEV2/6c4ugkRSNGBpg2iSWHwa1zaWjkiKBM+GI/lRQWBf8uOCwLbkLQSBdcnbCALvJW8lCCwlbycI/JS8pSDwT9J73/8FpiSNYLu+sKwAAAAASUVORK5CYII=) no-repeat;
    background-size: 100%;
    display: block;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.recruit-wrapper .recruit-banner .recruit-search input[data-v-17ed407c] {
    border: none;
    color: #333;
    display: block;
    flex: 1;
    font-size: 18px;
    height: 56px;
    outline: none
}

.recruit-wrapper .recruit-banner .recruit-search input[data-v-17ed407c]::-webkit-input-placeholder {
    color: #999
}

.recruit-wrapper .recruit-banner .recruit-search span[data-v-17ed407c] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    width: 160px
}

.recruit-wrapper .recruit-list .recruit-title[data-v-17ed407c] {
    border-bottom: 1px solid #e1e1e1;
    color: #000;
    font-size: 18px;
    line-height: 65px;
    padding: 0 140px
}

.recruit-wrapper .recruit-list .recruit-item[data-v-17ed407c] {
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden
}

.recruit-wrapper .recruit-list .recruit-item.show[data-v-17ed407c],
.recruit-wrapper .recruit-list .recruit-item[data-v-17ed407c]:hover {
    background: #fff8e6
}

.recruit-wrapper .recruit-list .recruit-item.show .recruit-item-container[data-v-17ed407c] {
    display: block
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-label[data-v-17ed407c] {
    padding: 30px 140px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-label h3[data-v-17ed407c] {
    align-items: center;
    display: flex;
    font-size: 28px;
    height: 40px;
    justify-content: space-between;
    margin-bottom: 10px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-label h3 span[data-v-17ed407c] {
    font-size: 26px;
    font-weight: 400
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-label div[data-v-17ed407c] {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 16px;
    height: 22px;
    justify-content: space-between
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-label div .icon-local[data-v-17ed407c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAFfSURBVEiJrVbL2cIgEJxB+xKP9gI1GGsgvXgMVrb/BfxIfpaHOicCywxL9gHRQAjBpqEleQGQv6OIvPLYex81DmrEJO8FYRMi8vDeL0MCIYQlkU+jJrQT+Ia8QHTOXfOH+TE5ANgQwrITmCCPIwok7zlAznmitUFErsdI6R2K5AaATBGzaScu77OGdV03KNEmIlejLSaDR4t8wMaalEA1NBMoI9lU7UheVA+KTO2iYWuNsoCGZ1Mw0EPPjpI0oima1lWUCfOJjYi8Wh7khFEJ1nXdOjkUmQyld1IUJfpQulU453jOmwc2WJJd0vJAQKpFIwk1i7e3eaKV8p/AOUegKNe/9KLk2jWcX3hx7GrmuPgNeQ07Ae99/Eak1pNPR6Pn8xlvtxsnQ1J9WVSfLcD0/1Abk1pNZ66qZat6ALwfYFo7zeT/+vWwQE+kRz4koImMkA8LFEILyUuKmC45APwBWqzS2Z0Z92cAAAAASUVORK5CYII=) no-repeat;
    background-size: 100%;
    display: block;
    height: 15px;
    margin-right: 2px;
    width: 12px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-label div p[data-v-17ed407c] {
    align-items: center;
    display: flex
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-label div p span[data-v-17ed407c] {
    align-items: center;
    display: block;
    display: flex;
    margin: 0 6px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container[data-v-17ed407c] {
    background: #fff;
    border-radius: 4px;
    display: none;
    margin: 10px 30px 30px;
    padding: 30px 110px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container .recruit-button[data-v-17ed407c] {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container .recruit-button span[data-v-17ed407c] {
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 184px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container[data-v-17ed407c]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1)
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li+li[data-v-17ed407c] {
    margin-top: 40px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li h4[data-v-17ed407c] {
    align-items: center;
    display: flex;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 16px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li h4[data-v-17ed407c]:before {
    background: #ffd500;
    content: "";
    display: block;
    height: 25px;
    margin-right: 10px;
    width: 6px
}

.recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li>div[data-v-17ed407c] {
    color: #666;
    font-size: 16px;
    line-height: 30px
}

@media screen and (max-width: 980px) {
    .recruit-wrapper .recruit-banner .recruit-banner-inner[data-v-17ed407c] {
        height: 160px
    }

    .recruit-wrapper .recruit-banner .recruit-search[data-v-17ed407c] {
        border-radius: 28px;
        bottom: 0;
        height: 36px;
        left: 5%;
        padding-left: 16px;
        transform: translateY(50%);
        width: 90%
    }

    .recruit-wrapper .recruit-banner .recruit-search .icon-search[data-v-17ed407c] {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIfSURBVFiFzZhdlqQgDEY/cPbV1mbkuIrSVXBwM2UvDJiHMQytpSaoXd6nso4/1wRiQEGAtbauqupJxzHGGgCUUuN0/B1CGNu2HSX33UJxpUhGQG+M6YqsMjYFnXMdgBQxpdTove8BYB4la22tta6VUl+zlzkkuio4DMMrT6H3vpekbvZyxZILwSkSr1KxNcnSe/2Z/5HLNU3zKBEjpqh1lI2qqgBAJKjzg2EYXtPP/qhcTtM0D6XUGGOss2ewSCmmdJwRuTWccxEAQggPbqrzCD4BgGbpFYQQHsD/YcRBAyl6AFA8ITi0bTtSUc+euQlF8AmkQX0plCGl1BfnfE1vQm92NRTFGGNtra33zk9jMMb4falZIZpCHUIYf+uhlOa88VgjRfDKyXEEXdClHEYSDL1/yvlwJgehafZKLvpNPhJBrXUN8CpHEqSL7oaWVvaTYH+5NM0obmU/CvcbTFCK2YXzRFhdU94Pins1KfkSwBizu6IEfs7iHpD1agWkRRT3giRojOmoJkrbcg75ckLS1i3CTAucs1r/+cKfm1piUai99z31a865KJ11Oc65Tmv9yr/3xYumdzfHbMxwU/Nmu6Q3xnQl2RFtfeSytEmU104qU1s7ElJJ1nhYEV2/6c4ugkRSNGBpg2iSWHwa1zaWjkiKBM+GI/lRQWBf8uOCwLbkLQSBdcnbCALvJW8lCCwlbycI/JS8pSDwT9J73/8FpiSNYLu+sKwAAAAASUVORK5CYII=) no-repeat;
        background-size: 100%;
        display: block;
        height: 16px;
        margin-right: 10px;
        width: 16px
    }

    .recruit-wrapper .recruit-banner .recruit-search input[data-v-17ed407c] {
        display: block;
        font-size: 14px;
        height: 36px
    }

    .recruit-wrapper .recruit-banner .recruit-search span[data-v-17ed407c] {
        display: none
    }

    .recruit-wrapper .recruit-list[data-v-17ed407c] {
        padding: 0 20px
    }

    .recruit-wrapper .recruit-list .recruit-title[data-v-17ed407c] {
        font-size: 16px;
        line-height: 50px;
        padding: 0
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-label[data-v-17ed407c] {
        padding: 20px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-label h3[data-v-17ed407c] {
        align-items: flex-start;
        flex-direction: column;
        font-size: 16px;
        height: auto;
        margin-bottom: 10px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-label h3 span[data-v-17ed407c] {
        display: block;
        font-size: 14px;
        font-weight: 400;
        margin-top: 6px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-label div[data-v-17ed407c] {
        color: #666;
        flex-wrap: wrap;
        font-size: 14px;
        line-height: 22px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-label div p[data-v-17ed407c] {
        align-items: center;
        display: flex
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-label div p span[data-v-17ed407c] {
        align-items: center;
        display: block;
        display: flex;
        font-size: 12px;
        margin: 0 6px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-label div p span[data-v-17ed407c]:first-child {
        margin-left: 0
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container[data-v-17ed407c] {
        background: #fff;
        border-radius: 4px;
        display: none;
        margin: 0 20px 20px;
        padding: 20px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container .recruit-button[data-v-17ed407c] {
        display: flex;
        justify-content: flex-end;
        margin-top: 30px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container .recruit-button span[data-v-17ed407c] {
        background: #ffd500;
        border-radius: 4px;
        color: #333;
        cursor: pointer;
        display: block;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        width: 100px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container[data-v-17ed407c]:hover {
        box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1)
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li+li[data-v-17ed407c] {
        margin-top: 20px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li h4[data-v-17ed407c] {
        align-items: center;
        display: flex;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li h4[data-v-17ed407c]:before {
        height: 20px;
        width: 4px
    }

    .recruit-wrapper .recruit-list .recruit-item .recruit-item-container ul li>div[data-v-17ed407c] {
        color: #666;
        font-size: 14px;
        line-height: 22px
    }
}