.hot-brand{
    width:1242px;
    margin:0 auto ;
}
.hot-brand .hot-list{
    margin:20px auto;
    display: flex;
    flex-wrap: wrap;
    column-gap:24px;
    row-gap: 20px;
    justify-content: center;
}
.hot-brand .hot-item{
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    width:180px;
    height:117px;
    box-sizing: border-box;
    color:rgba(34, 34, 34, 1);
    font-size:16px;
    text-align: center;
}
.hot-brand .hot-item img{
    width:180px;
    height:88px;
    object-fit: cover;
}
.hot-brand .hot-item:hover{
   color : rgba(245, 63, 63, 1);
   text-decoration: underline;
}