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