page {
    background: #fff;
}

.message-card {
    display: flex;
    border-bottom: 1rpx solid #D3D7DE;
    margin-left: 36rpx;
    padding: 36rpx 16rpx 26rpx;
}

.avate-icon {
    height: 58rpx;
    padding: 6rpx;
    background: #FFFFFF;
    border: 1rpx solid #E5E5E5;
    border-radius: 50%;
}

.message-info {
    margin-left: 33rpx;
}

.message-name {
    font-size: 27rpx;
    font-weight: 400;
    color: #333333;
}

.message-tip {
    color: #0084FF;
    margin-left: 10rpx;
}

.message-des {
    margin-top: 15rpx;
    font-size: 31rpx;
    font-weight: 400;
    color: #333333;
}

.message-time {
    margin-top: 5rpx;
    font-size: 23rpx;
    font-weight: 400;
    color: #999999;
}