| | |
|---|
| | | page { |
|---|
| | | background-color: #f7f7f7; |
|---|
| | | } |
|---|
| | | .swiper_wrap { |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .swiper_wrap .indicator { |
|---|
| | | position: absolute; |
|---|
| | | right: 40rpx; |
|---|
| | | bottom: 40rpx; |
|---|
| | | width: 80rpx; |
|---|
| | | height: 40rpx; |
|---|
| | | text-align: center; |
|---|
| | | line-height: 40rpx; |
|---|
| | | background: rgba(0, 0, 0, 0.4); |
|---|
| | | border-radius: 21rpx; |
|---|
| | | color: #fff; |
|---|
| | | font-size: 24rpx; |
|---|
| | | z-index: 999; |
|---|
| | | z-index: 99; |
|---|
| | | } |
|---|
| | | .banner_swiper image { |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | .share_btn { |
|---|
| | | position: fixed; |
|---|
| | | bottom: 16rpx; |
|---|
| | | left: 40rpx; |
|---|
| | | width: 670rpx; |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | align-items: center; |
|---|
| | | height: 72rpx; |
|---|
| | | flex: 1; |
|---|
| | | background-color: var(--themeColor); |
|---|
| | | font-weight: 500; |
|---|
| | | color: #FFFFFF; |
|---|
| | | font-style: 28rpx; |
|---|
| | | box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(176, 135, 113, 0.3), inset 0rpx 2rpx 2rpx 0rpx rgba(255, 255, 255, 0.33); |
|---|
| | | border-radius: 8rpx; |
|---|
| | | } |
|---|
| | | .main_content { |
|---|
| | | padding: 52rpx 40rpx 40rpx; |
|---|
| | | border-radius: 16rpx 16rpx 0rpx 0rpx; |
|---|
