.titaui-switch {
  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;
}

.titaui-switch-label {
  vertical-align: bottom;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #3F4755;
  line-height: 22px;
}

.titaui-switch .tui-switch-checked {
  border: 1px solid #2879FF;
  background-color: #2879FF;
}

.titaui-switch .tui-switch:focus {
  box-shadow: unset !important;
}

.titaui-switch .tui-switch-checked:after {
  left: 20px;
}

.titaui-switch .tui-switch {
  width: 32px;
  height: 16px;
  border: 1px solid #BFC7D5;
  background-color: #BFC7D5;
}

.titaui-switch .tui-switch:after {
  box-shadow: none;
  left: 1px;
}

.titaui-switch .tui-switch.tui-switch-checked {
  border: 1px solid #2879FF;
  background-color: #2879FF;
}

.titaui-switch .tui-switch.tui-switch-checked:after {
  left: 17px;
}

.titaui-switch .tui-switch:after {
  width: 12px;
  height: 12px;
}
