/**
  * 公共样式，项目在用
*/
.flex {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.flex-g {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.flex-s {
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.flex-hidden {
  overflow: hidden
}

.no-flex {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: initial;
  flex-basis: initial
}

.h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden
}

.h-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden
}

.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.m {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.s {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.e {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.l {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.r {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.sa {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.fs-2x {
  font-size: 2.5rem
}

.fs-1x {
  font-size: 2rem
}

.fs-huge {
  font-size: 1.5rem
}

.fs-ex-large {
  font-size: 1.25rem
}

.fs-large {
  font-size: 1.1rem
}

.fs-normal {
  font-size: 1rem
}

.fs-small {
  font-size: .9rem
}

.fs-mini {
  font-size: .8rem
}

.sa-l {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.sa-c {
  -ms-flex-item-align: center;
  align-self: center
}

.sa-s {
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.sa-r {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.ta-l {
  text-align: left
}

.ta-c {
  text-align: center
}

.ta-r {
  text-align: right
}

.no-padding {
  padding: 0
}

.padding-08 {
  padding: 8px
}

.padding-08-10 {
  padding: 8px 10px
}

.padding-08-0 {
  padding: 8px 0
}

.padding-05 {
  padding: 5px
}

.padding-05-0 {
  padding: 5px 0
}

.padding-0-05 {
  padding: 0 5px
}

.padding-05-10 {
  padding: 5px 10px
}

.padding-0-10 {
  padding: 0 10px
}

.padding-10 {
  padding: 10px
}

.padding-10-0 {
  padding: 10px 0
}

.padding-05-15 {
  padding: 5px 15px
}

.padding-10-15 {
  padding: 10px 15px
}

.padding-15 {
  padding: 15px
}

.padding-20 {
  padding: 20px
}

.padding-20-0 {
  padding: 20px 0
}

.padding-08-20 {
  padding: 8px 20px
}

.padding-10-20 {
  padding: 10px 20px
}

.padding-15-20 {
  padding: 15px 20px
}

.padding-0-20 {
  padding: 0 20px
}

.lh-100 {
  line-height: 1
}

.lh-120 {
  line-height: 1.2
}

.lh-150 {
  line-height: 1.5
}

.lh-200 {
  line-height: 2
}

.lh-250 {
  line-height: 2.5
}

.bold {
  font-weight: 700
}

.op-80 {
  opacity: .8
}

.op-60 {
  opacity: .6
}

.op-30 {
  opacity: .3
}

.gap-small {
  margin-top: 5px
}

.gap-1x {
  margin-top: 10px
}

.gap-2x {
  margin-top: 20px
}

.b {
  align-items: baseline;
}

.gap-l-small {
  margin-left: 5px;
}

.gap-l-1x {
  margin-left: 10px;
}

.gap-l-2x {
  margin-left: 20px;
}

.gap-r-small {
  margin-right: 5px;
}

.gap-r-1x {
  margin-right: 10px;
}

.gap-r-2x {
  margin-right: 20px;
}