.x-button-group {
  position: relative;
  text-align: left;
  font-size: 0;
  min-height: 32px;
  .x-button-group-separator {
    display: inline-block;
    vertical-align: top;
    background-image: linear-gradient(90deg, #BBC5D9 0%, #BBC5D9 100%);
    width: 2px;
    height: 14px;
    background-size: 2px 16px;
    background-repeat: no-repeat;
    margin: 7px 10px 0 0;
  }
  .el-button[type=button], .el-dropdown {
    margin: 0 10px 4px 0;
  }
  .x-dropdown-button {
    margin: 0;
  }
  /*修复使用Microsoft YaHei等字体时，增加图标导致按钮高度增加1px的问题，如果是Arial字体则不存在这个问题，因为Arial的实际渲染高度是14px，Microsoft YaHei是16px*/
  .el-icon--left, .el-icon--right {
    vertical-align: top;
  }
  .x-button-group-right {
    position: absolute;
    right: 30px;
    top: 0;
  }
}