| | |
| | | font-size: 13px; |
| | | color: #191B1F; |
| | | } |
| | | .index-a-list { |
| | | width: 1200px; |
| | | margin: 0 auto; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | margin-top: 50px; |
| | | } |
| | | .oitem { |
| | | width: 285px; |
| | | height: 177px; |
| | | padding: 24px 26px; |
| | | box-sizing: border-box; |
| | | background: rgba(255,255,255,0.98); |
| | | box-shadow: 0 2px 14px 0 #DFE2E8; |
| | | border-radius: 8px; |
| | | display: flex; |
| | | align-items: start; |
| | | justify-content: space-between; |
| | | } |
| | | .oitem-left { |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | } |
| | | .oitem-left img { |
| | | width: 60px; |
| | | height: 60px; |
| | | } |
| | | .oitem-left-info { |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | .oitem-left-info span:nth-child(1) { |
| | | font-weight: bold; |
| | | font-size: 18px; |
| | | color: #191B1F; |
| | | } |
| | | .oitem-left-info span:nth-child(2) { |
| | | font-weight: 400; |
| | | font-size: 12px; |
| | | color: #7B7F87; |
| | | } |