.new2 .body { margin-top: 90px; padding: 10px 0; } .new2 .body .list .list-item { text-decoration: none; color: black; display: flex; justify-content: flex-start; align-items: start; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; } .new2 .body .list .list-item:hover { color: #2382ff; } .new2 .body .list .list-item .item-img { flex: 1; padding: 0 20px; } @media screen and (max-width: 768px) { .new2 .body .list .list-item .item-img { padding: 0 10px; } } .new2 .body .list .list-item .item-img img { width: 100%; border-radius: 5px; } .new2 .body .list .list-item .item-img img:hover { transform: scale(1.1); } .new2 .body .list .list-item .item-detail { flex: 4; height: 100%; position: relative; overflow: hidden; } @media screen and (max-width: 768px) { .new2 .body .list .list-item .item-detail { flex: 2; } } .new2 .body .list .list-item .item-detail .title { font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (max-width: 768px) { .new2 .body .list .list-item .item-detail .title { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .new2 .body .list .list-item .item-detail .time { font-size: 12px; color: #777; margin-top: 5px; } .new2 .body .list .list-item .item-detail .time span { margin-left: 5px; }