.message_box {
  background: #ededed;
}

// 页面头部样式开始
.message_box .message_box_head {
  display: flex;
  justify-content: end;
  background: #fff;
}

// 返回图标
.message_box .head_div {
  margin: .23rem 0 0 .2rem;
}

.message_box .head_div_img {
  width: .6rem;
  height: .6rem;
}

// 标题
.message_box .head_title {
  margin: .15rem auto;
}

.message_box .head_title_text {
  font-size: 25px;
  font-weight: 500;
}

// 添加
.head_add {
    margin: .3rem .5rem 0 0;
  }
  .add_img {
    width: .65rem;
    height: .65rem;
  }


  //列表
  .message_box_ul {
      margin: .2rem 0 0 0;
    //   border: 1px solid #000;
  }
  .message_box_li {
    width: 90%;
    height: 1.7rem;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: .1rem 0 .2rem .45rem;
    background: #fff;
  }

  //用户
  .message_box_data_box {
      display: flex;
      justify-content: space-between;
      margin: .15rem 0 0 0;
  }

  //user
  .message_box_data_user {
      margin: .05rem 0 0 .5rem;
      font-size: 15px;
      text-align: left;
      color: #9a9a9a;
  }
  //内容
  .message_box_data_text {
      font-size: 16px;
      text-align: left;
      margin: 0 0 0 -2rem;
      color: #000;
      font-weight: 500;
  }
  //未回复
  .message_box_data_meg {
      border: 1px solid #60d0a0;
      background: #60d0a0;
      color: #fff;
      font-size: 15px;
      width: 25%;
      margin: 0 .15rem 0 0;
      border-radius: 8px 0 0 8px;
  }
  //时间
  .message_box_time {
      margin: .15rem .15rem 0 0;
      text-align: right;
      font-size: 13px;
      color: #989898;
  }
  //线
  .message_box_wire {
      margin: .2rem 0 0 0;
      border-bottom: 1px solid rgb(240, 240, 240);
  }

  // 暂空处理
.message_box_judge {
  margin: 45% 0 0 0;
}

.message_box_judge_img {
  margin: 0 auto;
}

.message_box_judge_text {
  font-size: 25px;
  color: #bfbfbf;
  margin: .5rem 0 0 0;
  text-align: center;
}