| | |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1366px){ |
| | | @media screen and (min-width: 1024px) and (max-width: 1366px){ |
| | | .item-head{ |
| | | height: 20px; |
| | | line-height: 20px; |
| | |
| | | span{ |
| | | margin-bottom: 10px; |
| | | font-size: 20px; |
| | | font-weight: bolder; |
| | | } |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1024px) { |
| | | .item-head{ |
| | | height: 20px; |
| | | line-height: 20px; |
| | | span{ |
| | | font-size: 13px; |
| | | } |
| | | div{ |
| | | font-size: 12px; |
| | | } |
| | | } |
| | | .levelItem{ |
| | | font-size: 12px; |
| | | |
| | | span{ |
| | | margin-bottom: 10px; |
| | | font-size: 16px; |
| | | font-weight: bolder; |
| | | } |
| | | } |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | box-sizing: border-box; |
| | | |
| | | .item-head{ |
| | | display: flex; |