.body { margin-top: 90px; } .body .search { display: flex; flex-wrap: nowrap; align-items: center; } .body .search .button { margin-left: 5px; width: 60px; background-color: #03c762; text-align: center; letter-spacing: 5px; line-height: 34px; color: #fff; border-radius: 5px; } .body .content p { color: #777; } .body .content ul { list-style: none; padding: 0; } .body .content ul li { padding: 10px 0; } .body .content ul li a:hover { color: #777; } .body .content ul li a h5 { font-size: 18px; line-height: 22px; color: #2440b3; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 5px 0; } @media screen and (max-width: 768px) { .body .content ul li a h5 { font-size: 15px; } } .body .content ul li a .flex { display: flex; justify-content: flex-start; align-items: flex-start; } .body .content ul li a img { max-width: 140px; border-radius: 5px; } .body .content ul li a img.flex-item { margin-right: 10px; } .body .content ul li a .flex-item > p:nth-child(2) { color: #777; } .body .content ul li a .flex-item p { color: black; margin-bottom: 5px; } .body .pagination .active > a { background-color: #03c762; border: 1px solid #03c762; }