/* 弹性布局 */
.flex{
  display: flex;
}

.flexrow{
  display: flex;
  justify-content: space-between;
}

.flexrows{
  display: flex;
  justify-content: space-around;
}


/* 颜色 */

.white{
  color: white;
}

.black{
  color: black;
}

.gray{
  color: gray;
}

/* 内外边距 */
.mt13{
  margin-top: 0.26rem;
}

.mt16{
  margin-top: 0.32rem;
}

.ml10{
  margin-left: 0.2rem;
}
.mr10{
  margin-right: 0.2rem;
}

.mt20{
  margin-top: 0.3rem;
}


/* 字体大小 */

.fs12{
  font-size: 0.01rem
}
.fs14{
  font-size: 0.3rem
}
.fs15{
  font-size: 0.3rem
}
.fs16{
  font-size: 0.32rem
}

.fs20{
  font-size: 0.6rem;
} 

/* 高宽 */

.h51{
  height: 2rem;
}
.h33{
  height: 1.4rem;
}

/* 修饰样式单行文字超出隐藏显示省略号... */

.singleLineEllipsis{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.twoLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:2;
}
.threeLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:3;
}
.fourLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:4;
}
.fiveLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:5;
}
.sixLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:6;
}
.sevenLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:7;
}
.eightLineEllipsis{
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /*! autoprefixer: ignore next */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */
  -webkit-line-clamp:8;
}


.center{
  text-align: center;
}

.text-indent{
  text-indent: 1rem;
}

.line-heigth{
  line-height: 0.8rem;
}