.el-radio-wrap {
  margin-right: 40px;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  user-select: none;
  line-height: 18px;
  white-space: nowrap;

  &:hover {
    .el-radio {
      border: 1px solid $--color-c8;
    }
    .el-radio-label {
      color: $--color-c8;
    }
  }

  input {
    display: none;
  }

  .el-radio {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid $--color-c3;
    border-radius: $--border-radius-base;
    position: relative;
    margin-right: 0px;
    vertical-align: middle;
    background-color: $--color-c6;
    box-sizing: border-box;
    cursor: pointer;

    // 选中样式
    &.focus-border,
    &.is-indeterminate {
      background-color: $--color-c8;
      border: 1px solid $--color-c8;

      &.checkbox-disabled {
        background-color: $--color-c3 !important;
      }
      &.radio-disabled{
         background-color: $--color-c6 !important;
        /deep/ .inner-circle{
          background-color: $--color-c3;
        }
      }
    }

    // 禁用
    &.radio-disabled, &.checkbox-disabled {
      border: 1px solid $--color-c3;
      background-color: $--color-c4 !important;
      cursor: no-drop;
    }

    &-inner {
      color: $--color-c6;
      position: absolute;
      right: 2px;
      top: 1px;
      font-size: $--font-m;
    }

    // 不确定状态样式
    &.is-indeterminate {
      background-color: $--color-c6;

      .el-radio-inner {
        top: 3px;
        right: 3px;
        width: 10px;
        height: 10px;
        border-radius: 2px;
        background-color: $--color-c8;
        display: block !important;

        &::before {
          content: "";
        }
      }
    }
  }

  .el-radio-label {
    user-select: none;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 6px;
    font-weight: normal;
    @include removeSpace($--font-xs);
    @include ellip;

    &.focus-label {
      font-weight: 600;
      color: $--color-c7;
    }

    &.label-disabled {
      cursor: no-drop;
      color: #666;
      font-weight: normal;
    }
  }

  .el-radio {
    &.circle-warp {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background-color: $--color-c6;
    }

    &.focus-border.circle-warp {
      border-width: 2px;
    }

    .inner-circle {
      background-color: $--color-c8;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
    }
  }
}