.topBg { top: 0; left: 0; width: 100%; height: auto; } .tabC { background-color: white; left: 0; right: 0; margin-top: 10rpx; border-bottom: solid 1rpx #E4E4E4; border-radius: 20rpx 20rpx 0 0; } .tabC .item { line-height: 74rpx; font-size: 28rpx; font-weight: 500; color: #42485B; text-align: center; } .tabC .item.select { font-weight: bold; color: #F97316; } .tabC .item.select .line { background-color: #F97316; left: calc((100% - 50rpx)/2); width: 50rpx; height: 2rpx; bottom: 0; } .list { background-color: white; left: 0; right: 0; bottom: 0; overflow-y: scroll; } .list .commentMeItem .replyContentC { padding: 40rpx 25rpx 0; } .list .commentMeItem .replyContentC .avatar { margin-right: 22rpx; width: 80rpx; height: 80rpx; border-radius: 50%; } .list .commentMeItem .replyContentC .replyNickname { font-size: 28rpx; font-weight: bold; color: #111; } .list .commentMeItem .replyContentC .time { font-size: 26rpx; font-weight: 500; color: #aaa; } .list .commentMeItem .replyContentC .reply { width: 90rpx; height: 52rpx; line-height: 50rpx; border-radius: 26rpx; border: solid 1rpx #DDD; font-size: 24rpx; text-align: center; } .list .commentMeItem .replyContentC .content { margin-top: 20rpx; font-size: 24rpx; font-weight: 500; color: #444; } .list .commentMeItem .replyContentC .content .originNickname { color: #F97316; } .list .commentMeItem .originalTextC { background-color: #F7F7F7; margin-top: 20rpx; padding: 20rpx 25rpx 25rpx; } .list .commentMeItem .originalTextC .originReply { font-size: 24rpx; font-weight: 500; color: #444; } .list .commentMeItem .originalTextC .originReply .originNickname { color: #F97316; } .list .commentMeItem .originalTextC .originEventC { background-color: white; margin-top: 20rpx; padding: 34rpx 16rpx; } .list .commentMeItem .originalTextC .originEventC .levelTitleC { font-size: 30rpx; font-weight: bold; } .list .commentMeItem .originalTextC .originEventC .levelTitleC .level { background-color: #FEC44F; margin-right: 17rpx; width: 50rpx; height: 40rpx; border-radius: 10rpx; font-size: 30rpx; font-weight: bold; color: white; text-align: center; } .list .commentMeItem .originalTextC .originEventC .levelTitleC .title { color: #222; } .list .commentMeItem .originalTextC .originEventC .eventContent { margin-top: 20rpx; font-size: 24rpx; font-weight: 500; color: #666; } .list .myCommentItem .replyContentC { padding: 40rpx 25rpx 0; } .list .myCommentItem .replyContentC .avatar { margin-right: 22rpx; width: 80rpx; height: 80rpx; border-radius: 50%; } .list .myCommentItem .replyContentC .nickname { font-size: 28rpx; font-weight: bold; color: #111; } .list .myCommentItem .replyContentC .time { font-size: 26rpx; font-weight: 500; color: #aaa; } .list .myCommentItem .replyContentC .content { margin-top: 20rpx; font-size: 24rpx; font-weight: 500; color: #444; } .list .myCommentItem .originEventC { background-color: #F7F7F7; margin-top: 20rpx; padding: 20rpx 40rpx; } .list .myCommentItem .originEventC .levelTitleC { font-size: 30rpx; font-weight: bold; } .list .myCommentItem .originEventC .levelTitleC .level { background-color: #FEC44F; margin-right: 17rpx; width: 50rpx; height: 40rpx; border-radius: 10rpx; font-size: 30rpx; font-weight: bold; color: white; text-align: center; } .list .myCommentItem .originEventC .levelTitleC .title { color: #222; } .list .myCommentItem .originEventC .eventContent { margin-top: 20rpx; font-size: 24rpx; font-weight: 500; color: #666; }