/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/component/web/KDWizard.less ***!
  \*************************************************************************************************************************************************************************************************/
.KDWizard_arrowRoot_1P5S {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.KDWizard_arrowRoot_1P5S .KDWizard_pre_2WCa,
.KDWizard_arrowRoot_1P5S .KDWizard_next_JW-s {
  width: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 36px;
}
.KDWizard_arrowRoot_1P5S .KDWizard_pre_2WCa div,
.KDWizard_arrowRoot_1P5S .KDWizard_next_JW-s div {
  padding: 4px;
  border-radius: 4px;
}
.KDWizard_arrowRoot_1P5S .KDWizard_pre_2WCa div:hover,
.KDWizard_arrowRoot_1P5S .KDWizard_next_JW-s div:hover {
  background-color: #F5F5F5;
}
.KDWizard_arrowRoot_1P5S .KDWizard_hide_IhJV {
  display: none;
}
.KDWizard_arrowRoot_1P5S .KDWizard_disable_1PNi {
  color: rgba(0, 0, 0, 0.15);
  cursor: not-allowed !important;
}
.KDWizard_arrowRoot_1P5S .KDWizard_disable_1PNi div {
  background-color: #FfFfFf !important;
}
.KDWizard_scroll_Kdav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.KDWizard_content_22l5 {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding-left: 10px;
}
.KDWizard_arrow_2VDT {
  width: 256px;
  margin-left: -10px;
  --arrow-border-color: transparent;
  --arrow-background-color: var(--background-color-level2);
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: var(--color);
  cursor: pointer;
}
.KDWizard_arrow_2VDT:hover {
  --arrow-background-color: var(--background-color-level1);
}
.KDWizard_select_3JnG {
  --arrow-border-color: var(--border-color);
  --arrow-background-color: var(--background-color-level2) !important;
}
.KDWizard_center_KRMD {
  width: 224px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--arrow-background-color);
  border-top: 1px solid var(--arrow-border-color);
  border-bottom: 1px solid var(--arrow-border-color);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.KDWizard_center_KRMD .KDWizard_icon_1UjK {
  font-size: 12px;
  margin-right: 12px;
}
.KDWizard_center_KRMD .KDWizard_title_2aq_ {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 2px;
}
.KDWizard_first_2k-6 {
  border: 1px solid var(--arrow-border-color);
  border-right: none;
  height: 36px;
  width: 16px ;
  background: var(--arrow-background-color);
}
.KDWizard_end_2PVg {
  border: 1px solid var(--arrow-border-color);
  border-left: none;
  height: 36px;
  width: 16px;
  background: var(--arrow-background-color);
}
.KDWizard_noFirst_3ajJ {
  height: 36px;
  width: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid var(--arrow-border-color);
}
.KDWizard_noFirst_3ajJ .KDWizard_top_3VrL {
  width: 18px;
  height: 18px;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, transparent), color-stop(50%, var(--arrow-background-color)));
  background: linear-gradient(to top right, transparent 50%, var(--arrow-background-color) 50%);
}
.KDWizard_noFirst_3ajJ .KDWizard_top_3VrL::after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  border-top: 1px solid var(--arrow-border-color);
  background: linear-gradient(45deg, transparent 49%, var(--arrow-border-color) 0, var(--arrow-border-color) 55%, transparent 0%);
}
.KDWizard_noFirst_3ajJ .KDWizard_bottom_13VP {
  width: 18px;
  height: 18px;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, transparent), color-stop(50%, var(--arrow-background-color)));
  background: linear-gradient(to bottom right, transparent 50%, var(--arrow-background-color) 50%);
}
.KDWizard_noFirst_3ajJ .KDWizard_bottom_13VP::after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background: linear-gradient(135deg, transparent 49%, var(--arrow-border-color) 0, var(--arrow-border-color) 55%, transparent 0%);
  border-bottom: 1px solid var(--arrow-border-color);
}
.KDWizard_noEnd_3B4s {
  height: 36px;
  width: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--arrow-background-color);
}
.KDWizard_noEnd_3B4s .KDWizard_top_3VrL {
  width: 18px;
  height: 18px;
  background: -webkit-gradient(linear, right top, left bottom, color-stop(51%, #fff), color-stop(50%, var(--arrow-background-color)));
  background: linear-gradient(to bottom left, #fff 51%, var(--arrow-background-color) 50%);
}
.KDWizard_noEnd_3B4s .KDWizard_top_3VrL::after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background: linear-gradient(45deg, transparent 49%, var(--arrow-border-color) 0, var(--arrow-border-color) 54%, transparent 0%);
}
.KDWizard_noEnd_3B4s .KDWizard_bottom_13VP {
  width: 18px;
  height: 18px;
  background: -webkit-gradient(linear, right bottom, left top, color-stop(51%, #fff), color-stop(50%, var(--arrow-background-color)));
  background: linear-gradient(to top left, #fff 51%, var(--arrow-background-color) 50%);
}
.KDWizard_noEnd_3B4s .KDWizard_bottom_13VP::after {
  content: '';
  width: 18px;
  height: 18px;
  display: block;
  background: linear-gradient(135deg, transparent 49%, var(--arrow-border-color) 0, var(--arrow-border-color) 54%, transparent 0%);
}
.KDWizard_generalWizard_2l55 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}