new2.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .new2 .body {
  2. margin-top: 90px;
  3. padding: 10px 0;
  4. }
  5. .new2 .body .list .list-item {
  6. text-decoration: none;
  7. color: black;
  8. display: flex;
  9. justify-content: flex-start;
  10. align-items: start;
  11. padding-bottom: 10px;
  12. margin-bottom: 10px;
  13. border-bottom: 1px solid #e6e6e6;
  14. }
  15. .new2 .body .list .list-item:hover {
  16. color: #2382ff;
  17. }
  18. .new2 .body .list .list-item .item-img {
  19. flex: 1;
  20. padding: 0 20px;
  21. }
  22. @media screen and (max-width: 768px) {
  23. .new2 .body .list .list-item .item-img {
  24. padding: 0 10px;
  25. }
  26. }
  27. .new2 .body .list .list-item .item-img img {
  28. width: 100%;
  29. border-radius: 5px;
  30. }
  31. .new2 .body .list .list-item .item-img img:hover {
  32. transform: scale(1.1);
  33. }
  34. .new2 .body .list .list-item .item-detail {
  35. flex: 4;
  36. height: 100%;
  37. position: relative;
  38. overflow: hidden;
  39. }
  40. @media screen and (max-width: 768px) {
  41. .new2 .body .list .list-item .item-detail {
  42. flex: 2;
  43. }
  44. }
  45. .new2 .body .list .list-item .item-detail .title {
  46. font-weight: 400;
  47. overflow: hidden;
  48. text-overflow: ellipsis;
  49. white-space: nowrap;
  50. }
  51. @media screen and (max-width: 768px) {
  52. .new2 .body .list .list-item .item-detail .title {
  53. white-space: normal;
  54. display: -webkit-box;
  55. -webkit-box-orient: vertical;
  56. -webkit-line-clamp: 2;
  57. }
  58. }
  59. .new2 .body .list .list-item .item-detail .time {
  60. font-size: 12px;
  61. color: #777;
  62. margin-top: 5px;
  63. }
  64. .new2 .body .list .list-item .item-detail .time span {
  65. margin-left: 5px;
  66. }