page { background: #fff; } .content { padding: 20rpx 45rpx 110rpx; background: #fff; } .user-info { display: flex; } .user-avater { width: 70rpx; height: 70rpx; } .user-des { margin-left: 25rpx; display: flex; flex-direction: column; justify-content: center; } .user-name { font-size: 28rpx; font-weight: 400; color: #4E4E4E; } .message { margin-top: 10rpx; font-size: 28rpx; font-weight: 400; color: #414141; line-height: 42rpx; word-break: break-all; } .res { margin-top: 21rpx; } .time { margin-top: 20rpx; display: flex; justify-content: space-between; align-items: center; } .time-text { font-size: 23rpx; font-weight: 400; color: #7E7E7E; } .other-info { margin: 20rpx 0; display: flex; flex-flow: wrap; } .info { display: flex; width: 320rpx; padding: 25rpx 0; border-bottom: 1rpx solid #D3D7DE; flex-grow: 1; } .key { font-size: 28rpx; font-weight: 400; color: #999999; } .value { font-size: 28rpx; font-weight: 400; color: #333333; } #myVideo { width: 100%; }