.duiui-flex() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  word-break: break-all;
}

.duiui-flex__item(@values: 1) {
  -webkit-box-flex: @values;
  -moz-box-flex: @values;
  -webkit-flex: @values;
  -ms-flex: @values;
  flex: @values;
  display: block;
  min-height: 0;
  min-width: 0;
  
}
.duiui-flex {
  .duiui-flex();
  .duiui-flex__item {
    .duiui-flex__item(1);
  }
  &.duiui-flex--aligncenter {
    align-items: center;
  }
  &.duiui-flex--spacebetween {
    justify-content: space-between;
  }
  &.duiui-flex--column{
    flex-direction: column
  }
}