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;

    color: #4E4E4E;
}

.message {
    margin-top: 10rpx;
    font-size: 28rpx;

    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;

    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;

    color: #999999;
}

.value {
    font-size: 28rpx;

    color: #333333;
}

#myVideo {
    width: 100%;
}