* {
  margin: 0px;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: "黑体", arial;
  background: #fff;
  height: 100%;
}

.page-root {
  width: 100%;
  min-height: 100%;
}

.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.flex-v {
  display: flex;
  flex-direction: column;
}

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

.fv-c-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

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

.g-flex-h{ display: flex; flex-direction: row;}
.g-flex-h-b{ display: flex; flex-direction: row; justify-content: space-between;}
.g-flex-h-center{ display: flex; flex-direction: row; align-items: center;}
.g-flex-h-center-b{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;}

.g-flex-v{ display: flex; flex-direction: column;}
.g-flex-v-b{ display: flex; flex-direction: column; justify-content: space-between;}
.g-flex-v-center{ display: flex; flex-direction: column; align-items: center;}
.g-flex-v-center-b{ display: flex; flex-direction: column; align-items: center; justify-content: space-between;}

.g-flex-h-end{ display: flex; flex-direction: row; align-items: flex-end;}