_index.css 1.44 KB
@import "search";
@import "list";
@import "filter-box";
@import "sort-pager";
@import "good";
@import "latest-walk";
@import "left-content";
@import "no-result";
@import "hot-rank";
@import "shop-entry";
@import "detail";
@import "sale/index";
@import "outlets/index";

.product-page {
    .list-left {
        width: 160px;
    }

    .list-right {
        width: 970px;
    }
}

.product-list-page,
.new-sale-page {
    .goods-container {
        height: auto;
        padding-top: 25px;
        position: relative;
        width: calc(970px + 10px);/* 每列增加右边距 */

        .good-info {
            width: 235px;

            .good-detail-img {
                height: 315px;
            }
        }

        .block-next-page {
            width: 235px;
            height: 315px;
        }
    }

    .filter-box .brand .attr-content {
        max-width: 730px;
    }
}

/* 990px */

.min-screen .product-list-page,
.min-screen .new-sale-page {

    .list-right {
        width: 810px;
    }

    .goods-container {
        height: auto;
        padding-top: 25px;
        position: relative;
        width: calc(810px + 10px);/* 每列增加右边距 */

        .good-info {
            width: 195px;

            .good-detail-img {
                height: 261px;
            }
        }

        .block-next-page {
            width: 195px;
            height: 261px;
        }
    }

    .filter-box .brand .attr-content {
        max-width: 570px;
    }
}