.stepbox {
  padding: 16px 24px;
  margin: 0;
  margin-bottom: 24px;
}

// custom ant design steps icon begin
.ant-steps-item-custom .ant-steps-item-icon {
  border-style: solid;
  border-width: 1px;
  font-size: 16px;
  height: 32px;
  width: 32px;

  .ant-steps-icon {
    font-size: 16px;
  }
}

.ant-steps-item-custom.ant-steps-item-active .ant-steps-item-icon {
  background: #1890ff;
  border-color: #1890ff;

  .ant-steps-icon {
    color: #fff;
  }
}

.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: 32px;
}

// custom ant design steps icon end
// hide arr
.el-collapse-item__header {
  display: none;
}
// TODO: 内容过多(常见场景:表格行数过多)时, 使用 fixed 会遮挡内容导致无法编辑或操作, 需要研究最小高度支撑下面的 button 使用其保持在页面底部
// 此处暂时移除 z-index 与 fixed 属性
// 大家应该都不用公用的steps了，所以暂时放开z-index 与 fixed 属性，方便未同步产品的旺旺项目变更
.bottom-button-container {
  z-index: 777;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 24px;
}

.step-container {
  padding: 24px;
  margin-bottom: 80px;
}