| | |
| | | .ju-bt { |
| | | justify-content: space-between; |
| | | } |
| | | .al-cn { |
| | | align-items: center; |
| | | } |
| | | .wh-nr { |
| | | white-space: nowrap; |
| | | } |
| | | .w100 { |
| | | width: 100%; |
| | | } |
| | | .m0 { |
| | | margin: 0; |
| | | } |
| | | .mb-20 { |
| | | margin-bottom: 20px; |
| | | } |
| | | .mb-40 { |
| | | margin-bottom: 40px; |
| | | } |
| | | .ml-40 { |
| | | margin-left: 40px; |
| | | } |
| | | .pg-mh { |
| | | min-height: 1150px; |
| | | } |
| | | .dl-ib { |
| | | display: inline-block; |
| | | } |
| | | .w-min { |
| | | width: min-content; |
| | | } |
| | | } |
| | | |
| | | /* 媒体查询做基础响应式布局 */ |
| | | @media (max-width: 660px) { |
| | | .ans-dance { |
| | | /* 分页padding */ |
| | | .page-padding { |
| | | padding: 104px 20px; |
| | | } |
| | | .padding-96 { |
| | | padding: 0 20px; |
| | | } |
| | | /* video大小 */ |
| | | .video-box { |
| | | max-width: 260px; |
| | | } |
| | | } |
| | | } |
| | | @media (min-width: 660px) { |
| | | .ans-dance { |
| | | .page-padding { |
| | | padding: 104px 96px; |
| | | } |
| | | .padding-96 { |
| | | padding: 0 96px; |
| | | } |
| | | .video-box { |
| | | max-width: 370px; |
| | | } |
| | | } |
| | | } |