|
@@ -5,20 +5,23 @@ $pxConvertRem : 40; |
|
@@ -5,20 +5,23 @@ $pxConvertRem : 40; |
|
5
|
padding:0 0 0 15rem / $pxConvertRem;
|
5
|
padding:0 0 0 15rem / $pxConvertRem;
|
|
6
|
background: #fff;
|
6
|
background: #fff;
|
|
7
|
|
7
|
|
|
8
|
- /*container脱离文本流时占位用，指定高度为container高度(height+border)以及margin*/
|
8
|
+ /*container脱离文本流时占位用，指定高度为内部所有内容高度*/
|
|
9
|
.container-fixed-pos {
|
9
|
.container-fixed-pos {
|
|
10
|
- height: 136rem / $pxConvertRem;
|
|
|
|
11
|
- margin: 0 0 28rem / $pxConvertRem -15rem / $pxConvertRem;
|
10
|
+ height: 166rem / $pxConvertRem;
|
|
|
|
11
|
+ margin-left: -15rem / $pxConvertRem;
|
|
12
|
}
|
12
|
}
|
|
13
|
|
13
|
|
|
14
|
.thumb-container {
|
14
|
.thumb-container {
|
|
15
|
font-size: 0;
|
15
|
font-size: 0;
|
|
16
|
padding-left: 30rem / $pxConvertRem;
|
16
|
padding-left: 30rem / $pxConvertRem;
|
|
|
|
17
|
+ padding-bottom: 28rem / $pxConvertRem;
|
|
17
|
background: #fff;
|
18
|
background: #fff;
|
|
18
|
z-index: 10;
|
19
|
z-index: 10;
|
|
|
|
20
|
+ border-bottom: 2px solid #efefef;
|
|
19
|
|
21
|
|
|
20
|
.thumb {
|
22
|
.thumb {
|
|
21
|
display: inline-block;
|
23
|
display: inline-block;
|
|
|
|
24
|
+ position: relative;
|
|
22
|
margin-right: 22rem / $pxConvertRem;
|
25
|
margin-right: 22rem / $pxConvertRem;
|
|
23
|
border: 1px solid transparent;
|
26
|
border: 1px solid transparent;
|
|
24
|
|
27
|
|
|
@@ -28,6 +31,9 @@ $pxConvertRem : 40; |
|
@@ -28,6 +31,9 @@ $pxConvertRem : 40; |
|
28
|
|
31
|
|
|
29
|
&.focus {
|
32
|
&.focus {
|
|
30
|
border-color: #000;
|
33
|
border-color: #000;
|
|
|
|
34
|
+ .arrow {
|
|
|
|
35
|
+ display: block;
|
|
|
|
36
|
+ }
|
|
31
|
}
|
37
|
}
|
|
32
|
|
38
|
|
|
33
|
.thumb-img {
|
39
|
.thumb-img {
|
|
@@ -35,19 +41,14 @@ $pxConvertRem : 40; |
|
@@ -35,19 +41,14 @@ $pxConvertRem : 40; |
|
35
|
width: 96rem / $pxConvertRem;
|
41
|
width: 96rem / $pxConvertRem;
|
|
36
|
}
|
42
|
}
|
|
37
|
}
|
43
|
}
|
|
38
|
- }
|
|
|
|
39
|
-
|
|
|
|
40
|
- .prod-list {
|
|
|
|
41
|
- position: relative;
|
|
|
|
42
|
- border-top: 2px solid #efefef;
|
|
|
|
43
|
- padding: 31rem / $pxConvertRem 0 0 0;
|
|
|
|
44
|
|
44
|
|
|
45
|
.arrow {
|
45
|
.arrow {
|
|
|
|
46
|
+ display: none;
|
|
46
|
position: absolute;
|
47
|
position: absolute;
|
|
47
|
- top: -49px;
|
|
|
|
48
|
- left: 50rem / $pxConvertRem;
|
48
|
+ top: 55px;
|
|
|
|
49
|
+ left: 28rem / $pxConvertRem;
|
|
49
|
|
50
|
|
|
50
|
- em{
|
51
|
+ em {
|
|
51
|
font-style:normal;
|
52
|
font-style:normal;
|
|
52
|
font-size:36rem / $pxConvertRem;
|
53
|
font-size:36rem / $pxConvertRem;
|
|
53
|
position:absolute;
|
54
|
position:absolute;
|
|
@@ -56,7 +57,7 @@ $pxConvertRem : 40; |
|
@@ -56,7 +57,7 @@ $pxConvertRem : 40; |
|
56
|
color:#e0e0e0;
|
57
|
color:#e0e0e0;
|
|
57
|
}
|
58
|
}
|
|
58
|
|
59
|
|
|
59
|
- span{
|
60
|
+ span {
|
|
60
|
font-style:normal;
|
61
|
font-style:normal;
|
|
61
|
font-size:36rem / $pxConvertRem;
|
62
|
font-size:36rem / $pxConvertRem;
|
|
62
|
position:absolute;
|
63
|
position:absolute;
|
|
@@ -64,10 +65,13 @@ $pxConvertRem : 40; |
|
@@ -64,10 +65,13 @@ $pxConvertRem : 40; |
|
64
|
top:40px;
|
65
|
top:40px;
|
|
65
|
color:white;
|
66
|
color:white;
|
|
66
|
}
|
67
|
}
|
|
67
|
-
|
|
|
|
68
|
}
|
68
|
}
|
|
69
|
}
|
69
|
}
|
|
70
|
|
70
|
|
|
|
|
71
|
+ .prod-list {
|
|
|
|
72
|
+ padding-top: 31rem / $pxConvertRem;
|
|
|
|
73
|
+ }
|
|
|
|
74
|
+
|
|
71
|
.clothe-type {
|
75
|
.clothe-type {
|
|
72
|
background: url('../img/clothes-type-sd8fa28a215.png') no-repeat;
|
76
|
background: url('../img/clothes-type-sd8fa28a215.png') no-repeat;
|
|
73
|
width: 47rem / $pxConvertRem;
|
77
|
width: 47rem / $pxConvertRem;
|
