.wrap-page {
  position: relative;
  width: 100%;
  height: 100%;
}

/* flex布局全局样式 */
.pos-aline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.pos-aline-start {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.pos-aline-start-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}

.pos-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pos-start-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

  .pos-start-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.pos-btw {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pos-btw-start {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.pos-btw-stretch {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.pos-btw-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.pos-btw-column-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.pos-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pos-center-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.pos-center-no-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.pos-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pos-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pos-around {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.pos-aline-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pos-aline-no-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.pos-aline-stretch {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
.form-search {
  display: flex;
  flex-flow: row wrap;
  align-content: space-around;
  align-items: center;
  justify-content: flex-start;
}

.pos-full-page {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.pos-column {
  display: flex;
  flex-direction: column;
}
.pos-column-center {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.pos-column-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.pos-column-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.pos-column-btw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.pos-column-start-btw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.pos-end-start {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.pos-normal-btw-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}