/* 三角形 */
.triangle-top {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid #999;
}
.triangle-bottom {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #999;
}
/* 箭头 */
.arrow-bottom {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border: 0 solid #cecece;
  border-width: 2px 2px 0 0;
  border-radius: 1px;
  transform: translate(5px, -2px) rotate(135deg);
}
.arrow-top {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border: 0 solid #cecece;
  border-width: 2px 2px 0 0;
  border-radius: 1px;
  transform: translate(5px, 0) rotate(-45deg);
}
.arrow-select {
  border-color: #0188ff;
}
/* 竖条 */
.side-vertical {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 4px;
  height: 18px;
  background: #0188ff;
  border-radius: 0 4px 4px 0;
}