.hot-brands { border-bottom: 1px solid #e0e0e0; background: #fff; .floor-header { background: #f0f0f0; margin: 0; padding: 29rem / $pxConvertRem 30rem / $pxConvertRem 0; border: 0; h2 { border: 1px solid #e0e0e0; background: #fff; border-bottom: 0; } } a { display: block; text-decoration: none; height: 100%; } .brand { float: left; width: 158rem / $pxConvertRem; height: 174rem / $pxConvertRem; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; overflow: hidden; .brand-logo { display: table-cell; width: 158rem / $pxConvertRem; height: 128rem / $pxConvertRem; line-height: 128rem / $pxConvertRem; text-align: center; font-size: 0; vertical-align: middle; img { max-width: 100%; max-height: 100%; } } .brand-name { line-height: 44rem / $pxConvertRem; font-size: 18rem / $pxConvertRem; color: #babac2; text-align: center; text-decoration: none; border-bottom: none; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } } .brand:nth-child(5n) { border-right: none; } .more { float: left; width: 317rem / $pxConvertRem; height: 174rem / $pxConvertRem; border-top: 1px solid #e0e0e0; a { display: block; width: 100%; height: 100%; background: image-url("more-brand.png") no-repeat; background-size: 100% 100%; } } } .brands-swiper { background: #fff; width: 100%; height: 160rem / $pxConvertRem; padding-top: 20rem / $pxConvertRem; // margin-bottom: 28rem / $pxConvertRem; border-top: 1px solid #e0e0e0; overflow: hidden; .brands-list { position: relative; height: 160rem / $pxConvertRem; li { float: left; padding-left: 5%; width: 21.875%; height: 140rem / $pxConvertRem; a { position: relative; display: block; width: 100%; height: 100%; line-height: 140rem / $pxConvertRem; font-size: 0; } img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; } .brands-title { position: absolute; left: 8rem / $pxConvertRem; right: 8rem / $pxConvertRem; bottom: 8rem / $pxConvertRem; height: 28rem / $pxConvertRem; line-height: 28rem / $pxConvertRem; text-align: center; font-size: 18rem / $pxConvertRem; color: #444; background: rgba(255, 255, 255, 0.5); overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } } } }