.listCommone {
    max-width: 1280px;
    margin: 0 auto;
}

.list {
    display: flex;
    /*min-height: calc(100vh - 285px);*/
}

@media screen and (min-width: 1280px) {
    .list {
        margin-top: 6rem;
        /*min-height: calc(100vh - 800px);*/
        min-height: calc(100vh - 1000px);
    }
}

@media screen and (max-width: 1280px) {
    .common {
        display: flex;
    }
}



.list a {
    width: 80% !important;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    padding: 0 10px;
}

.list .item img {
    width: 100%;
    height: 80%;
    object-fit: cover;
    ;
}

.list .item {
    width: 280px;
    height: 280px
}

.common {
    /*max-width: 1280px;*/
    margin-left: 2rem;
    margin-right: 2rem;
    /*display: flex;*/
    min-height: calc(100vh - 150px);
}

.left {
    width: 55%;
    margin: auto;
}

.right {
    flex: 1;
    margin-top: 10px;
}