| | |
|---|
| | | padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .background { |
|---|
| | | width: 100%; |
|---|
| | | position: fixed; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | height: 80rpx; |
|---|
| | | z-index: 3; |
|---|
| | | text-align: center; |
|---|
| | | padding-top: 110rpx; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 36rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .white { |
|---|
| | | background: #fff; |
|---|
| | | color: #333; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .background .text { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-header, |
|---|
| | | .home-page-menu, |
|---|
| | | .home-page-container { |
|---|
| | | position: relative; |
|---|
| | | padding: 0 24rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-header { |
|---|
| | | padding-top: 230rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-header .bg { |
|---|
| | | height: 680rpx; |
|---|
| | | position: absolute; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | z-index: -1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-header .bg .image { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-header .search .t-search__input-container { |
|---|
| | | height: 96rpx; |
|---|
| | | background: #fff !important; |
|---|
| | | font-size: 28rpx !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-header .t-search__input { |
|---|
| | | font-size: 28rpx !important; |
|---|
| | | color: rgb(116, 116, 116) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-header .swiper-wrap { |
|---|
| | | margin-top: 30rpx; |
|---|
| | | margin-bottom: 10rpx; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .home-page-menu .t-grid--card { |
|---|
| | | margin: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex { |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
