/*
 * 水平布局
 */
.layout_h {
  display: flex;
  flex-direction: row;
}

/*
 * 水平布局，相当间隔 一般用于一行左右两边抵拢的布局
 */
.layout_h_b {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/*
 * 水平布局，平分剩余空间
 */
.layout_h_a {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

/*
 * 水平布局，反向排列，从右向左
 */
.layout_h_r {
  display: flex;
  flex-direction: row-reverse;
}

/*
 * 水平布局，反向排列，从右向左
 */
.layout_h_reverse {
  display: flex;
  flex-direction: row-reverse;
}

/*
 * 竖直布局
 */
.layout_v {
  display: flex;
  flex-direction: column;
}

/*
 * 竖直布局，上下布局抵拢使用
 */
.layout_v_b {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*
 * 竖直布局。平分间距
 */
.layout_v_a {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

/*
 * 竖直布局。反向排列
 */
.layout_v_r {
  display: flex;
  flex-direction: column-reverse;
}

/*
 * 水平布局，内容水平居中
 */
.layout_h_c {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

/*
 * 竖直布局，竖直居中
 */
.layout_v_c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*
 * 水平布局，竖直居中
 */
.layout_h_v_c {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.self_center {
  align-self: center;
}

.weight_0_full {
  width: 0;
  flex-grow: 1;
}

.weight_full {
  flex-grow: 1;
}

.free_margin {
  margin: 0;
}

.put_to_end {
  justify-content: flex-end;
}

.search_bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.action_bar {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  flex-grow: 1;
}

.zm_info_container {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.zm_info_container_with_line {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dcdfe6;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.zm_info_title {
  font-size: 14px;
  color: #606266;
  font-weight: 700;
  margin-bottom: 10px;
}

.zm_item_title {
  align-self: center;
  margin-right: 16px;
}

.zm_item_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.zm_item_row_item {
  width: 50%;
  align-items: center;
}

.zm_info_item {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
}
