/* 列表样式  开始 */
.list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35px 30px;
}

.list .one {
    box-shadow: 5px 5px 43px 0px #ccc;
    border-radius: 3px;
    height: 100%;
    overflow: hidden;
}
.list .one img{
    border-radius: 3px 3px 0 0;
}
.list .bottom {
    padding: 30px;
    box-sizing: border-box;
    color: #202131;
    height: 100%;
}

.list .bottom .pri {
    margin-top: 20px;
}

/* 列表样式  结束 */

@media (max-width:1024px) {
    .list {
        grid-template-columns: repeat(2, 1fr);
    }

    .list .bottom {
        padding: 25px;
    }
}

@media (max-width:768px) {
    .list {
        grid-template-columns: repeat(1, 100%);
    }

    .list .bottom {
        padding: 20px;
    }

    /*.list .bottom .f22 {*/
    /*    text-decoration: underline;*/
    /*}*/

    .list .bottom .pri {
        margin-top: 10px;
        /*display: none;*/
    }
}