.JobFair_banner {
    height: 300px;
}

.JobFair_banner img {
    width: 100%;
    height: 300px;
}

.networkJobFair_list {
    background: #fff;
    padding: 28px 45px 27px 30px;
    position: relative;
    margin-bottom: 10px;
}

.networkJobFair_list:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.networkJobFair_list .networkJobFair_img {
    width: 240px;
    height: 165px;
    margin-right: 35px;
    position: relative;
}

.networkJobFair_list .networkJobFair_img img {
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.networkJobFair_list .networkJobFair_img .jobFair_status {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.networkJobFair_list .networkJobFair_img .over_modal {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
}

.networkJobFair_list .networkJobFair_img .over_modal img {
    display: block;
    width: 74px;
    height: 64px;
    margin: 30px auto 0;
}

.networkJobFair_list .networkJobFair_img .jobFair_status.jobFair_status0 {
    background: rgba(255, 0, 0, 0.5);
}

.networkJobFair_list .networkJobFair_img .jobFair_status.jobFair_status1 {
    background: rgba(0, 196, 138, 0.8);
}

.networkJobFair_list .networkJobFair_img .jobFair_status.jobFair_status2 {
    background: rgba(125, 125, 125, 0.4);
}

.networkJobFair_text {
    /* margin-top: 10px; */
}

.networkJobFair_text .text1 {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
    width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.networkJobFair_text .text2 {
    color: #666666;
    font-size: 15px;
}

.networkJobFair_text .text2_margin1 {
    margin: 16px 0;
}

.networkJobFair_text .text2 .text2_item {
    margin-right: 40px;
}

.networkJobFair_text .text2 .text2_item span {
    color: #333333;
    font-size: 14px;
}

.networkJobFair_text .text2 .text2_item.com {
    background: url('../images/jobfairol/icon_com.png') left center no-repeat;
    background-size: 15px 15px;
    padding-left: 20px;
}

.networkJobFair_text .text2 .text2_item.personal {
    background: url('../images/jobfairol/icon_personal.png') left center no-repeat;
    background-size: 15px 15px;
    padding-left: 20px;
}

.networkJobFair_text .text2 .text2_item.eye {
    background: url('../images/jobfairol/icon_eye.png') left center no-repeat;
    background-size: 15px 15px;
    padding-left: 20px;
}

.networkJobFair_text .text3 {
    color: #666666;
    font-size: 14px;
    background: url('../images/jobfairol/icon_time.png') left center no-repeat;
    background-size: 15px 15px;
    padding-left: 20px;
}

.networkJobFair_text .text3_margin {
    margin: 17px 0 30px;
}

.networkJobFair_list .networkJobFair_btn {
    float: right;
}

.networkJobFair_list .networkJobFair_btn button {
    color: #ffffff;
    font-size: 14px;
    padding: 9px 37px;
    background: #00C48A;
    border-radius: 5px;
    margin-bottom: 17px;
    cursor: pointer;
}

.networkJobFair_list .networkJobFair_btn button:hover {
    background: #00AE7A;
}

.networkJobFair_list .networkJobFair_btn .button_margin {
    margin-top: 43px;
}

.networkJobFair_list .networkJobFair_btn .button_margin2 {
    margin-top: 54px;
}

.networkJobFair_list .networkJobFair_btn p {
    text-align: center;
    font-size: 14px;
    color: #666666;
}

.networkJobFair_list .networkJobFair_btn p a {
    font-size: 14px;
    color: #00C48A;
    cursor: pointer;
}

.networkJobFair_wrapper .paging_box {
    padding: 20px 0;
}

.networkJobFair_list .icon {
    position: absolute;
    right: 0;
    top: 0;
}