search.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .body {
  2. margin-top: 90px;
  3. }
  4. .body .search {
  5. display: flex;
  6. flex-wrap: nowrap;
  7. align-items: center;
  8. }
  9. .body .search .button {
  10. margin-left: 5px;
  11. width: 60px;
  12. background-color: #03c762;
  13. text-align: center;
  14. letter-spacing: 5px;
  15. line-height: 34px;
  16. color: #fff;
  17. border-radius: 5px;
  18. }
  19. .body .content p {
  20. color: #777;
  21. }
  22. .body .content ul {
  23. list-style: none;
  24. padding: 0;
  25. }
  26. .body .content ul li {
  27. padding: 10px 0;
  28. }
  29. .body .content ul li a:hover {
  30. color: #777;
  31. }
  32. .body .content ul li a h5 {
  33. font-size: 18px;
  34. line-height: 22px;
  35. color: #2440b3;
  36. font-weight: 500;
  37. display: -webkit-box;
  38. -webkit-box-orient: vertical;
  39. -webkit-line-clamp: 2;
  40. overflow: hidden;
  41. margin: 5px 0;
  42. }
  43. @media screen and (max-width: 768px) {
  44. .body .content ul li a h5 {
  45. font-size: 15px;
  46. }
  47. }
  48. .body .content ul li a .flex {
  49. display: flex;
  50. justify-content: flex-start;
  51. align-items: flex-start;
  52. }
  53. .body .content ul li a img {
  54. max-width: 140px;
  55. border-radius: 5px;
  56. }
  57. .body .content ul li a img.flex-item {
  58. margin-right: 10px;
  59. }
  60. .body .content ul li a .flex-item > p:nth-child(2) {
  61. color: #777;
  62. }
  63. .body .content ul li a .flex-item p {
  64. color: black;
  65. margin-bottom: 5px;
  66. }
  67. .body .pagination .active > a {
  68. background-color: #03c762;
  69. border: 1px solid #03c762;
  70. }