| | |
| | | $homeNavLengh: 8; |
| | | @media screen and (min-width: 1366px) { |
| | | .left-info { |
| | | width: 65%; |
| | | width: 70%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: left; |
| | | font-size: 18px; |
| | | color: #333; |
| | | overflow-x: auto; |
| | | &>span{ |
| | | white-space: nowrap; |
| | | } |
| | | p{ |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | &>span{ |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | .mid-info { |
| | | width: 25%; |
| | | width: 20%; |
| | | font-size: 18px; |
| | | color: #333; |
| | | } |
| | |
| | | align-items: center; |
| | | font-size: 16px; |
| | | color: #fff; |
| | | |
| | | div{ |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | @media screen and (min-width: 1200px) and (max-width: 1366px) { |
| | | .left-info { |
| | | width: 65%; |
| | | width: 70%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: left; |
| | | font-size: 15px; |
| | | color: #333; |
| | | overflow-x: auto; |
| | | &>span{ |
| | | white-space: nowrap; |
| | | } |
| | | p{ |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | &>span{ |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | .mid-info { |
| | | width: 25%; |
| | | width: 20%; |
| | | font-size: 15px; |
| | | color: #333; |
| | | } |
| | |
| | | align-items: center; |
| | | font-size: 13px; |
| | | color: #fff; |
| | | div{ |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | @media screen and (max-width: 1200px) { |
| | | .left-info { |
| | | width: 65%; |
| | | width: 70%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: left; |
| | | font-size: 12px; |
| | | color: #333; |
| | | overflow-x: auto; |
| | | &>span{ |
| | | white-space: nowrap; |
| | | } |
| | | p{ |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | &>span{ |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | .mid-info { |
| | | width: 25%; |
| | | width: 20%; |
| | | font-size: 12px; |
| | | color: #333; |
| | | } |
| | |
| | | align-items: center; |
| | | font-size: 12px; |
| | | color: #fff; |
| | | div{ |
| | | white-space: nowrap; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | font-weight: bolder; |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .place{ |
| | | font-weight: bolder; |
| | | } |