| | |
| | | padding: 0 30rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .content { |
| | | flex: 1; |
| | | |
| | |
| | | |
| | | .avatar { |
| | | width: 80rpx; |
| | | height: 80rpx; |
| | | border-radius: 50%; |
| | | margin-right: 24rpx; |
| | | } |
| | |
| | | color: #fff; |
| | | } |
| | | } |
| | | |
| | | .container{ |
| | | padding-bottom: 200rpx; |
| | | } |
| | | page { |
| | | background-color: #f7f7f7; |
| | | } |
| | |
| | | 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; |