| | |
| | | h2.whleft2 { |
| | | text-align: left; |
| | | color: #af0206; |
| | | font-size: 1.2em; |
| | | font-size: 38px; |
| | | margin-top: 0.2em; |
| | | margin-bottom: 0.2em; |
| | | text-indent: 0em; |
| | |
| | | .m0 { |
| | | margin: 0; |
| | | } |
| | | .mr-8 { |
| | | margin-right: 8px; |
| | | } |
| | | .mt-20 { |
| | | margin-top: 20px; |
| | | } |
| | | .mt-40 { |
| | | margin-top: 40px !important; |
| | | } |
| | |
| | | position: absolute; |
| | | bottom: 0; |
| | | } |
| | | .m16-0 { |
| | | margin: 16px 0; |
| | | } |
| | | .fm-son { |
| | | font-family: "宋体", SimSun, sans-serif; |
| | | } |
| | | .auido-text { |
| | | font-size: 22px; |
| | | font-family: "FangSong", "PMingLiU", serif; |
| | | font-weight: bold; |
| | | } |
| | | } |
| | | |
| | | /* 媒体查询做基础响应式布局 */ |
| | |
| | | .video-box { |
| | | max-width: 260px; |
| | | } |
| | | .audio-box { |
| | | margin-top: 20px; |
| | | flex-wrap: wrap; |
| | | li { |
| | | width: 100%; |
| | | } |
| | | li:nth-child(2) { |
| | | margin-top: 10px; |
| | | } |
| | | } |
| | | .page-box{ |
| | | min-height: 500px; |
| | | } |
| | | .pg-mh { |
| | | min-height: 815px; |
| | | } |
| | | .share-img-box { |
| | | min-height: 460px; |
| | | } |
| | | } |
| | | } |
| | | @media (min-width: 660px) { |
| | |
| | | .video-box { |
| | | max-width: 370px; |
| | | } |
| | | .share-img-box { |
| | | min-height: 650px; |
| | | } |
| | | .audio-box { |
| | | margin-top: 20px; |
| | | flex-wrap: nowrap; |
| | | li { |
| | | width: 58%; |
| | | } |
| | | } |
| | | } |
| | | } |