.banner{width: 100%;height: 3.5rem;background: url(../images/job_banner.jpg) center;}

.title{width:100%;text-align: center;padding:.25rem 0;}
.title h2{font-size: .3rem;color:#000;font-weight: bold;}
.title p{color: #999;font-size: .16rem;}
.title b{color:#000;}

.job{padding-bottom:.5rem;}
.job_item{border:1px solid #eaeaea;padding:.2rem;margin:.1rem;transition:.5s;background: #fff}
.job_item:hover{box-shadow: 5px 5px 5px #eaeaea;border-color: #cacaca}
.job_item_up{justify-content:space-between;font-size: .18rem;border-bottom:.02rem dotted #eaeaea;margin-bottom:.2rem;}
.job_item_up .job_title a{color:#444;}
.job_item_up .job_title a:hover{color:#0064d4;}
.job_item_up .job_price{color: #c30d23}
.job_item_down{color: #888;font-size: .15rem;}
.job_company{margin:0;overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;}
.job .col-md-3{padding:0;}

@media screen and (max-width:768px) {
   .banner{height: 2rem;}
}