.topBg { top: 0; left: 0; width: 100%; height: auto; } .tabC { background-color: white; margin-top: 10rpx; left: 0; right: 0; border-radius: 20rpx 20rpx 0 0; } .tabC .item { display: inline-block; padding: 0 30rpx; line-height: 60rpx; font-size: 28rpx; font-weight: 500; color: #42485B; } .tabC .item.select { font-weight: bold; color: #F97316; } .tabC .item.select .line { background-color: #F97316; left: calc((100% - 50rpx)/2); bottom: 0; width: 50rpx; height: 2rpx; } .contentC { background-color: white; left: 0; right: 0; bottom: 0; overflow-y: scroll; } .contentC .volumeAmountC { padding: 20rpx; font-size: 26rpx; color: #333; } .contentC .volumeAmountC .volume { margin-right: 20rpx; } .contentC .section { padding: 0 28rpx; line-height: 80rpx; font-size: 32rpx; font-weight: bold; color: #222; } .contentC .des { margin: 0 25rpx; line-height: 1.4rem; font-size: 24rpx; font-weight: 500; color: #666; } .contentC .des .ai { color: #C00000; } .contentC .riskTips { margin: 20rpx 25rpx 0; padding-bottom: 30rpx; line-height: 1.4rem; font-size: 20rpx; color: #999; border-bottom: solid 1rpx #E4E4E4; } .contentC .list { padding: 0 25rpx; } .contentC .list .item { background-color: #F8F8F8; margin-bottom: 20rpx; padding: 30rpx 26rpx; border-radius: 10rpx; } .contentC .list .item .content { font-size: 24rpx; font-weight: 500; color: #222; } .contentC .list .item .article { margin-top: 10rpx; font-size: 22rpx; font-weight: 500; color: #666; text-align: right; } .contentC .list .item .authorDateC { margin-top: 30rpx; font-size: 22rpx; font-weight: 500; color: #AAA; } .contentC .list .item .authorDateC .author { margin-right: 10rpx; } .contentC.radius { margin-top: 10rpx; border-radius: 20rpx 20rpx 0 0; }