.x-buttonGroup {
  display: inline-flex;
  height: 0.24rem;
  line-height: 0.24rem;
  border-radius: 4px;
  box-sizing: border-box;
}

.x-buttonGroup-li {
  box-sizing: content-box;
  cursor: pointer;
  padding: 0 0.2rem;
  border: 1px solid #D9D9D9;
  border-right: 0px;
}

.x-buttonGroup-li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.x-buttonGroup-li:last-child {
  border-right: 1px solid #D9D9D9;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.x-buttonGroup-li-active {
  border: 1px solid #5B86FD !important;
}

.x-buttonGroup-li-active + li {
  border-left: 0px;
}