*{
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;

}
.contre-list{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content:flex-start;
    align-content: space-around;
    width: 1200px;
    margin: 20px auto;

   


}
.contre-list>.contre-list-box{
   width: calc(25% - 20px);

   margin-left: 10px;
   margin-right: 10px;
   background-color:rgb(233, 233, 233);
   margin-bottom: 40px;
 
 


}
.contre-list-box-top{
width:100%;
height: 158px;
overflow: hidden;
}
.contre-list-box-top>a>img{
    width: 100%;
    height: 100%;
transition: all 0.6s; 
    object-fit: cover;
}
.contre-list-box-top>a>img:hover{
 transform: scale(1.2); 
   
}
.contre-list-box-bottom{
    padding: 15px;
    color: rgb(77, 76, 76);
}
.contre-list-box-bottom>h3,.contre-list-box-bottom>h5{
    line-height: 2em;
}
.contre-list-box-bottom h3{
 font-size:18px;
color:#b30216;
font-weight:bold;
}