.hot-category { margin: (30rem / $pxConvertRem) 0 0; border-top: 1px solid #e0e0e0; .category-banner { height: 198rem / $pxConvertRem; img { display: block; width: 100%; height: 100%; } } .category-list { background: #fff; border-top: 1px solid #e0e0e0; li { float: left; width: 158rem / $pxConvertRem; height: 174rem / $pxConvertRem; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; .img-box { width: 100%; height: 138rem / $pxConvertRem; text-align: center; vertical-align: middle; img { max-width: 100%; max-height: 100%; vertical-align: middle; } } .category-title { line-height: 22rem / $pxConvertRem; color: #aaa; font-size: 18rem / $pxConvertRem; text-align: center; } } } }