|
@@ -17,14 +17,15 @@ |
|
@@ -17,14 +17,15 @@ |
17
|
overflow: hidden;
|
17
|
overflow: hidden;
|
18
|
|
18
|
|
19
|
.brand-logo {
|
19
|
.brand-logo {
|
20
|
- width: 100%;
|
20
|
+ display: table-cell;
|
|
|
21
|
+ width: 3.95rem;
|
21
|
height: 128rem / $pxConvertRem;
|
22
|
height: 128rem / $pxConvertRem;
|
22
|
line-height: 128rem / $pxConvertRem;
|
23
|
line-height: 128rem / $pxConvertRem;
|
23
|
text-align: center;
|
24
|
text-align: center;
|
24
|
font-size: 0;
|
25
|
font-size: 0;
|
|
|
26
|
+ vertical-align: middle;
|
25
|
|
27
|
|
26
|
img {
|
28
|
img {
|
27
|
- vertical-align: middle;
|
|
|
28
|
max-width: 100%;
|
29
|
max-width: 100%;
|
29
|
max-height: 100%;
|
30
|
max-height: 100%;
|
30
|
}
|
31
|
}
|
|
@@ -68,13 +69,13 @@ |
|
@@ -68,13 +69,13 @@ |
68
|
.brands-swiper {
|
69
|
.brands-swiper {
|
69
|
background: #fff;
|
70
|
background: #fff;
|
70
|
width: 100%;
|
71
|
width: 100%;
|
71
|
- height: 140rem / $pxConvertRem;
|
72
|
+ height: 180rem / $pxConvertRem;
|
72
|
margin-bottom: 28rem / $pxConvertRem;
|
73
|
margin-bottom: 28rem / $pxConvertRem;
|
73
|
overflow: hidden;
|
74
|
overflow: hidden;
|
74
|
|
75
|
|
75
|
.brands-list {
|
76
|
.brands-list {
|
76
|
position: relative;
|
77
|
position: relative;
|
77
|
- height: 140rem / $pxConvertRem;
|
78
|
+ height: 180rem / $pxConvertRem;
|
78
|
|
79
|
|
79
|
li {
|
80
|
li {
|
80
|
float: left;
|
81
|
float: left;
|
|
@@ -85,11 +86,12 @@ |
|
@@ -85,11 +86,12 @@ |
85
|
|
86
|
|
86
|
a {
|
87
|
a {
|
87
|
position: relative;
|
88
|
position: relative;
|
88
|
- display: block;
|
89
|
+ display: table-cell;
|
89
|
width: 100%;
|
90
|
width: 100%;
|
90
|
- height: 100%;
|
91
|
+ height: 140rem / $pxConvertRem;
|
91
|
line-height: 140rem / $pxConvertRem;
|
92
|
line-height: 140rem / $pxConvertRem;
|
92
|
font-size: 0;
|
93
|
font-size: 0;
|
|
|
94
|
+ vertical-align: middle;
|
93
|
}
|
95
|
}
|
94
|
|
96
|
|
95
|
img {
|
97
|
img {
|
|
@@ -102,7 +104,8 @@ |
|
@@ -102,7 +104,8 @@ |
102
|
position: absolute;
|
104
|
position: absolute;
|
103
|
left: 8rem / $pxConvertRem;
|
105
|
left: 8rem / $pxConvertRem;
|
104
|
right: 8rem / $pxConvertRem;
|
106
|
right: 8rem / $pxConvertRem;
|
105
|
- bottom: 8rem / $pxConvertRem;
|
107
|
+ bottom: -32rem / $pxConvertRem;
|
|
|
108
|
+ width: 100%;
|
106
|
height: 28rem / $pxConvertRem;
|
109
|
height: 28rem / $pxConvertRem;
|
107
|
line-height: 28rem / $pxConvertRem;
|
110
|
line-height: 28rem / $pxConvertRem;
|
108
|
text-align: center;
|
111
|
text-align: center;
|