.flex-card {
    display: flex;
    flex-wrap: wrap;
}

.flex-card-item {
    display: block;
    width: calc((100% - 66px) / 4);
    margin-right: 22px;
    margin-bottom: 37px;
}

.flex-card-item:nth-child(4n) {
    margin-right: 0;
}

.flex-card-item img {
    width: 100%;
    height: auto;
    display: block;
}

.flex-card-item p {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    text-align: center;
}

.flex-card-item:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;

}
.flex-card-item:hover p{
    color:#F81111 ;
}
.flex-card-item .img-b{
    overflow: hidden;
}

@media screen and (max-width: 767px){
    .flex-card{
        flex-direction: column;
    }
    .flex-card-item {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.6rem;
}
.flex-card-item p {
    font-size: 0.65rem;
    line-height: 2.2rem;
}
}