.text-center {
  text-align: center;
}

/*  字体大小规范  */

.font-lv1 {
  font-size: 36rpx !important;
}

.font-lv2 {
  font-size: 32rpx !important;
}

.font-lv3 {
  font-size: 28rpx !important;
}

.font-lv4 {
  font-size: 24rpx !important;
}

.font-lv5 {
  font-size: 20rpx !important;
}

@media (min-width:700px) {
  .font-lv1 {
    font-size: 30rpx !important;
  }

  .font-lv2 {
    font-size: 26rpx !important;
  }

  .font-lv3 {
    font-size: 22rpx !important;
  }

  .font-lv4 {
    font-size: 18rpx !important;
  }

  .font-lv5 {
    font-size: 14rpx !important;
  }
}

/*  margin   */

.mgt-15rpx {
  margin-top: 15rpx;
}

.mgb-15rpx {
  margin-bottom: 15rpx;
}

.mgt-30rpx {
  margin-top: 30rpx;
}

.mgb-30rpx {
  margin-bottom: 30rpx;
}

/*  padding  */

.pdt-15rpx {
  padding-top: 15rpx;
}

.pdb-15rpx {
  padding-bottom: 15rpx;
}

.pdt-30rpx {
  padding-top: 30rpx;
}

.pdb-30rpx {
  padding-bottom: 30rpx;
}

.pdl-30rpx {
  padding-left: 30rpx;
}

.plr-30rpx {
  padding-right: 30rpx;
}

/*  颜色规范  */

.color-black {
  color: #000;
}

.color-semi {
  color: #353535;
}

.color-grey {
  color: #888;
}

.color-light {
  color: #b2b2b2;
}

.color-green {
  color: #09bb09;
}

.color-red {
  color: #e64340;
}

.color-info, .color-link, .color-active {
  color: #00acff;
}

.bd-color {
  border-color: #f1f1f1;
}

.bg-color {
  background-color: #f1f1f1;
}

.img-responsive {
  max-width: 100%;
}

.border-basic {
  border: 1px solid #efefef;
}

.radius-basic, .cover {
  border-radius: 6rpx;
}

.radius-circle {
  border-radius: 100%;
}

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

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/**app.wxss**/

.box-shadow {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.base-padding {
  box-sizing: border-box;
  padding: 0rpx 30rpx;
}

.base-margin-bottom {
  margin-bottom: 60rpx;
}

.pull-right {
  float: right;
}

.text-right {
  text-align: right;
}

navigator:hover, navigator:active {
  background-color: transparent;
}

.panel-heading {
  margin-bottom: 30rpx;
}

/* 显示两行，溢出文字用‘...’替换 */

.ellipsis-1row {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-2row {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 适配平板 */
@media (min-width:700px) {
  .ellipsis-2row {
    -webkit-line-clamp: 3;
  }

  .ellipsis-3row {
    -webkit-line-clamp: 4;
  }
}

.ellipsis-3row {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text-muted {
  color: #888;
  font-size: 28rpx;
  line-height: 170%;
  text-align: left;
}

.cover {
  border-radius: 6rpx;
}