.messagelist {
  display: flex;
  flex-direction: row;
  width: 678rpx;
  height: 100rpx;
  margin: 0 auto;
  margin-top: 35rpx;
  border-radius: 3%;
  border: 1rpx solid #22d0d7;
  background-color: #dbfcfa;
}

.messagelist2 {
  display: flex;
  flex-direction: row;
  width: 678rpx;
  height: 100rpx;
  margin: 0 auto;
  margin-top: 35rpx;
  border-radius: 3%;
  border: 1rpx solid #fd7bb2;
  background-color: #ffe6f3;
}

.listleft {

  width: 12rpx;
  height: 123;
  margin: 23rpx 10rpx;
}

.listleft image {

  width: 192rpx;
  height: 123rpx;
}

.listright {
  width: 600rpx;
  height: 123rpx;
  margin: 23rpx 20rpx;
}

.listrightup {
  width: 600rpx;
  overflow: hidden;
  height: 50rpx;
  line-height: 50rpx;
}

.listrightup text {
  width: 600rpx;
  overflow: hidden;
  font-size: 30rpx;
  font-weight: 600;
}

.listrightdown text {
  width: 600rpx;
  overflow: hidden;
  font-size: 26rpx;
}