.list-box{
    width: 156rem;
    margin: 0 16rem 0 20rem;
}
.list-content {
    width: 156rem;
    padding-left: 34rem;
    padding-top: 6rem;
}
.list-content-img{
    display: grid;
    width: 100%;
    grid-template-columns: 37rem 37rem 37rem;
    column-gap: 5.5rem;
    row-gap: 5.7rem;
}
.list-content-item{
height: 34rem;
padding:0;
display:block;
border-bottom:none;
    overflow: hidden;
}
.list-content-item .img{
width: 37rem;
    height: 27rem;
    overflow: hidden;
}
.list-content-item .img img{
width: 37rem;
    height: 27rem;
display:block;
    transition: all .3s;
}
.list-content-item:hover{
    border-bottom: none;
    padding-left:0;
}
.list-content-item:hover img{
transform: scale(1.2);
}
.list-content-item .title{
width: 37rem;
    height: 7rem;
    box-sizing: border-box;
    border-bottom: .2rem solid #F7F7F7;
    background: #F7F7F7;
    text-align: center;
    font-size: 1.8rem;
       padding: 2rem 3rem;
    color: #333;
overflow:hidden; 
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical; 
 -webkit-line-clamp:2;
  transition: all .3s;
}
.list-content-item:hover  .title{
color:#004A86;
 border-bottom: .2rem solid #004A86;
}