.job-lists{
    padding: 102px 0 85px;
}
.job-lists .tips{
    color: #363636;
    line-height: 30px;
}
.job-lists ul .item{
position: relative;	cursor: pointer;
padding: 0 38px;
background: #FFFFFF;
margin-top: 30px;
}
.job-lists ul .item .list{
    height: 154px;
    
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    padding: 21px 0 23px 0;
    align-items: center;
}
.job-lists ul .item .list .info {
    width: 74%;
}
.job-lists ul .item .list .info .name{
    margin-bottom: 40px;
}
.job-lists ul .item .list .info .desc span{
    margin-right: 50px;
}
.job-lists ul .item .list .date img{
    margin-right: 4px;
}
.job-lists ul .item .hidden{
padding: 36px 0;
position: relative;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}
.job-lists ul .item .hidden .info{
    line-height: 30px;
    margin-top: 28px;
}

.job-lists ul .item:hover .hidden{
display: block;
border-top: 1px solid #E2E2E2 ;
}


.top30{
    margin-top: 30px;
}
.spemore-btn{
    width: 127px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left:1px solid #CECECE ;
}
.spemore-btn i{
display: block;
width: 34px;
height: 34px;
background-image: url(../img/bigmore-icon.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.job-lists ul .item:hover .spemore-btn i{
background-image: url(../img/lmore-icon.png);
}

@media (max-width: 1480px){
    .job-lists ul .item .list .info{
        width: 68%;
    }
}

@media (max-width: 1480px){
    .job-lists ul .item .list .info{
        width: 62%;
    }
    .job-lists ul .item .list .info .desc span{
        margin-right: 20px;
    }
}

@media (max-width: 1000px){
    .job-lists ul .item .list .info{
        width: 45%;
    }
    .job-lists ul .item .list .info .desc{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .job-lists ul .item .list .info .desc span{
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .job-lists ul .item .list .info .name{
        margin-bottom: 20px;
    }
}


@media (max-width: 750px){
    .job-lists {
        padding: 30px 0 ;
    }
    .job-lists .tips{
        line-height: 2;
    }
    .job-lists ul .item{
        padding: 15px;
    }
    .job-lists ul .item .hidden{
        display: block;
        padding: 0 0 20px;
    }
    .spemore-btn{
        display: none;
    }
    .job-lists ul .item .list{
        height: auto;
        flex-wrap: wrap;
        padding-top: 10px;
    }
    .job-lists ul .item .list .info{
        width: 100%;
    }
    .job-lists ul .item .list .info .desc{
        margin-bottom: 10px;
    }
    .job-lists ul .item .hidden .info{
        line-height: 2;
        margin-top: 16px;
    }
}