/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/*@iconfont-css-prefix    : iconfont;*/
/*@button-padding-sm: 3px @padding-xs - 1px;*/
/*@button-group-border: @primary-5;*/
/*@label-height: 24px;
@label-line-height: 24px;*/
/*@vgmenu-item-highlight-color: #fff;*/
/*.button-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);
  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  span + .@{btnClassName},
  .@{btnClassName} + span,
  > span + span,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }
  .@{btnClassName}-primary + .@{btnClassName}:not(.@{btnClassName}-primary):not([disabled]) {
    border-left-color: transparent;
  }
  .@{btnClassName} {
    border-radius: 0;
  }
  > .@{btnClassName}:first-child,
  > span:first-child > .@{btnClassName} {
    margin-left: 0;
  }
  > .@{btnClassName}:only-child {
    border-radius: @button-border-radius-base;
  }
  > span:only-child > .@{btnClassName} {
    border-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:first-child:not(:last-child),
  > span:first-child:not(:last-child) > .@{btnClassName} {
    border-top-left-radius: @button-border-radius-base;
    border-bottom-left-radius: @button-border-radius-base;
  }
  > .@{btnClassName}:last-child:not(:first-child),
  > span:last-child:not(:first-child) > .@{btnClassName} {
    border-top-right-radius: @button-border-radius-base;
    border-bottom-right-radius: @button-border-radius-base;
  }
  &-small {
    > .@{btnClassName}:only-child {
      border-radius: @button-border-radius-sm;
    }
    > span:only-child > .@{btnClassName} {
      border-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:first-child:not(:last-child),
    > span:first-child:not(:last-child) > .@{btnClassName} {
      border-top-left-radius: @button-border-radius-sm;
      border-bottom-left-radius: @button-border-radius-sm;
    }
    > .@{btnClassName}:last-child:not(:first-child),
    > span:last-child:not(:first-child) > .@{btnClassName} {
      border-top-right-radius: @button-border-radius-sm;
      border-bottom-right-radius: @button-border-radius-sm;
    }
  }
  & > & {
    float: left;
  }
  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }
  & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      padding-right: 8px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}*/
