| | |
| | | height: 16px; |
| | | } |
| | | .index-y { |
| | | width: 100%; |
| | | padding: 60px 0; |
| | | width: 1200px; |
| | | margin: 0 auto; |
| | | padding: 30px 0 60px 0; |
| | | display: flex; |
| | | align-content: center; |
| | | justify-content: center; |
| | | justify-content: space-between; |
| | | box-sizing: border-box; |
| | | } |
| | | .index-y-cate { |
| | | width: 100%; |
| | | margin-bottom: 40px; |
| | | } |
| | | .index-y-cate-list { |
| | | width: 100%; |
| | | margin-bottom: 26px; |
| | | } |
| | | .index-y-cate-l { |
| | | width: 100%; |
| | | padding-left: 55px; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | .index-y-cate-l-val { |
| | | font-weight: 400; |
| | | font-size: 16px; |
| | | color: #333333; |
| | | margin-bottom: 20px; |
| | | cursor: pointer; |
| | | } |
| | | .index-y-cate-l-val:hover { |
| | | color: #FF7900; |
| | | } |
| | | .index-y-cate-l-val:last-child { |
| | | margin: 0 !important; |
| | | } |
| | | .index-y-cate-list-label { |
| | | font-weight: 600; |
| | | font-size: 24px; |
| | | color: #191B1F; |
| | | padding-bottom: 11px; |
| | | border-bottom: 1px solid #DFE2E8; |
| | | } |
| | | .index-y-list { |
| | | width: 1200px; |
| | | flex: 1; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | |
| | | } |
| | | .item-img { |
| | | flex-shrink: 0; |
| | | width: 360px; |
| | | height: 270px; |
| | | width: 240px; |
| | | height: 180px; |
| | | border-radius: 8px; |
| | | margin-right: 30px; |
| | | margin-right: 24px; |
| | | display: flex; |
| | | align-content: center; |
| | | justify-content: center; |
| | |
| | | } |
| | | .item-info { |
| | | flex: 1; |
| | | height: 100%; |
| | | height: 180px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | flex-direction: column; |
| | |
| | | } |
| | | .item-info-top span:nth-child(1) { |
| | | font-weight: 500; |
| | | font-size: 30px; |
| | | font-size: 24px; |
| | | color: #191B1F; |
| | | } |
| | | .item-info-top span:nth-child(2) { |
| | | font-weight: 400; |
| | | font-size: 16px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | margin-top: 20px; |
| | | } |
| | |
| | | align-items: end; |
| | | justify-content: end; |
| | | } |
| | | .index-address { |
| | | width: 1200px; |
| | | margin: 0 auto; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-top: 30px; |
| | | } |
| | | .index-address span:nth-child(1) { |
| | | font-weight: 400; |
| | | font-size: 16px; |
| | | color: #7B7F87; |
| | | } |
| | | .index-address span:nth-child(2) { |
| | | font-weight: 400; |
| | | font-size: 16px; |
| | | color: #191B1F; |
| | | } |