.lh-button {
  cursor: pointer;
  font-weight: 400;
  & + .lh-button{
    margin-left: 8px;
  }
}
.lh-button-primary {
  font-size: 14px;
  height: 32px;
  //line-height: 32px; //button元素 好像浏览器默认就设置了其内容垂直居中，不需要设置line-heigt。如果设置了line-height反而会导致火狐下不能垂直居中
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  background-color: @color_theme6;
  color: white;
  border-radius: 2px;
  i {
    margin-top: 1px;
    line-height: 1;
    font-size:14px;
    &.prefix-icon {
      margin-right: 4px;
    }
    &.suffix-icon {
      margin-left: 4px;
    }
  }
  &:hover {
    background-color: @color_theme5;
  }
  &:active {
    background-color: @color_theme7;
  }
  &.disabled {
    background-color: @color_theme3;
    cursor: not-allowed;
  }
  &.big {
    font-size: 16px;
    height: 40px;
    padding-left: 24px;
    padding-right: 24px;
    i {
      font-size:16px;
      &.prefix-icon {
        margin-right: 8px;
      }
      &.suffix-icon {
        margin-left: 8px;
      }
    }
    &.has-icon {
      padding-left: 16px;//大尺寸平时的padding都是24px。但是如果有图标还显示24px的话会显得有点松。那么当有图标时则padding设置为16px
      padding-right: 16px;
    }
  }
  &.mini {
    font-size: 12px;
    height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    i {
      font-size:12px;
    }
  }
  &.lh-button-primary-type2 {
    background-color: @color_theme1;
    color:@color_theme6;
    &:hover {
      background-color: @color_theme2;
    }
    &:active {
      background-color: @color_theme3;
    }
    &.disabled {
      background-color: @color_theme1;
      color:white;
    }
  }
}
.lh-button-minor {
  padding-left: 15px;//为啥primary是16px。而minor却是15px呢。因为minor有border占了1px。你懂的
  padding-right: 15px;
  background-color: white;
  color: @color_b1;
  font-size: 14px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid @color_b5;
  i {
    margin-top: 1px;
    line-height: 1;
    font-size:14px;
    &.prefix-icon {
      margin-right: 4px;
    }
    &.suffix-icon {
      margin-left: 4px;
    }
  }
  &:hover {
    color:@color_theme5;
    border-color:@color_theme5;
  }
  &:active {
    color:@color_theme7;
    border-color:@color_theme7;
  }
  &.disabled {
    background-color: @color_b7;
    color:@color_b4;
    cursor: not-allowed;
    &:hover {
      color:@color_b4;
      border-color:@color_b5;
    }
  }
  &.big {
    font-size: 16px;
    height: 40px;
    padding-left: 23px;
    padding-right: 23px;
    i {
      font-size:16px;
      &.prefix-icon {
        margin-right: 7px;
      }
      &.suffix-icon {
        margin-left: 7px;
      }
    }
    &.has-icon {
      padding-left: 15px;//大尺寸平时的padding都是23px。但是如果有图标还显示23px的话会显得有点松。那么当有图标时则padding设置为15px
      padding-right: 15px;
    }
  }
  &.mini {
    font-size: 12px;
    height: 24px;
    padding-left: 7px;
    padding-right: 7px;
    i {
      font-size:12px;
    }
  }
  &.lh-button-minor-type2 {
    color:@color_theme6;
    border-color:@color_theme6;
    &:hover {
      color:@color_theme5;
      border-color:@color_theme5;
    }
    &:active {
      color:@color_theme7;
      border-color:@color_theme7;
    }
  }
  &.lh-button-minor-type3 {
    border-style:dashed;
  }
}
.lh-button-text {
  padding-left: 0;
  padding-right: 0;
  height: 32px;
  background-color: transparent;
  color: @color_theme6;
  font-size: 14px;
  border: none;
  i {
    font-size:14px;
    &.prefix-icon {
      margin-right: 4px;
    }
    &.suffix-icon {
      margin-left: 4px;
    }
  }

  &.mini {
    font-size: 12px;
    height: 24px;
    i {
      font-size:14px;
    }
  }

  &.lh-button-text-type2 {
    color: @color_other1;
    &:hover {
      color:@color_theme6;
    }
    &:active {
      color:@color_theme6;
    }
  }
  &.lh-button-text-type3 {
    color: @color_b1;
    &:hover {
      color:@color_b2;
    }
    &:active {
      color:@color_b2;
    }
  }
  &.lh-button-text-type4 {
    color: @color_b3;
    &:hover {
      color:@color_b2;
    }
    &:active {
      color:@color_b2;
    }
  }
  &.lh-button-text-type5 {
    color: @color_b1;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 2px;

    &:hover {
      background-color: @color_theme1;
      color:@color_theme6;
    }
    &:active {
      background-color: @color_theme2;
      color:@color_theme6;
    }
    &.mini {
      padding-left: 8px;
      padding-right: 8px;
    }
    & + .lh-button-text-type5{
      margin-left: 0;
    }
  }
  &.lh-button-text-type6 {
    cursor: auto;
    color: @color_b1;
    &:hover {
      color:@color_b1;
    }
    &:active {
      color:@color_b1;
    }
  }
  &:hover {
    color:@color_theme5;
  }
  &:active {
    color:@color_theme7;
  }
  &.disabled {
    color:@color_b4;
    cursor: not-allowed;
    &:hover {
      color:@color_b4;
    }
  }
  & + .lh-button-text{
    margin-left: 16px;
  }
}