.creative-life { background: #fff; .banner { display: block; height: 400px; overflow: hidden; img { width: 100%; height: 100%; } } .classify-list { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .classify-list > li { float: left; width: 213.3px; height: 194px; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .classify-logo { width: 212px; height: 192px; img { display: block; width: 100%; height: 100%; } } .classify-name { line-height: 52px; font-size: 26px; color: #000; text-align: center; text-decoration: none; border-bottom: none; overflow: hidden; } .classify:nth-child(3n) { border-right: 0; } }