.keyFactorsList .item .fitem .impact { border-radius: 5rpx; padding: 0 10rpx; font-size: 20rpx; font-weight: 500; color: white; } .keyFactorsList .item .fitem .impact.negative { background-color: #345423; } .keyFactorsList .item .fitem .impact.neutral { background-color: #345423; } .keyFactorsList .item .fitem .impact.positive { background-color: #EC3440; } .keyFactorsList .item .fitem .valueChgC .value { font-size: 30rpx; font-weight: bold; margin-right: 10rpx; } .keyFactorsList .item .fitem .valueChgC .value.negative { color: #345423; } .keyFactorsList .item .fitem .valueChgC .value.neutral { color: #345423; } .keyFactorsList .item .fitem .valueChgC .value.positive { color: #EC3440; } .keyFactorsList .item .fitem .valueChgC .chgC { padding: 0 10rpx; border-radius: 5rpx; font-size: 20rpx; } .keyFactorsList .item .fitem .valueChgC .chgC .icon { margin-right: 5rpx; width: 11rpx; height: auto; } .keyFactorsList .item .fitem .valueChgC .chgC.down { border: 1rpx solid #345423; color: #345423; } .keyFactorsList .item .fitem .valueChgC .chgC.up { border: 1rpx solid #EC3440; color: #EC3440; } .timelineList .item { display: flex; margin: 20rpx 0; border-radius: 10rpx; } .timelineList .item .impactC .icon { width: 30rpx; height: auto; } .timelineList .item .impactC .line { margin: 10rpx 0 -30rpx; width: 1rpx; } .timelineList .item .impactC .line.up { border-left: 1rpx dashed #EC3440; } .timelineList .item .impactC .line.down { border-left: 1rpx dashed #345423; } .timelineList .item .titleTypeC .title { margin-right: 10rpx; font-size: 24rpx; font-weight: bold; color: #2A2A2A; } .timelineList .item .titleTypeC .eventType { padding: 5rpx 10rpx; border-radius: 5rpx; font-size: 20rpx; font-weight: 500; } .timelineList .item .titleTypeC .eventType.up { background-color: #FFE7E9; color: #EC3440; } .timelineList .item .titleTypeC .eventType.down { background-color: #DEEED6; color: #345423; } .timelineList .item .progressBgC { background-color: #EFEFEF; margin: 0 15rpx; width: 200rpx; height: 10rpx; border-radius: 5rpx; overflow: hidden; } .timelineList .item .progressBgC .progress { height: 100%; border-radius: 5rpx; } .timelineList .item .progressBgC .progress.up { background: linear-gradient(to right, #FF525D, #EC3440); } .timelineList .item .progressBgC .progress.down { background: linear-gradient(to right, #537D3D, #345423); }