.lg-slider-custom {
  /** 滑动区域 */
  .rc-slider-rail {
    height: 8px;
    box-shadow: inset 0 1px 2px 0 #e8e8e8;
    background-color: #f8f8f8;
  }

  /** 滑动按钮 */
  .rc-slider-track {
    height: 8px;
    background-color: #0083ff;
    border-radius: 4px;
  }

  .rc-slider-handle {
    width: 16px;
    height: 16px;
    border: 1px solid #0083ff;
    border-radius: 50%;
    background-color: #fff;
    &:active {
      box-shadow: none;
      border-width: 4px;
      border-color: #185fd8;
    }
  }

  /** 步长 */
  // .rc-slider-step {
  //   width: 100%;
  //   height: 8px;
  //   // border-radius: 4px;
  //   box-shadow: inset 0 1px 2px 0 #E8E8E8;
  //   background-color: #f8f8f8;
  //   position: relative;
  // }
  .rc-slider-dot {
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 4px;
    transform: translateX(-5px);
    bottom: -4px;
    margin-left: 0px;
  }
}
/** 覆盖禁用 */
.rc-slider-disabled.rc-slider-disabled {
  background: none;
  .rc-slider-handle.rc-slider-handle {
    &:active {
      border-width: 1px;
      box-shadow: none;
      background-color: #fff;
      cursor: not-allowed;
      border-color: #ccc;
    }
  }
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #185fd8;
  box-shadow: none;
}

.lg-range-text {
  margin-left: -20px;
}