.trend-coll-wrapper { background: #fff; height: 645px; border-bottom: 1px solid #e0e0e0; } .trend-coll-header { position: relative; widows: 100%; .trend-coll-title { width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 34px; color: #747474; } .more { position: absolute; right: 24px; top: 20px; } } .trend-coll-content { padding: 0 0 0 15px; .lspan { float: left; margin: 0 15px; } .rspan { float: left; margin: 0 15px; } } .lspanimg { display: block; float: right; width: 275px; height: 275px; } .rspanimg { display: block; float: right; width: 275px; height: 275px; } .trend-coll-tail { box-sizing: border-box; width: 100%; height: 267px; clear: both; } .recommend-title { widows: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 34px; } .recommend-swiper { width: 100%; height: 140px; overflow: hidden; } .recommend-list { position: relative; height: 100%; } .recommend-list .recommend-item { float: left; padding-left: 5%; width: 21.875%; height: 140px; a { display: block; width: 100%; height: 100%; img { width: 100%; height: 100%; } } }