.l-button {
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  touch-action: manipulation;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 400;
  border: 1px solid #D9D9D9;
  padding: 8px 16px 7px;
  font-size: 12px;
  border-radius: 4px;
  height: 28px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  /*&:not(&-disabled):hover {
        text-decoration: none;
    }

    &:not(&-disabled):active {
        outline: 0;
        transition: none;
    }*/
  color: #3A4E64;
  background-color: #fff;
  border-color: #D9D9D9;
}
.l-button,
.l-button:active,
.l-button:focus {
  outline: 0;
}
.l-button-disabled {
  cursor: not-allowed;
}
.l-button-disabled > * {
  pointer-events: none;
}
.l-button-large {
  padding: 8px 16px 7px;
  font-size: 16px;
  border-radius: 4px;
  height: 32px;
}
.l-button-small {
  padding: 3px 16px;
  font-size: 12px;
  border-radius: 4px;
  height: 24px;
}
.l-button:hover,
.l-button:focus {
  color: #75aaff;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button:active,
.l-button.active {
  color: #3363cc;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button:hover,
.l-button:focus,
.l-button:active,
.l-button.active {
  color: #40a9ff;
  background: #fff;
  text-decoration: none;
}
.l-button-dashed {
  color: #3A4E64;
  background-color: #fff;
  border-color: #D9D9D9;
  border-style: dashed;
}
.l-button-dashed:hover,
.l-button-dashed:focus {
  color: #75aaff;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button-dashed:active,
.l-button-dashed.active {
  color: #3363cc;
  background-color: #fff;
  border-color: #40a9ff;
}
.l-button-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  /*&:hover{
            border:1px solid blue;
        }*/
}
.l-button-danger:hover,
.l-button-danger:focus {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-danger:active,
.l-button-danger.active {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-group .l-button-danger:not(:first-child):not(:last-child),
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-danger {
  border-right-color: #00000020;
  border-left-color: #00000020;
  /*&:disabled {
            border-color: @button-default-border;
        }*/
}
.l-button-group .l-button-danger:not(:first-child):not(:last-child).l-button-disabled,
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-danger.l-button-disabled {
  border-color: #D9D9D9;
}
.l-button-group .l-button-danger:first-child:not(:last-child),
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-danger {
  border-right-color: #00000020;
  /*&:not(:last-child),*/
  /*.@{panelli}:not(:last-child) > & {
            border-right-color: @button-group-border;


        }*/
}
.l-button-group .l-button-danger:first-child:not(:last-child).l-button-disabled,
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-danger.l-button-disabled {
  border-right-color: #D9D9D9;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-danger,
.l-button-group .l-button-danger:last-child:not(:first-child),
.l-button-group .l-button-danger + .l-button-danger,
.l-button-danger .l-button-group .panel-li + .panel-li {
  border-left-color: #00000020;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-danger.l-button-disabled,
.l-button-group .l-button-danger:last-child:not(:first-child).l-button-disabled,
.l-button-group .l-button-danger + .l-button-danger.l-button-disabled,
.l-button-danger .l-button-group .panel-li + .panel-li.l-button-disabled {
  border-left-color: #D9D9D9;
}
.l-button-link {
  color: #4884F2;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.l-button-link:hover,
.l-button-link:focus {
  color: #75aaff;
  background-color: transparent;
  border-color: #40a9ff;
}
.l-button-link:active,
.l-button-link.active {
  color: #3363cc;
  background-color: transparent;
  border-color: #40a9ff;
}
.l-button-link:hover,
.l-button-link:focus,
.l-button-link:active {
  border-color: transparent;
}
.l-button-primary {
  color: #fff;
  background-color: #4884F2;
  border-color: #4884F2;
  /*&:hover{
            border:1px solid red;
        }*/
  /*.@{button}-group &:not(:first-child):not(:last-child),
        .@{button}-group .@{panelli}:not(:first-child):not(:last-child) > &
        {
            border-right-color: @button-group-border;
            border-left-color: @button-group-border;

            &:disabled {
                border-color: @button-default-border;
            }
        }

        .@{button}-group &:first-child,
        .@{button}-group .@{panelli}:first-child > & {
            &:not(:last-child),
            .@{panelli}:not(:last-child) > & {
                border-right-color: @button-group-border;

                &[disabled] {
                    border-right-color: @button-default-border;
                }
            }
        }

        .@{button}-group .@{panelli}:last-child:not(:first-child) > &,
        .@{button}-group &:last-child:not(:first-child),
        .@{button}-group & + &,
        .@{button}-group .@{panelli} + .@{panelli} {
            border-left-color: @button-group-border;

            &[disabled] {
                border-left-color: @button-default-border;
            }
        }*/
}
.l-button-primary:hover,
.l-button-primary:focus {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-primary:active,
.l-button-primary.active {
  color: #fff;
  background-color: #669CFF;
  border-color: #669CFF;
}
.l-button-group .l-button-primary:not(:first-child):not(:last-child),
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-primary {
  border-right-color: #00000020;
  border-left-color: #00000020;
  /*&:disabled {
            border-color: @button-default-border;
        }*/
}
.l-button-group .l-button-primary:not(:first-child):not(:last-child).l-button-disabled,
.l-button-group .panel-li:not(:first-child):not(:last-child) > .l-button-primary.l-button-disabled {
  border-color: #D9D9D9;
}
.l-button-group .l-button-primary:first-child:not(:last-child),
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-primary {
  border-right-color: #00000020;
  /*&:not(:last-child),*/
  /*.@{panelli}:not(:last-child) > & {
            border-right-color: @button-group-border;


        }*/
}
.l-button-group .l-button-primary:first-child:not(:last-child).l-button-disabled,
.l-button-group .panel-li:first-child:not(:last-child) > .l-button-primary.l-button-disabled {
  border-right-color: #D9D9D9;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-primary,
.l-button-group .l-button-primary:last-child:not(:first-child),
.l-button-group .l-button-primary + .l-button-primary,
.l-button-primary .l-button-group .panel-li + .panel-li {
  border-left-color: #00000020;
}
.l-button-group .panel-li:last-child:not(:first-child) > .l-button-primary.l-button-disabled,
.l-button-group .l-button-primary:last-child:not(:first-child).l-button-disabled,
.l-button-group .l-button-primary + .l-button-primary.l-button-disabled,
.l-button-primary .l-button-group .panel-li + .panel-li.l-button-disabled {
  border-left-color: #D9D9D9;
}
.l-button-circle {
  width: 28px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%;
  height: 28px;
}
.l-button-circle.l-button-large {
  width: 32px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%;
  height: 32px;
}
.l-button-circle.l-button-small {
  width: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%;
  height: 24px;
}
.l-button-round {
  padding: 0 14px;
  font-size: 16px;
  border-radius: 28px;
  height: 28px;
}
.l-button-round.l-button-large {
  padding: 0 16px;
  font-size: 18px;
  border-radius: 32px;
  height: 32px;
}
.l-button-round.l-button-small {
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
  height: 24px;
}
.l-button-group {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}
.l-button-group > .panel-li:not(:last-child) {
  display: inline-block;
  margin: 0 !important;
}
.l-button-group > .l-button,
.l-button-group > span > .l-button,
.l-button-group > .panel-li > .l-button {
  position: relative;
}
.l-button-group > .l-button:hover,
.l-button-group > span > .l-button:hover,
.l-button-group > .panel-li > .l-button:hover,
.l-button-group > .l-button:focus,
.l-button-group > span > .l-button:focus,
.l-button-group > .panel-li > .l-button:focus,
.l-button-group > .l-button:active,
.l-button-group > span > .l-button:active,
.l-button-group > .panel-li > .l-button:active,
.l-button-group > .l-button.active,
.l-button-group > span > .l-button.active,
.l-button-group > .panel-li > .l-button.active {
  z-index: 2;
}
.l-button-group > .l-button:disabled,
.l-button-group > span > .l-button:disabled,
.l-button-group > .panel-li > .l-button:disabled {
  z-index: 0;
}
.l-button-group-large > .l-button,
.l-button-group-large > span > .l-button {
  padding: 8px 16px 7px;
  font-size: 16px;
  border-radius: 0;
  height: 32px;
  line-height: 30px;
}
.l-button-group-small > .l-button,
.l-button-group-small > span > .l-button {
  padding: 3px 16px;
  font-size: 14px;
  border-radius: 0;
  height: 24px;
  line-height: 22px;
}
.l-button-group-small > .l-button > .anticon,
.l-button-group-small > span > .l-button > .anticon {
  font-size: 14px;
}
.l-button-group .l-button + .l-button,
.l-button + .l-button-group,
.l-button-group span + .l-button,
.l-button-group .l-button + span,
.l-button-group > span + span,
.l-button-group > .panel-li + .panel-li,
.l-button-group + .l-button,
.l-button-group + .l-button-group {
  margin-left: -1px !important;
}
.l-button-group .l-button-primary + .l-button:not(.l-button-primary):not([disabled]) {
  border-left-color: transparent;
}
.l-button-group .l-button {
  border-radius: 0;
}
.l-button-group > .l-button:first-child,
.l-button-group > span:first-child > .l-button,
.l-button-group > .panel-li:first-child > .l-button {
  margin-left: 0;
}
.l-button-group > .l-button:only-child {
  border-radius: 4px;
}
.l-button-group > span:only-child > .l-button,
.l-button-group > .panel-li:only-child > .l-button {
  border-radius: 4px;
}
.l-button-group > .l-button:first-child:not(:last-child),
.l-button-group > span:first-child:not(:last-child) > .l-button,
.l-button-group > .panel-li:first-child:not(:last-child) > .l-button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.l-button-group > .l-button:last-child:not(:first-child),
.l-button-group > span:last-child:not(:first-child) > .l-button,
.l-button-group > .panel-li:last-child:not(:first-child) > .l-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.l-button-group-small > .l-button:only-child {
  border-radius: 4px;
}
.l-button-group-small > span:only-child > .l-button {
  border-radius: 4px;
}
.l-button-group-small > .l-button:first-child:not(:last-child),
.l-button-group-small > span:first-child:not(:last-child) > .l-button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.l-button-group-small > .l-button:last-child:not(:first-child),
.l-button-group-small > span:last-child:not(:first-child) > .l-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.l-button-group > .l-button-group {
  float: left;
}
.l-button-group > .l-button-group:not(:first-child):not(:last-child) > .l-button {
  border-radius: 0;
}
.l-button-group > .l-button-group:first-child:not(:last-child) > .l-button:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.l-button-group > .l-button-group:last-child:not(:first-child) > .l-button:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.l-button-disabled,
.l-button-disabled:hover,
.l-button-disabled:focus,
.l-button-disabled:active,
.l-button-disabled.active {
  color: #CCCED3;
  background-color: #EFEFEF;
  border-color: #E2E2E2;
  text-shadow: none;
  box-shadow: none;
}
.l-button-link.l-button-disabled,
.l-button-link.l-button-disabled:hover,
.l-button-link.l-button-disabled:focus,
.l-button-link.l-button-disabled:active,
.l-button-link.l-button-disabled.active {
  color: #CCCED3;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.l-button-img {
  display: inline-block;
  text-align: center;
  background-repeat: no-repeat;
  width: 16px;
  /*默认图标的宽高, 不同可更改*/
  height: 16px;
}
.l-button-loading {
  opacity: 0.35;
  pointer-events: none;
}
.l-button-before-icon,
.l-button-after-icon {
  display: none;
}
.l-button-span-top {
  margin-top: 4px;
}
.l-button-span-bottom {
  margin-bottom: 4px;
}
.l-button-span-right {
  margin-right: 4px;
}
.l-button-span-left {
  margin-left: 4px;
}