Authored by ccbikai

首页 自定义品牌,热门品牌 样式问题修复

... ... @@ -17,14 +17,15 @@
overflow: hidden;
.brand-logo {
width: 100%;
display: table-cell;
width: 3.95rem;
height: 128rem / $pxConvertRem;
line-height: 128rem / $pxConvertRem;
text-align: center;
font-size: 0;
vertical-align: middle;
img {
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
... ... @@ -68,13 +69,13 @@
.brands-swiper {
background: #fff;
width: 100%;
height: 140rem / $pxConvertRem;
height: 180rem / $pxConvertRem;
margin-bottom: 28rem / $pxConvertRem;
overflow: hidden;
.brands-list {
position: relative;
height: 140rem / $pxConvertRem;
height: 180rem / $pxConvertRem;
li {
float: left;
... ... @@ -85,11 +86,12 @@
a {
position: relative;
display: block;
display: table-cell;
width: 100%;
height: 100%;
height: 140rem / $pxConvertRem;
line-height: 140rem / $pxConvertRem;
font-size: 0;
vertical-align: middle;
}
img {
... ... @@ -102,7 +104,8 @@
position: absolute;
left: 8rem / $pxConvertRem;
right: 8rem / $pxConvertRem;
bottom: 8rem / $pxConvertRem;
bottom: -32rem / $pxConvertRem;
width: 100%;
height: 28rem / $pxConvertRem;
line-height: 28rem / $pxConvertRem;
text-align: center;
... ...