/*加入我们*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
    vertical-align: middle;
    border-top: 0;
    border-bottom: 1px solid #E6E6E6;
}
/*特殊处理顶部边框*/
tr.join-table-tr.tr-flag td{
    border-top: 1px solid #fff;
}
.join-table-tr.collapsed.tr-flag td{
    border-top: 1px solid #E6E6E6;
}
tr:not(.join-table-detail) > td:first-child{
    padding-left: 50px !important;
}
tr.join-table-tr > td:first-child{
    border-top-left-radius: 10px;
}
tr.join-table-tr > td:last-child{
    border-top-right-radius: 10px;
}
.join-table-tr{
    transition: all 0.1s;
    background: var(--theme);
    color: #fff;
}
.join-table-tr.collapsed{
    background: none;
    color: #43485E
}
.join-table-tr>td{
    padding: 15px 8px !important;
}
.table > tbody > .join-table-detail > td{
    border: none;
    padding: 0;
}
.join-table-detail .collapse-content{
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    padding: 30px 50px 80px 50px;
}
/*极具竞争力的薪酬与福利*/
.benefits-item{
    width: 335px;
    background: #FFFFFF;
    border-radius: 4px;
    margin: 6px;
    overflow: hidden;
    cursor: pointer;
}
.benefits-img{
    height: 211px;
    background-size: 102%;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-size 0.5s;
}
.benefits-item:hover .benefits-img{
    background-size: 120%;
}
.benefits-info{
    opacity: 0;
    background: rgba(0,0,0,0.7);
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s;
}
.benefits-item:hover .benefits-info{
    opacity: 1;
}
.benefits-info p{
    color: #FAFAFB;
    margin-bottom: 5px;
}
.benefits-info p:last-child{
    margin-bottom: 0;
}
.benefits-title{
    height: 66px;
    line-height: 66px;
}
/*分享朋友圈、微博、空间*/
.icon-share:hover .share-container{
    display: block;
}
.share-container{
    display: none;
    width: 230px;
    z-index: 2;
    right: -34px;
    top: 55px;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    cursor: default;
    color: #b2b2b2;
    background: white;
}
.share-container:after{
    position: absolute;
    top: -10px;
    right: 50px;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E6E6E6;
}
.share-container:before{
    position: absolute;
    top: -8px;
    right: 52px;
    content: "";
    width: 0;
    height: 0;
    z-index: 2;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
