.toollist { margin-top: 13px; } .toollist li {float: left;margin-right: 13px;margin-top: 13px;background: #FFF;width: calc( ( 100% - ( 13.5px * 2 ) ) / 3 );} .toollist li:nth-child(3n) { margin-right: 0; } .toollist li:nth-child(1), .toollist li:nth-child(2), .toollist li:nth-child(3) { margin-top: 0; } .toollist li a { padding: 40px 35px; display: block; } .toollist li a:hover { background: #fdfdfd; } .toollist li a .img { float: left; width: 70px; max-height: 70px; border-radius: 10px; overflow: hidden; } .toollist li a .info { margin-left: 20px; width: calc(100% - 20px - 70px); float: left; } .toollist li a .info h3 { font-weight: bold; font-size: 17px; color: #333; height: 23px; overflow: hidden; line-height: 23px; } .toollist li a .info .in { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 23px; font-size: 14px; color: #868686; margin-top: 10px; height: 46px; } header{border-bottom:0;}