@charset "UTF-8";
#app {
  box-sizing: border-box;
  background-color: #f5f5f5;
}

/* 颜色变量 */
/*============================= 文字尺寸 =============================*/
image {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

view {
  box-sizing: border-box;
}

/*============================= 弹性盒子 =============================*/
.flex-end-evenly, .flex-end-around, .flex-end-between, .flex-end-end, .flex-end-center, .flex-end-start, .flex-center-evenly, .flex-center-around, .flex-center-between, .flex-center-end, .flex-center-start, .flex-start-evenly, .flex-start-around, .flex-start-between, .flex-start-end, .flex-start-center, .flex-start-start, .flex {
  display: flex;
  flex-wrap: nowrap;
}

.flex {
  align-items: center;
  justify-content: center;
}
.flex-start-start {
  align-items: flex-start;
  justify-content: flex-start;
}
.flex-start-center {
  align-items: flex-start;
  justify-content: center;
}
.flex-start-end {
  align-items: flex-start;
  justify-content: flex-end;
}
.flex-start-between {
  align-items: flex-start;
  justify-content: space-between;
}
.flex-start-around {
  align-items: flex-start;
  justify-content: space-around;
}
.flex-start-evenly {
  align-items: flex-start;
  justify-content: space-evenly;
}
.flex-center-start {
  align-items: center;
  justify-content: flex-start;
}
.flex-center-end {
  align-items: center;
  justify-content: flex-end;
}
.flex-center-between {
  align-items: center;
  justify-content: space-between;
}
.flex-center-around {
  align-items: center;
  justify-content: space-around;
}
.flex-center-evenly {
  align-items: center;
  justify-content: space-evenly;
}
.flex-end-start {
  align-items: flex-end;
  justify-content: flex-start;
}
.flex-end-center {
  align-items: flex-end;
  justify-content: center;
}
.flex-end-end {
  align-items: flex-end;
  justify-content: flex-end;
}
.flex-end-between {
  align-items: flex-end;
  justify-content: space-between;
}
.flex-end-around {
  align-items: flex-end;
  justify-content: space-around;
}
.flex-end-evenly {
  align-items: flex-end;
  justify-content: space-evenly;
}

[class*=flex-].nowrap,
[class^=flex].nowrap {
  flex-wrap: nowrap;
}
[class*=flex-].stretch,
[class^=flex].stretch {
  align-items: stretch;
}
[class*=flex-].row,
[class^=flex].row {
  flex-direction: row;
}
[class*=flex-].row-reverse,
[class^=flex].row-reverse {
  flex-direction: "row-reverse";
}
[class*=flex-].column,
[class^=flex].column {
  flex-direction: column;
}
[class*=flex-].column-reverse,
[class^=flex].column-reverse {
  flex-direction: "column-reverse";
}
[class*=flex-].wrap,
[class^=flex].wrap {
  flex-wrap: wrap;
}
[class*=flex-].wrap-reverse,
[class^=flex].wrap-reverse {
  flex-wrap: "wrap-reverse";
}

.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.flex3 {
  flex: 3;
}

.flex4 {
  flex: 4;
}

/*============================= 文字溢出 =============================*/
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-ellipsis-2 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 2;
}
.text-ellipsis-3 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 3;
}
.text-ellipsis-4 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 4;
}

/*# sourceMappingURL=uni.css.map */