.topBg { top: 0; left: 0; width: 100%; height: auto; } .list { background-color: white; left: 0; right: 0; bottom: 0; padding: 0 25rpx; overflow-y: scroll; } .list .item { padding: 30rpx 0; border-bottom: solid 1rpx #E4E4E4; } .list .item .level { margin-right: 16rpx; width: 50rpx; line-height: 40rpx; border-radius: 10rpx; font-size: 30rpx; font-weight: bold; color: white; text-align: center; } .list .item .level.S { background-color: #CC4C02; } .list .item .level.A { background-color: #EC7014; } .list .item .level.B { background-color: #FB9A29; } .list .item .level.C { background-color: #FEC44F; } .list .item .title { font-size: 30rpx; font-weight: bold; color: #222; } .list .item .content { margin-top: 20rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; font-size: 24rpx; font-weight: 500; color: #666; } .list .item .increaseRateList { white-space: nowrap; margin-top: 24rpx; } .list .item .increaseRateList .rateItem { display: inline-block; margin-right: 15rpx; line-height: 44rpx; padding: 0 14rpx; border-radius: 10rpx; font-size: 22rpx; font-weight: bold; color: white; } .list .item .increaseRateList .rateItem .arrow { width: 15rpx; height: auto; } .list .item .increaseRateList .rateItem.up { background-color: #C00000; } .list .item .increaseRateList .rateItem.down { background-color: #355422; } .list .item .stockList { white-space: nowrap; margin-top: 20rpx; } .list .item .stockList .stockItem { background-color: #F8F8F8; margin-right: 21rpx; display: inline-block; padding: 0 20rpx; line-height: 60rpx; border-radius: 10rpx; font-size: 30rpx; font-weight: bold; color: #222; } .list .item .stockList .stockItem .change { color: #F97316; } .list .item .timeToolBarC { margin-top: 20rpx; } .list .item .timeToolBarC .time { font-size: 22rpx; font-weight: 500; color: #aaa; } .list .item .timeToolBarC .toolBarC .toolItem { padding: 0 20rpx; font-size: 26rpx; font-weight: bold; color: #666; } .list .item .timeToolBarC .toolBarC .toolItem .icon { margin-right: 13rpx; width: 29rpx; height: auto; } .list .item .timeToolBarC .toolBarC .toolItem:first-child .icon { margin-right: 15rpx; width: 33rpx; height: auto; }