.rencai .ar_article{
    flex: 1;
}
.rencai .hd{
    gap: 14rem;
}
.rencai .cont{
    position: relative;
    padding-bottom: 3rem;
}
.rencai-swiper .grid{
    gap: 1rem;
}
.rencai-swiper .item{
    display: block;
}
.rencai-swiper .item .img-db{
    height: auto;
    aspect-ratio: 422/281;
    border-radius: 1rem;
}
.rencai-swiper .item .txt{
    text-align: center;
    font-size: var(--f18);
    padding: .8rem 1rem;
}
.rencai-swiper .item:first-child{
    grid-column: span 2;
    grid-row: span 2;
}

.rencai .swiper-scrollbar{
    height:1px;
    background: #dbdde0;
    border-radius: 0;
}
.rencai .swiper-scrollbar-drag{
    background: var(--themeColor);
    height:5px ;
    border-radius: 0;
    top: -2.5px;
}


.rencai-job .grid{
    gap:2rem;
}
.rencai-job .item{
    background: linear-gradient(180deg,#f8f9ff,#e2eafa);
    padding: 2rem;
    transition: all .5s;
}
.rencai-job .item .hd{
    border-bottom: 1px solid #cccdd1;
    padding-bottom: 1rem;
    gap: 1.5rem;
    align-items: center;
    transition:border .5s ;
}
.rencai-job .item .hd img{
    height: 3.4rem;
    transition:filter .5s ;
}
.rencai-job .item .hd .txt .tt{
    font-size: var(--f22);
    font-weight: bold;
    transition:color .5s ;
}
.rencai-job .item .hd .txt .date{
    font-size: var(--f14);
    color: #929292;
    margin-top: .3rem;
    transition:color .5s ;

}
.rencai-job .item .hd .txt .date i{
    font-size: var(--f15);

}
.rencai-job .item .bd{
    margin-top: 1rem;
}
.rencai-job .item .ar_article{
    font-size: var(--f17);
    color: #414141;
    height: calc(2 * 1em * 7);
    overflow-y: auto;
    transition:color .5s ;
}
.rencai-job .item:hover{
    background: var(--themeColor);
}
.rencai-job .item:hover .hd img{
    filter: var(--imgWhite);
}
.rencai-job .item:hover .hd .txt .tt,
.rencai-job .item:hover .hd .txt .date,
.rencai-job .item:hover .ar_article{
    color: #fff;
}
.rencai-job .item:hover .hd{
    border-color: rgba(255, 255, 255, .6);
    
}
.rencai-job .item:hover .ar_article::-webkit-scrollbar-track{
    background: #bbb;
}
.rencai-job .item:hover .ar_article::-webkit-scrollbar-thumb{
    background-color: #fff;
}