/*项目中可能用到的变量，按设计稿规范录入*/
.message-wrapper[data-v-364f0216] {
  margin: 0 auto;
  width: 900px;
}
.message-wrapper .message-list-wrap[data-v-364f0216] {
  width: 900px;
}
.message-wrapper .message-list-wrap .title[data-v-364f0216] {
  width: 900px;
  color: #14151d;
}
.message-wrapper .message-list-wrap .message-content .list-area .list[data-v-364f0216] {
  margin: 12px 0;
  padding: 16px;
  background: #fff;
  border-radius: 12px;
}
.message-wrapper .message-list-wrap .message-content .list-area .list .title-wrap .title-area .label[data-v-364f0216] {
  line-height: 24px;
}
.message-wrapper .message-list-wrap .message-content .list-area .list .title-wrap .title-area .spot[data-v-364f0216] {
  width: 16px;
  color: #fa2c19;
}
.message-wrapper .message-list-wrap .message-content .list-area .list .title-wrap .time[data-v-364f0216] {
  color: #919198;
}
.message-wrapper .message-list-wrap .message-content .list-area .list .text[data-v-364f0216] {
  color: #919198;
}
.message-wrapper .message-list-wrap .message-content .list-area .list:hover .title-wrap[data-v-364f0216] {
  color: #fa2c19;
}
.message-wrapper .message-list-wrap .no-content[data-v-364f0216] {
  width: 900px;
  height: 500px;
  background: #ffffff;
  color: #919198;
  border-radius: 12px;
}