| | |
| | | } |
| | | ul li a { |
| | | display: block; |
| | | position: relative; |
| | | } |
| | | ul li:hover .drop-down { |
| | | display: block; |
| | | } |
| | | .fa { |
| | | position: fixed !important; |
| | | left: 0 !important; |
| | | width: 100vw !important; |
| | | padding: 30px 0 !important; |
| | | box-sizing: border-box !important; |
| | | } |
| | | .fa-content { |
| | | width: 1200px; |
| | | margin: 0 auto; |
| | | } |
| | | .fa-content-item { |
| | | width: 100%; |
| | | } |
| | | .fa-content-item-label { |
| | | font-weight: 600; |
| | | font-size: 18px; |
| | | color: #191B1F; |
| | | } |
| | | .fa-content-item-list { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | flex-wrap: wrap; |
| | | } |
| | | .drop-down { |
| | | position: absolute; |
| | | top: 70px; |
| | | left: -50px; |
| | | width: 164px; |
| | | display: none; |
| | | background: #FFFFFF; |
| | | box-shadow: 0 7px 20px 0 rgba(0,0,0,0.1); |
| | | } |
| | | .drop-down-item { |
| | | width: 100%; |
| | | height: 50px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #222222; |
| | | cursor: pointer; |
| | | } |
| | | .drop-down-item:hover { |
| | | font-weight: 500; |
| | | color: #FF7900; |
| | | } |
| | | ul li { |
| | | margin-right: 50px; |