page{
    background: #f4f5f9;
    padding: 30rpx;
    box-sizing: border-box;
}

.list {
    background-color: #FFFFFF;
    border-radius: 10rpx;
    margin-bottom: 30rpx;
    position: relative;
}

.unread {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e44a3f;
    border-radius: 0 10rpx 0 10rpx;
    font-size: 22rpx;
    color: #FFFFFF;
    padding: 0 15rpx;
    line-height: 44rpx;
}

.list-top {
    display: flex;
    font-size: 26rpx;
    line-height: 44rpx;
    padding: 20rpx 25rpx;
    box-sizing: border-box;
}

.list-top image {
    width: 44rpx;
    height: 44rpx;
    margin-right: 20rpx;
}

.list-cont {
    padding: 20rpx 25rpx;
    box-sizing: border-box;
    border-bottom: 2rpx solid rgb(243, 243, 243);
    border-top: 2rpx solid rgb(243, 243, 243);
}

.list-label {
    margin-top: 20rpx;
}

.list-name {
    font-size: 30rpx;
}

.list-text {
    display: flex;
    font-size: 26rpx;
    line-height: 60rpx;
}

.list-text text {
    color: #999;
    display: inline-block;
    width: 90rpx;
}

.list-time {
    width: calc(100% - 90rpx);
}

.list-more {
    display: flex;
    font-size: 26rpx;
    padding: 0 25rpx;
    box-sizing: border-box;
    line-height: 70rpx;
}

.list-more text {
    flex: 1;
    display: inline-block;
}

.list-more image {
    width: 24rpx;
    height: 24rpx;
    margin-top: 22rpx;
}