.trend-tops-wrapper { width: 100%; height: 645px; } .trend-tops-header { position: relative; width: 100%; .trend-tops-title { width: 100%; height: 100px; line-height: 100px; text-align: center; font-size: 34px; color: #747474; } .more { position: absolute; right: 24px; top: 20px; } } .trend-tops-content { width: 100%; } .main-tops-show { display: block; box-sizing: border-box; width: 100%; height: 404px; border: 1px solid #000; } .tops-list { width: 100%; height: 385px; .tops-left { box-sizing: border-box; float: left; width: 252px; height: 100%; border-right: 1px solid #000; } .tops-right { float: left; width: 385px; height: 100%; } } .tops-right-toslist { width: 100%; .tops-right-tositem { box-sizing: border-box; float: left; width: 50%; height: 196px; border: 1px solid #000; } } .recommed-title { margin-top: 55px; width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 35px; } .recommed-imgwrapper { display: block; margin-top: 24px; width: 100%; height: 184px; text-align: center; img { width: 169px; height: 100%; border: 1px solid #000; } } .recommed-productname { display: block; margin-top: 20px; width: 100%; height: 20px; line-height: 20px auto; text-align: center; } .tops-right-imgwrapper { display: block; width: 100%; height: 145px; text-align: center; img { width: 130px; height: 100%; border: 1px solid #000; } } .tops-right-productname { display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; }