.tiding{
  display: flex;
  padding: 12px;
  background: white;
}
.avatar{
  border-radius: 50px;
  width: 50px;
  height: 50px;
  background: #eee;
}
.tiding-info{
  margin-left: 12px;
  flex: 1 1 1px;
  width: 1px;
}
.name{
  color: dimgray;
  font-size: 14px;
}
.todo-tip{
  border-radius: 5px;
  padding: 3px;
  border: #DD1717 1px solid;
  color: #DD1717;
  font-size: 10px;
  margin-left: 8px;
  white-space: nowrap;
}
.todo-tip.finish{
  border-color: #29BD8B;
  color: #29BD8B;
}
.content{
  margin: 8px 0;
}
.blue-dot{
  display: inline-block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #0080f0;
}