| | |
|---|
| | | } |
|---|
| | | .user .avatar { |
|---|
| | | width: 80rpx; |
|---|
| | | height: 80rpx; |
|---|
| | | border-radius: 50%; |
|---|
| | | margin-right: 24rpx; |
|---|
| | | } |
|---|
| | |
|---|
| | | font-size: 26rpx; |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | .container { |
|---|
| | | padding-bottom: 200rpx; |
|---|
| | | } |
|---|
| | | page { |
|---|
| | | background-color: #f7f7f7; |
|---|
| | | } |
|---|
| | | .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; |
|---|
