| | |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .index-h { |
| | | width: 100%; |
| | | padding: 60px 0; |
| | | box-sizing: border-box; |
| | | background: #FAFBFF; |
| | | } |
| | | .h-content { |
| | | width: 1200px; |
| | | margin: 0 auto; |
| | | display: flex; |
| | | align-items: start; |
| | | justify-content: space-between; |
| | | } |
| | | .h-content-left { |
| | | width: 32%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | .h-content-left-item { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | margin-bottom: 20px; |
| | | } |
| | | .h-content-left-item:last-child { |
| | | margin: 0 !important; |
| | | } |
| | | .h-content-left-item span { |
| | | font-weight: bold; |
| | | font-size: 18px; |
| | | color: #191B1F; |
| | | } |
| | | .h-content-left-item img { |
| | | width: 100%; |
| | | height: 134px; |
| | | margin-top: 20px; |
| | | } |
| | | .h-content-right { |
| | | width: 32%; |
| | | } |
| | | .h-content-right-title { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | cursor: pointer; |
| | | } |
| | | .h-content-right-title span { |
| | | font-weight: bold; |
| | | font-size: 18px; |
| | | color: #191B1F; |
| | | } |
| | | .h-content-right-title a { |
| | | font-weight: 400; |
| | | font-size: 13px; |
| | | color: #7B7F87; |
| | | } |
| | | .h-content-row { |
| | | width: 100%; |
| | | height: 58px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | border-bottom: 1px solid #DFE2E8; |
| | | } |
| | | .h-content-row-nr { |
| | | width: 75%; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | white-space: nowrap; /* 防止文本换行 */ |
| | | overflow: hidden; /* 隐藏溢出的文本 */ |
| | | text-overflow: ellipsis; /* 显示省略号 */ |
| | | } |
| | | .h-content-row-date { |
| | | width: 20%; |
| | | font-weight: 400; |
| | | font-size: 13px; |
| | | color: #898B8F; |
| | | } |