.like .notes { display: flex; align-items: flex-start; justify-content: space-between; padding: 20rpx 40rpx; border-bottom: 1px solid #D8D8D8; } .like .notes .avatar { width: 80rpx; height: 80rpx; border-radius: 50%; } .like .notes .body { flex: 1; margin-left: 24rpx; } .like .notes .body .nickName { font-size: 30rpx; } .like .notes .body .date { margin-top: 6rpx; font-size: 24rpx; } .like .notes .cover { width: 134rpx; height: 74rpx; border-radius: 10rpx; } .like .notes .audioCover { position: relative; width: 230rpx; height: 128rpx; display: flex; align-items: center; justify-content: center; border-radius: 8rpx; overflow: hidden; background-size: cover; background-position: center; } .like .notes .audioCover .audioPlayBg { width: 100rpx; height: 100rpx; } .like .notes .audioCover .audioPlayZhen { position: absolute; right: 52rpx; top: 20rpx; width: 24rpx; height: 30rpx; } .like .notes .audioCover .cover { position: absolute; width: 84rpx; height: 84rpx; border-radius: 50%; }