_index.css
1.59 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
@import "search";
@import "filter-box";
@import "sort-pager";
@import "latest-walk";
@import "left-content";
@import "no-result";
@import "hot-rank";
@import "shop-entry";
@import "detail";
@import "sale/index";
@import "outlets/index";
@import "shop-index";
@import "students/index";
@import "global/index";
@import "top-coupon";
@import "new-arrive";
@import "good-slide";
@import "../variables";
@import "seo/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;
}
}