/* 常用 */
.bb {
  border: solid 1px red;
}
.oo {
  outline: solid 1px red;
}
.fb {
  font-weight: bold;
}
.fn {
  font-weight: normal;
}
.lh100 {
  line-height: 100%;
}
.lh130 {
  line-height: 130%;
}
.lh150 {
  line-height: 150%;
}
.lh180 {
  line-height: 180%;
}
.lh200 {
  line-height: 200%;
}
.lh300 {
  line-height: 300%;
}
.ti2 {
  text-indent: 2em;
}
.tdu {
  text-decoration: underline;
}
.tdn {
  text-decoration: none;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.bc {
  margin-left: auto;
  margin-right: auto;
}
.fl {
  float: left;
  display: inline;
}
.fr {
  float: right;
  display: inline;
}
.cb {
  clear: both;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.vm {
  vertical-align: middle;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.abs-right {
  position: absolute;
  right: 0;
}
.hidden {
  visibility: hidden;
}
.none {
  display: none;
}
/* flexBox */
.flexRow {
  display: flex;
  flex-direction: row;
}
.flexCol {
  display: flex;
  flex-direction: column;
}
.flexWrap {
  flex-wrap: wrap;
}
.flexNoWrap {
  flex-wrap: nowrap;
}
.flexJcC {
  justify-content: center;
}
.flexJcFe {
  justify-content: flex-end;
}
.flexJcSa {
  justify-content: space-around;
}
.flexJcSb {
  justify-content: space-between;
}
.flexAiC {
  align-items: center;
}
.flexAiFe {
  align-items: flex-end;
}
.flexAiFs {
  align-items: flex-start;
}
.flexAcC {
  align-content: center;
}
.flexAcSa {
  align-content: space-around;
}
.flexAcSb {
  align-content: space-between;
}
/* flex1 */
.flex0 {
  flex: 0;
}
.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}
.flex4 {
  flex: 4;
}
.flex5 {
  flex: 5;
}
.flex6 {
  flex: 6;
}
.flex7 {
  flex: 7;
}
.flex8 {
  flex: 8;
}
.flex9 {
  flex: 9;
}
.flex10 {
  flex: 10;
}
.flex15 {
  flex: 15;
}
.flex20 {
  flex: 20;
}
.flex30 {
  flex: 30;
}
/* width */
.w0 {
  width: 0 px;
}
.w1 {
  width: 1 px;
}
.w2 {
  width: 2 px;
}
.w3 {
  width: 3 px;
}
.w4 {
  width: 4 px;
}
.w5 {
  width: 5 px;
}
.w6 {
  width: 6 px;
}
.w7 {
  width: 7 px;
}
.w8 {
  width: 8 px;
}
.w9 {
  width: 9 px;
}
.w10 {
  width: 10 px;
}
.w15 {
  width: 15 px;
}
.w20 {
  width: 20 px;
}
.w30 {
  width: 30 px;
}
/* height */
.h0 {
  height: 0 px;
}
.h1 {
  height: 1 px;
}
.h2 {
  height: 2 px;
}
.h3 {
  height: 3 px;
}
.h4 {
  height: 4 px;
}
.h5 {
  height: 5 px;
}
.h6 {
  height: 6 px;
}
.h7 {
  height: 7 px;
}
.h8 {
  height: 8 px;
}
.h9 {
  height: 9 px;
}
.h10 {
  height: 10 px;
}
.h15 {
  height: 15 px;
}
.h20 {
  height: 20 px;
}
.h30 {
  height: 30 px;
}
/* margin */
.m0 {
  margin: 0 px;
}
.m1 {
  margin: 1 px;
}
.m2 {
  margin: 2 px;
}
.m3 {
  margin: 3 px;
}
.m4 {
  margin: 4 px;
}
.m5 {
  margin: 5 px;
}
.m6 {
  margin: 6 px;
}
.m7 {
  margin: 7 px;
}
.m8 {
  margin: 8 px;
}
.m9 {
  margin: 9 px;
}
.m10 {
  margin: 10 px;
}
.m15 {
  margin: 15 px;
}
.m20 {
  margin: 20 px;
}
.m30 {
  margin: 30 px;
}
/* margin-top */
.mt0 {
  margin-top: 0 px;
}
.mt1 {
  margin-top: 1 px;
}
.mt2 {
  margin-top: 2 px;
}
.mt3 {
  margin-top: 3 px;
}
.mt4 {
  margin-top: 4 px;
}
.mt5 {
  margin-top: 5 px;
}
.mt6 {
  margin-top: 6 px;
}
.mt7 {
  margin-top: 7 px;
}
.mt8 {
  margin-top: 8 px;
}
.mt9 {
  margin-top: 9 px;
}
.mt10 {
  margin-top: 10 px;
}
.mt15 {
  margin-top: 15 px;
}
.mt20 {
  margin-top: 20 px;
}
.mt30 {
  margin-top: 30 px;
}
/* margin-right */
.mr0 {
  margin-right: 0 px;
}
.mr1 {
  margin-right: 1 px;
}
.mr2 {
  margin-right: 2 px;
}
.mr3 {
  margin-right: 3 px;
}
.mr4 {
  margin-right: 4 px;
}
.mr5 {
  margin-right: 5 px;
}
.mr6 {
  margin-right: 6 px;
}
.mr7 {
  margin-right: 7 px;
}
.mr8 {
  margin-right: 8 px;
}
.mr9 {
  margin-right: 9 px;
}
.mr10 {
  margin-right: 10 px;
}
.mr15 {
  margin-right: 15 px;
}
.mr20 {
  margin-right: 20 px;
}
.mr30 {
  margin-right: 30 px;
}
/* margin-bottom */
.mb0 {
  margin-bottom: 0 px;
}
.mb1 {
  margin-bottom: 1 px;
}
.mb2 {
  margin-bottom: 2 px;
}
.mb3 {
  margin-bottom: 3 px;
}
.mb4 {
  margin-bottom: 4 px;
}
.mb5 {
  margin-bottom: 5 px;
}
.mb6 {
  margin-bottom: 6 px;
}
.mb7 {
  margin-bottom: 7 px;
}
.mb8 {
  margin-bottom: 8 px;
}
.mb9 {
  margin-bottom: 9 px;
}
.mb10 {
  margin-bottom: 10 px;
}
.mb15 {
  margin-bottom: 15 px;
}
.mb20 {
  margin-bottom: 20 px;
}
.mb30 {
  margin-bottom: 30 px;
}
/* margin-left */
.ml0 {
  margin-left: 0 px;
}
.ml1 {
  margin-left: 1 px;
}
.ml2 {
  margin-left: 2 px;
}
.ml3 {
  margin-left: 3 px;
}
.ml4 {
  margin-left: 4 px;
}
.ml5 {
  margin-left: 5 px;
}
.ml6 {
  margin-left: 6 px;
}
.ml7 {
  margin-left: 7 px;
}
.ml8 {
  margin-left: 8 px;
}
.ml9 {
  margin-left: 9 px;
}
.ml10 {
  margin-left: 10 px;
}
.ml15 {
  margin-left: 15 px;
}
.ml20 {
  margin-left: 20 px;
}
.ml30 {
  margin-left: 30 px;
}
/* padding */
.p0 {
  padding: 0 px;
}
.p1 {
  padding: 1 px;
}
.p2 {
  padding: 2 px;
}
.p3 {
  padding: 3 px;
}
.p4 {
  padding: 4 px;
}
.p5 {
  padding: 5 px;
}
.p6 {
  padding: 6 px;
}
.p7 {
  padding: 7 px;
}
.p8 {
  padding: 8 px;
}
.p9 {
  padding: 9 px;
}
.p10 {
  padding: 10 px;
}
.p15 {
  padding: 15 px;
}
.p20 {
  padding: 20 px;
}
.p30 {
  padding: 30 px;
}
/* padding-top */
.pt0 {
  padding-top: 0 px;
}
.pt1 {
  padding-top: 1 px;
}
.pt2 {
  padding-top: 2 px;
}
.pt3 {
  padding-top: 3 px;
}
.pt4 {
  padding-top: 4 px;
}
.pt5 {
  padding-top: 5 px;
}
.pt6 {
  padding-top: 6 px;
}
.pt7 {
  padding-top: 7 px;
}
.pt8 {
  padding-top: 8 px;
}
.pt9 {
  padding-top: 9 px;
}
.pt10 {
  padding-top: 10 px;
}
.pt15 {
  padding-top: 15 px;
}
.pt20 {
  padding-top: 20 px;
}
.pt30 {
  padding-top: 30 px;
}
/* padding-right */
.pr0 {
  padding-right: 0 px;
}
.pr1 {
  padding-right: 1 px;
}
.pr2 {
  padding-right: 2 px;
}
.pr3 {
  padding-right: 3 px;
}
.pr4 {
  padding-right: 4 px;
}
.pr5 {
  padding-right: 5 px;
}
.pr6 {
  padding-right: 6 px;
}
.pr7 {
  padding-right: 7 px;
}
.pr8 {
  padding-right: 8 px;
}
.pr9 {
  padding-right: 9 px;
}
.pr10 {
  padding-right: 10 px;
}
.pr15 {
  padding-right: 15 px;
}
.pr20 {
  padding-right: 20 px;
}
.pr30 {
  padding-right: 30 px;
}
/* padding-bottom */
.pb0 {
  padding-bottom: 0 px;
}
.pb1 {
  padding-bottom: 1 px;
}
.pb2 {
  padding-bottom: 2 px;
}
.pb3 {
  padding-bottom: 3 px;
}
.pb4 {
  padding-bottom: 4 px;
}
.pb5 {
  padding-bottom: 5 px;
}
.pb6 {
  padding-bottom: 6 px;
}
.pb7 {
  padding-bottom: 7 px;
}
.pb8 {
  padding-bottom: 8 px;
}
.pb9 {
  padding-bottom: 9 px;
}
.pb10 {
  padding-bottom: 10 px;
}
.pb15 {
  padding-bottom: 15 px;
}
.pb20 {
  padding-bottom: 20 px;
}
.pb30 {
  padding-bottom: 30 px;
}
/* padding-left */
.pl0 {
  padding-left: 0 px;
}
.pl1 {
  padding-left: 1 px;
}
.pl2 {
  padding-left: 2 px;
}
.pl3 {
  padding-left: 3 px;
}
.pl4 {
  padding-left: 4 px;
}
.pl5 {
  padding-left: 5 px;
}
.pl6 {
  padding-left: 6 px;
}
.pl7 {
  padding-left: 7 px;
}
.pl8 {
  padding-left: 8 px;
}
.pl9 {
  padding-left: 9 px;
}
.pl10 {
  padding-left: 10 px;
}
.pl15 {
  padding-left: 15 px;
}
.pl20 {
  padding-left: 20 px;
}
.pl30 {
  padding-left: 30 px;
}
/* font-size */
.fs0 {
  font-size: 0 px;
}
.fs1 {
  font-size: 1 px;
}
.fs2 {
  font-size: 2 px;
}
.fs3 {
  font-size: 3 px;
}
.fs4 {
  font-size: 4 px;
}
.fs5 {
  font-size: 5 px;
}
.fs6 {
  font-size: 6 px;
}
.fs7 {
  font-size: 7 px;
}
.fs8 {
  font-size: 8 px;
}
.fs9 {
  font-size: 9 px;
}
.fs10 {
  font-size: 10 px;
}
.fs15 {
  font-size: 15 px;
}
.fs20 {
  font-size: 20 px;
}
.fs30 {
  font-size: 30 px;
}
.fs50 {
  font-size: 50 px;
}
/*# sourceMappingURL=base.css.map */