.text-add {
  background-color: rgba(4, 243, 215, 0.5);
}

.text-delete {
  color: red;
  font-weight: bold;
  text-decoration: line-through;
}

.text-update {
  background-color: rgb(252, 181, 3);
}

.text-exchange-before {
  border-top: 2px solid #67c23a;
  cursor: pointer;
  position: relative;
}

.text-exchange-after {
  border-bottom: 2px solid #67c23a;
  border-left: 2px solid #67c23a;
  cursor: pointer;
  position: relative;
}

.text-move-before {
  background: rgb(120, 193, 241);
  text-decoration: line-through solid;
  cursor: pointer;
  position: relative;
}

.text-move-after {
  background: rgb(120, 193, 241);
  cursor: pointer;
  position: relative;
}

.text-add:hover:after,
.text-delete:hover:after,
.text-update:hover:after,
.text-exchange-before:hover:after,
.text-exchange-after:hover:after,
.text-move-before:hover:after,
.text-move-after:hover:after {
  position: absolute;
  left: 0px;
  top: 20px;
  padding: 3px 5px;
  font-size: 13px;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  color: #2c3e50;
  /*这里显示的内容为title属性对应的值*/
  content: attr(data-title);
  z-index: 10;
  background: #fff;
  min-width: 66px;
}