| | |
| | | .banner-bg { |
| | | position: fixed; |
| | | width: 100%; |
| | | height: 50vh; |
| | | height: 60%; |
| | | background: linear-gradient(to bottom, #57E4CB, #83b6ae); |
| | | } |
| | | |
| | | .page__hd { |
| | | height: 30vh; |
| | | /* text-align: center; */ |
| | | display: flex; |
| | | flex-flow: column; |
| | | justify-content: flex-start; |
| | | /* color: #50854C; */ |
| | | color: white; |
| | | padding: 8px 16px; |
| | | } |
| | | |
| | | .card{ |
| | | height: 26vh; |
| | | /* background-color: royalblue; */ |
| | | } |
| | | |
| | | .head_row{ |
| | | display: flex; |
| | | /* padding: 0 30px; */ |
| | | justify-content: space-between; |
| | | align-items: baseline; |
| | | } |
| | | |
| | | .head_row_item{ |
| | | text-align: center; |
| | | /* width: 20vw; */ |
| | | flex: 1; |
| | | /* background-color: red; */ |
| | | } |
| | | |
| | | .head_row_item_tag{ |
| | | font-size: 12px; |
| | | font-weight: 559; |
| | | } |
| | | |
| | | .head_right { |
| | | text-align: end; |
| | | font-size: 12px; |
| | | /* background-color: brown; */ |
| | | margin-bottom: 8px; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .head_tag{ |
| | | font-size: 12px; |
| | | color: rgba(255, 255, 255, 0.8); |
| | | } |
| | | |
| | | .head_tag>text { |
| | | font-size: 40px; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .head_1 { |
| | | font-size: 30px; |
| | | } |
| | | |
| | | .head_3 { |
| | | font-size: 12px; |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | .page__bd { |
| | |
| | | z-index: 2; |
| | | /* background-color: #65EAD2; */ |
| | | /* background-color: #70ea65; */ |
| | | padding: 2px; |
| | | /* padding: 2px; */ |
| | | } |
| | | |
| | | .swiper-tab_view{ |
| | | /* background-color: blueviolet; */ |
| | | } |
| | | |
| | | .swiper-tab-list{ |
| | | position: relative; |
| | | font-size: 30rpx; |
| | | display: inline-block; |
| | | min-width: 18%; |
| | | padding: 0 1%; |
| | | padding: 0 16px; |
| | | color: rgba(255, 255, 255, 0.658); |
| | | } |
| | | |
| | | .swiper-tab-list__tag{ |
| | | position: absolute; |
| | | top: 2px; |
| | | right: 4px; |
| | | font-size: 10px; |
| | | line-height: 16px; |
| | | width: 16px; |
| | | background-color: brown; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .on{ |
| | | color: white; |
| | | font-weight: bold; |