| | |
| | | .container { |
| | | padding: 0 40rpx 220rpx; |
| | | padding: 148rpx 40rpx 220rpx; |
| | | } |
| | | .container .main_title { |
| | | font-weight: 500; |
| | | font-size: 44rpx; |
| | | color: #222222; |
| | | margin: 32rpx 0; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 2; |
| | | } |
| | | .container .time { |
| | | font-size: 26rpx; |
| | | color: #999999; |
| | | margin-bottom: 48rpx; |
| | | } |
| | | .container .fullview_wrap { |
| | | position: relative; |
| | | } |
| | | .container .fullview_wrap .banner { |
| | | width: 100%; |
| | | border-radius: 8rpx; |
| | | } |
| | | .container .fullview_wrap .full { |
| | | position: absolute; |
| | | top: 32rpx; |
| | | right: 32rpx; |
| | | font-size: 20rpx; |
| | | color: rgba(255, 255, 255, 0.8); |
| | | width: 112rpx; |
| | | height: 42rpx; |
| | | background: rgba(0, 0, 0, 0.54); |
| | | border-radius: 30rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .container .fullview_wrap .full .icon { |
| | | width: 24rpx; |
| | | height: 24rpx; |
| | | margin-right: 4rpx; |
| | | } |
| | | .container .img { |
| | | width: 100%; |
| | |
| | | color: #333333; |
| | | } |
| | | .container .list .item .content { |
| | | margin-top: 20rpx; |
| | | font-weight: 300; |
| | | font-size: 28rpx; |
| | | color: #333333; |
| | | } |
| | | .container .list .item .img { |
| | | width: 100%; |
| | | } |
| | | .spaceList .item { |
| | | margin-bottom: 60rpx; |
| | |
| | | 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; |
| | | } |
| | | .footer .sub_btn .sheji { |
| | |
| | | } |
| | | .footer .item .icon { |
| | | width: 44rpx; |
| | | height: 44rpx; |
| | | } |
| | | .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; |
| | | } |
| | | .share_modal .btns { |
| | | min-height: 320rpx; |