page { background-color: #070707; } .topBg { top: 0; left: 0; width: 100%; height: auto; } .chartDesC { background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%); margin: 0 25rpx; padding-top: 10rpx; border-radius: 10rpx; } .chartDesC .tabC .item { display: inline-block; padding: 0 25rpx; line-height: 60rpx; font-size: 28rpx; font-weight: 500; color: #42485B; } .chartDesC .tabC .item.select { font-weight: bold; color: #F3C368; } .chartDesC .tabC .item.select .line { background-color: #F3C368; left: calc((100% - 50rpx)/2); bottom: 0; width: 50rpx; height: 2rpx; } .chartDesC .volumeAmountC { padding: 25rpx; font-size: 28rpx; font-weight: bold; color: #666; } .chartDesC .volumeAmountC .volume { margin-right: 30rpx; } .chartDesC .section { padding: 0 25rpx; line-height: 80rpx; font-size: 32rpx; font-weight: bold; color: #222; } .chartDesC .des { margin: 0 25rpx; line-height: 1.4rem; font-size: 24rpx; font-weight: 500; color: #666; } .chartDesC .des .ai { color: #EC3440; } .chartDesC .riskTips { margin: 20rpx 25rpx 0; padding-bottom: 30rpx; line-height: 1.2rem; font-size: 22rpx; color: #A2A2A1; } .infoSourceC .section { padding: 0 25rpx; line-height: 80rpx; font-size: 27rpx; font-weight: bold; color: #F3C368; } .infoSourceC .list { padding: 0 25rpx; } .infoSourceC .list .item { background: linear-gradient(-30deg, #FFF6F0 0%, #FEFEFE 100%); margin-bottom: 20rpx; padding: 30rpx 26rpx; border-radius: 10rpx; } .infoSourceC .list .item .content { font-size: 24rpx; font-weight: 500; color: #222; } .infoSourceC .list .item .article { margin-top: 10rpx; font-size: 22rpx; font-weight: 500; color: #666; text-align: right; } .infoSourceC .list .item .authorDateC { margin-top: 30rpx; font-size: 22rpx; font-weight: 500; color: #AAA; } .infoSourceC .list .item .authorDateC .author { margin-right: 10rpx; } .contentC.radius { margin-top: 10rpx; border-radius: 20rpx 20rpx 0 0; }