| | |
| | | .container { |
| | | background-color: #fff; |
| | | } |
| | | page { |
| | | overflow: hidden; |
| | | } |
| | | .home_top { |
| | | position: fixed; |
| | | width: 100%; |
| | | z-index: 99; |
| | | top: 0; |
| | | height: 96rpx; |
| | | padding-bottom: 24rpx; |
| | | background-color: #fff; |
| | | } |
| | | .home_top .search_wrap { |
| | | .search_wrap { |
| | | width: 670rpx; |
| | | height: 72rpx; |
| | | margin: 0rpx auto; |
| | | margin: 0rpx auto 24rpx; |
| | | border-radius: 8rpx; |
| | | padding: 0 40rpx 0rpx; |
| | | padding: 0 40rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #F7F7F7; |
| | | } |
| | | .home_top .search_wrap image { |
| | | .search_wrap image { |
| | | width: 28rpx; |
| | | height: 28rpx; |
| | | margin-right: 16rpx; |
| | | } |
| | | .cate_wrap { |
| | | background-color: #fff; |
| | | } |
| | | .cate_wrap .cate_one { |
| | | position: fixed; |
| | | top: 94rpx; |
| | | background-color: #fff; |
| | | width: 100%; |
| | | } |
| | | .cate_wrap .cate_two { |
| | | position: fixed; |
| | | top: 154rpx; |
| | | position: absolute; |
| | | line-height: 88rpx; |
| | | margin-left: 40rpx; |
| | | height: 88rpx; |
| | | z-index: 999; |
| | | background-color: #fff; |
| | | padding-top: 30rpx; |
| | | width: 100%; |
| | | } |
| | | .scroll_cate { |
| | | display: flex; |
| | | align-items: center; |
| | | line-height: 88rpx; |
| | | margin-left: 40rpx; |
| | | height: 60rpx; |
| | | height: 88rpx; |
| | | } |
| | | .scroll_cate .item { |
| | | margin-right: 48rpx; |
| | | margin-right: 54rpx; |
| | | color: #666666; |
| | | flex-shrink: 0; |
| | | } |
| | | .scroll_cate .active { |
| | | color: #222222; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | font-size: 30rpx; |
| | | } |
| | | .second_list { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-left: 0; |
| | | } |
| | | .second_list .item { |
| | | padding: 0 40rpx; |
| | |
| | | margin-right: 24rpx; |
| | | } |
| | | .second_list .active { |
| | | color: var(--themeColor); |
| | | background: rgba(176, 135, 113, 0.08); |
| | | color: #B08771; |
| | | font-size: 24rpx; |
| | | font-weight: 400; |
| | | } |
| | | .content { |
| | | padding: 260rpx 40rpx 40rpx; |
| | | padding: 0rpx 40rpx 40rpx; |
| | | height: calc(100vh - 200rpx); |
| | | } |
| | | .content .empty { |
| | | height: 88rpx; |
| | | } |
| | | .content .item { |
| | | margin-bottom: 60rpx; |