| | |
| | | |
| | | .img { |
| | | text-align: center; |
| | | font-size: 0.8em; |
| | | color: #5d78bb; |
| | | font-size:18px; |
| | | color: #000; |
| | | margin-left: 0%; |
| | | margin-right: 0%; |
| | | text-indent: 0em; |
| | |
| | | font-family: "STKaiti"; |
| | | color: #ef495d; |
| | | font-weight: bold; |
| | | font-size: 1.15em; |
| | | // font-size: 1.15em; |
| | | font-size: 26px; |
| | | margin-top: 2em; |
| | | text-align: center; |
| | | margin-bottom: 2em; |
| | | margin-bottom: 20px; |
| | | text-indent: 0em; |
| | | } |
| | | |
| | |
| | | } |
| | | .block2 { |
| | | font-family: "STKaiti"; |
| | | font-size: 1.15em; |
| | | // font-size: 1.15em; |
| | | font-size: 26px; |
| | | text-align: center; |
| | | text-indent: 0em; |
| | | margin: 6px 0; |
| | | } |
| | | |
| | | .bj1 { |
| | |
| | | |
| | | // 自定义 |
| | | .page-box { |
| | | position: relative; |
| | | box-sizing: border-box; |
| | | min-height: 1150px !important; |
| | | margin-bottom: 20px; |
| | |
| | | .ju-bt { |
| | | justify-content: space-between; |
| | | } |
| | | .ju-end { |
| | | justify-content: flex-end; |
| | | } |
| | | .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; |
| | | } |
| | | .mr-40 { |
| | | margin-right: 40px; |
| | | } |
| | | .pg-mh { |
| | | min-height: 1150px; |
| | | } |
| | | .dl-ib { |
| | | display: inline-block; |
| | | } |
| | | .w-min { |
| | | width: min-content; |
| | | } |
| | | .w40 { |
| | | width: 40px; |
| | | } |
| | | .pb-box { |
| | | position: absolute; |
| | | bottom: 0; |
| | | } |
| | | } |
| | | |
| | | /* 媒体查询做基础响应式布局 */ |
| | | @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; |
| | | } |
| | | } |
| | | } |