t-family: "Oswald-Bold"; width: 2.5rem; font-size: 0.24rem; line-height: 0.38rem; color: #bf1a24; font-weight: 700; } .news .list-2 .text-pic { flex: 1; display: flex; flex-wrap: wrap; padding-bottom: 0.4rem; border-bottom: 1px dashed #ddd; } .news .list-2 .text { flex: 1; padding: 0 0.5rem 0 0; display: flex; flex-direction: column; justify-content: space-between; } .news .list-2 .title { font-size: 0.22rem; line-height: 0.36rem; max-height: 0.72rem; color: #333; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis } .news .list-2 .info { font-size: 0.16rem; line-height: 0.28rem; max-height: 0.56rem; color: #777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis } .news .list-2 .pic { width: 2.5rem; height: 1.5rem; position: relative; } .news .list-2 .pic img { object-fit: cover; } .box:hover .title { color: #bf1a24; } @media screen and (max-width: 1023px) { .news .page { padding-top: 20px; } .news .list-2 li { margin-bottom: 20px; } .news .list-2 .date { width: 100%; font-size: 16px; line-height: 32px; } .news .list-2 .text-pic { padding-bottom: 20px; } .news .list-2 .text { padding: 0 20px 0 0; align-items: center; justify-content: center; } .news .list-2 .title { font-size:16px; line-height: 24px; max-height: 48px; } .news .list-2 .info { font-size: 14px; line-height: 24px; max-height: 48px; display: none; } .news .list-2 .pic { width: 125px; height: 75px; position: relative; } }
  529988 529989 529990 529991 529992 529993