/* flex布局 */
.u-flex,
.u-flex-jac,
.u-flex-jab,
.u-flex-jaa,
.u-flex-cjac,
.u-flex-cjab {
  display: flex;
}
.fd-column,
.u-flex-cjac,
.u-flex-cjab {
  flex-direction: column;
}
.jc-center,
.u-flex-jac,
.u-flex-cjac {
  justify-content: center;
}
.jc-sb,
.u-flex-jab,
.u-flex-cjab {
  justify-content: space-between;
}
.jc-sa,
.u-flex-jaa {
  justify-content: space-around;
}
.jc-start {
  justify-content: flex-start;
}
.jc-end {
  justify-content: flex-end;
}
.ai-center,
.u-flex-jab,
.u-flex-jac,
.u-flex-jaa,
.u-flex-cjac {
  align-items: center;
}
.ai-start {
  align-items: flex-start;
}
.ai-end {
  align-items: flex-end;
}
.ai-stretch {
  align-items: stretch;
}
.f1 {
  flex: 1;
}
.f-auto {
  flex: auto;
}
.visualization-common-border {
  border: 1px solid #000;
  width: 100%;
  height: calc(100% - 26px);
}
