.topBg { top: 0; left: 0; width: 100%; height: auto; } .categoryC { background-color: white; margin-top: 10rpx; padding-top: 20rpx; left: 0; right: 0; border-radius: 20rpx 20rpx 0 0; } .categoryC .item { display: inline-block; padding: 0 30rpx; line-height: 75rpx; font-size: 32rpx; font-weight: 500; color: #42485B; } .categoryC .item.select { font-weight: bold; color: #F97316; } .categoryC .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 .stockCategoryList { margin-top: 18rpx; padding: 0 24rpx; } .contentC .stockCategoryList .item { margin: 0 20rpx 20rpx 0; width: calc((100% - 40rpx)/3); height: 100rpx; border-radius: 10rpx; } .contentC .stockCategoryList .item .num { font-size: 36rpx; font-weight: bold; } .contentC .stockCategoryList .item .title { font-size: 24rpx; font-weight: 500; } .contentC .stockCategoryList .item:nth-child(3n) { margin-right: 0; } .contentC .stockList { padding: 22rpx 25rpx 30rpx; border-bottom: solid 1rpx #E4E4E4; } .contentC .stockList .item .title { font-size: 30rpx; font-weight: bold; color: #222; } .contentC .stockList .item .correlation { background-color: #F973161A; padding: 0 13rpx; line-height: 40rpx; border-radius: 5rpx; font-size: 24rpx; font-weight: 500; color: #F97316; } .contentC .stockList .item .category { display: inline-block; padding: 0 10rpx; line-height: 28rpx; border: solid 1rpx #F6604A; font-size: 20rpx; font-weight: 500; color: #F6604A; border-radius: 5rpx; } .contentC .stockList .item .content { margin-top: 18rpx; font-size: 24rpx; font-weight: 500; color: #666; line-height: 1.2rem; }