body{
    background: #fbfbfb;
}
.product{
    background: #f1f1f1;
    border-radius: 10px;
    padding: 0;
    margin-bottom: 20px;
    box-shadow: 0 0 1px 1px #e3e3e3;
}
.product img{
    /*width+height+object-fit,这3个属性是为了让图片会根据其原始的长宽比自动调整大小，以适应容器的宽度，同时保持其原始的长宽比*/
    width: 100%;
    height: 100%;
    object-fit: cover; /* 或者使用 contain，根据你的需求 */
}
.product .layui-row{
    padding: 16px;
}
.product .layui-row .layui-card{
    height: 450px;
    text-align: center;
    margin: 20px;
}
.product .layui-row .layui-card img{
    /*width+height+object-fit,这3个属性是为了让图片会根据其原始的长宽比自动调整大小，以适应容器的宽度，同时保持其原始的长宽比*/
    width: 100%;
    height: 300px;
    object-fit: cover; /* 或者使用 contain，根据你的需求 */
}
.product .layui-row .layui-card .layui-card-header{
    font-weight: bolder;
    font-size: 30px;
}