| | |
| | | padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); |
| | | } |
| | | |
| | | .container { |
| | | width: 100vw; |
| | | position: relative; |
| | | max-height: calc(100vh - env(safe-area-inset-bottom)); |
| | | } |
| | | |
| | | .background { |
| | | width: 100%; |
| | | position: fixed; |
| | |
| | | margin-top: 20rpx; |
| | | display: block; |
| | | padding: 0 24rpx; |
| | | padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); |
| | | } |
| | | |
| | | .tabCardPublic { |
| | |
| | | } |
| | | |
| | | .body-info .name { |
| | | font-size: 32rpx; |
| | | font-size: 30rpx; |
| | | height: 88rpx; |
| | | color: #333333; |
| | | font-weight: bold; |
| | | line-height: 44rpx; |
| | | line-height: 40rpx; |
| | | display: -webkit-box; |
| | | margin-bottom: 10rpx; |
| | | -webkit-box-orient: vertical; |
| | |
| | | } |
| | | |
| | | .listBox2 .author { |
| | | height: 30rpx; |
| | | height: 28rpx; |
| | | color: #333333; |
| | | font-weight: bold; |
| | | line-height: 30rpx; |
| | | display: -webkit-box; |
| | | margin-bottom: 10rpx; |
| | |
| | | } |
| | | |
| | | .listBox3 .name { |
| | | font-size: 32rpx; |
| | | font-size: 30rpx; |
| | | height: 44rpx; |
| | | color: #333333; |
| | | font-weight: bold; |
| | |
| | | |
| | | .srcolbox { |
| | | width: 100%; |
| | | height: 480rpx; |
| | | height: 420rpx; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | |
| | | padding: 20rpx 0; |
| | | } |
| | | |
| | | .rankingList .author { |
| | | height: 30rpx; |
| | | .rankingList .name { |
| | | height: 80rpx; |
| | | width: 188rpx; |
| | | color: #333333; |
| | | font-weight: bold; |
| | | line-height: 30rpx; |
| | | display: -webkit-box; |
| | | margin-bottom: 10rpx; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 1; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 2; |
| | | -webkit-box-orient: vertical; |
| | | } |