.main {
    width: 100%;
    background-color: #fff;
}

.list-box {
    margin: 30px 0 .5rem;
    display: grid;
    /* gap: 20px; */
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 14px;
    
}

/* .list-box > a {
    width: 25%;
} */

.pcr_item {
    /* width: 3rem; */
    height: 4.2rem;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    transition: all .3s;
}

.pcr_item:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.pcr_item .item-img {
    display: flex;
    padding: .35rem;
    align-items: center;
    justify-content: center;
    height: 3rem;
    overflow: hidden;
    box-sizing: border-box;
}

.pcr_item .item-name {
    margin-top: .2rem;
    padding: 4px 8px;
    border-radius: 6px;
    border: 2px solid #6B7280;
}



/* 手机 */
@media screen and (max-width:576px) {
    #swiper1 {
        padding-top: 40px;
    }

    .list-box {
        padding: 0 10px;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
    }

    .pcr_item {
        height: 240px;
    }

    .pcr_item .item-img {
        height: 200px;
    }
}

/* ipad */
@media screen and (max-width:1000px) {
    .pcr_item .item-name {
        padding: 4px 4px;
        border: 1px solid #6B7280;
        font-size: 14px;
    }
}