/*************************************************
 * Title: fm-flex
 * Desc: build one 24 grid layout style based Flex
 * Author: FengMind (枫鸽) <FengMind@qq.com>
 * Org: XiiChain
 * Date: 2018-8-25
 **************************************************/
/*******************
 * 1、Container
 *******************/
.fm-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
}
.fm-row.wrap{
	flex-wrap: wrap;
}
.fm-row:before,
.fm-row:after {
  display: flex;
  box-sizing: border-box;
  width: 0;
  height: 0;
  font-size: 0;
}
.fm-row:after {
  clear: both;
}
.fm-row.before-content {
  content: "";
}
.fm-row.after-content {
  content: "";
}
.fm-row.justify-start {
  justify-content: flex-start;
}
.fm-row.justify-end {
  justify-content: flex-end;
}
.fm-row.justify-center {
  justify-content: center;
}
.fm-row.justify-space-between {
  justify-content: space-between;
}
.fm-row.justify-space-around {
  justify-content: space-around;
}
.fm-row.align-start {
  align-items: flex-start;
}
.fm-row.align-end {
  align-items: flex-end;
}
.fm-row.align-center {
  align-items: center;
}
.fm-row.align-baseline {
  align-items: baseline;
}
.fm-row.align-stretch {
  align-items: stretch;
}
.fm-row.align-content-start {
  align-content: flex-start;
}
.fm-row.align-content-end {
  align-content: flex-end;
}
.fm-row.align-content-center {
  align-content: center;
}
.fm-row.align-content-space-between {
  align-content: space-between;
}
.fm-row.align-content-space-around {
  align-content: space-around;
}
.fm-row.align-content-stretch {
  align-content: stretch;
}
.fm-row-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
}
.fm-row-reverse:before,
.fm-row-reverse:after {
  display: flex;
  box-sizing: border-box;
  width: 0;
  height: 0;
  font-size: 0;
}
.fm-row-reverse:after {
  clear: both;
}
.fm-row-reverse.before-content {
  content: "";
}
.fm-row-reverse.after-content {
  content: "";
}
.fm-row-reverse.justify-start {
  justify-content: flex-start;
}
.fm-row-reverse.justify-end {
  justify-content: flex-end;
}
.fm-row-reverse.justify-center {
  justify-content: center;
}
.fm-row-reverse.justify-space-between {
  justify-content: space-between;
}
.fm-row-reverse.justify-space-around {
  justify-content: space-around;
}
.fm-row-reverse.align-start {
  align-items: flex-start;
}
.fm-row-reverse.align-end {
  align-items: flex-end;
}
.fm-row-reverse.align-center {
  align-items: center;
}
.fm-row-reverse.align-baseline {
  align-items: baseline;
}
.fm-row-reverse.align-stretch {
  align-items: stretch;
}
.fm-row-reverse.align-content-start {
  align-content: flex-start;
}
.fm-row-reverse.align-content-end {
  align-content: flex-end;
}
.fm-row-reverse.align-content-center {
  align-content: center;
}
.fm-row-reverse.align-content-space-between {
  align-content: space-between;
}
.fm-row-reverse.align-content-space-around {
  align-content: space-around;
}
.fm-row-reverse.align-content-stretch {
  align-content: stretch;
}
.fm-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
}
.fm-column:before,
.fm-column:after {
  display: flex;
  box-sizing: border-box;
  width: 0;
  height: 0;
  font-size: 0;
}
.fm-column:after {
  clear: both;
}
.fm-column.before-content {
  content: "";
}
.fm-column.after-content {
  content: "";
}
.fm-column.justify-start {
  justify-content: flex-start;
}
.fm-column.justify-end {
  justify-content: flex-end;
}
.fm-column.justify-center {
  justify-content: center;
}
.fm-column.justify-space-between {
  justify-content: space-between;
}
.fm-column.justify-space-around {
  justify-content: space-around;
}
.fm-column.align-start {
  align-items: flex-start;
}
.fm-column.align-end {
  align-items: flex-end;
}
.fm-column.align-center {
  align-items: center;
}
.fm-column.align-baseline {
  align-items: baseline;
}
.fm-column.align-stretch {
  align-items: stretch;
}
.fm-column.align-content-start {
  align-content: flex-start;
}
.fm-column.align-content-end {
  align-content: flex-end;
}
.fm-column.align-content-center {
  align-content: center;
}
.fm-column.align-content-space-between {
  align-content: space-between;
}
.fm-column.align-content-space-around {
  align-content: space-around;
}
.fm-column.align-content-stretch {
  align-content: stretch;
}
.fm-column-reverse {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
}
.fm-column-reverse:before,
.fm-column-reverse:after {
  display: flex;
  box-sizing: border-box;
  width: 0;
  height: 0;
  font-size: 0;
}
.fm-column-reverse:after {
  clear: both;
}
.fm-column-reverse.before-content {
  content: "";
}
.fm-column-reverse.after-content {
  content: "";
}
.fm-column-reverse.justify-start {
  justify-content: flex-start;
}
.fm-column-reverse.justify-end {
  justify-content: flex-end;
}
.fm-column-reverse.justify-center {
  justify-content: center;
}
.fm-column-reverse.justify-space-between {
  justify-content: space-between;
}
.fm-column-reverse.justify-space-around {
  justify-content: space-around;
}
.fm-column-reverse.align-start {
  align-items: flex-start;
}
.fm-column-reverse.align-end {
  align-items: flex-end;
}
.fm-column-reverse.align-center {
  align-items: center;
}
.fm-column-reverse.align-baseline {
  align-items: baseline;
}
.fm-column-reverse.align-stretch {
  align-items: stretch;
}
.fm-column-reverse.align-content-start {
  align-content: flex-start;
}
.fm-column-reverse.align-content-end {
  align-content: flex-end;
}
.fm-column-reverse.align-content-center {
  align-content: center;
}
.fm-column-reverse.align-content-space-between {
  align-content: space-between;
}
.fm-column-reverse.align-content-space-around {
  align-content: space-around;
}
.fm-column-reverse.align-content-stretch {
  align-content: stretch;
}

/*******************
 * 2、Grid
 *******************/
.fm-item-1 {
  width: 4.16666667%;
}
[class*='fm-item'].offset-1 {
  margin-left: 4.16666667%;
}
[class*='fm-item'].order-1 {
  order: 1;
}
.fm-item-2 {
  width: 8.33333333%;
}
[class*='fm-item'].offset-2 {
  margin-left: 8.33333333%;
}
[class*='fm-item'].order-2 {
  order: 2;
}
.fm-item-3 {
  width: 12.5%;
}
[class*='fm-item'].offset-3 {
  margin-left: 12.5%;
}
[class*='fm-item'].order-3 {
  order: 3;
}
.fm-item-4 {
  width: 16.66666667%;
}
[class*='fm-item'].offset-4 {
  margin-left: 16.66666667%;
}
[class*='fm-item'].order-4 {
  order: 4;
}
.fm-item-5 {
  width: 20.83333333%;
}
[class*='fm-item'].offset-5 {
  margin-left: 20.83333333%;
}
[class*='fm-item'].order-5 {
  order: 5;
}
.fm-item-6 {
  width: 25%;
}
[class*='fm-item'].offset-6 {
  margin-left: 25%;
}
[class*='fm-item'].order-6 {
  order: 6;
}
.fm-item-7 {
  width: 29.16666667%;
}
[class*='fm-item'].offset-7 {
  margin-left: 29.16666667%;
}
[class*='fm-item'].order-7 {
  order: 7;
}
.fm-item-8 {
  width: 33.33333333%;
}
[class*='fm-item'].offset-8 {
  margin-left: 33.33333333%;
}
[class*='fm-item'].order-8 {
  order: 8;
}
.fm-item-9 {
  width: 37.5%;
}
[class*='fm-item'].offset-9 {
  margin-left: 37.5%;
}
[class*='fm-item'].order-9 {
  order: 9;
}
.fm-item-10 {
  width: 41.66666667%;
}
[class*='fm-item'].offset-10 {
  margin-left: 41.66666667%;
}
[class*='fm-item'].order-10 {
  order: 10;
}
.fm-item-11 {
  width: 45.83333333%;
}
[class*='fm-item'].offset-11 {
  margin-left: 45.83333333%;
}
[class*='fm-item'].order-11 {
  order: 11;
}
.fm-item-12 {
  width: 50%;
}
[class*='fm-item'].offset-12 {
  margin-left: 50%;
}
[class*='fm-item'].order-12 {
  order: 12;
}
.fm-item-13 {
  width: 54.16666667%;
}
[class*='fm-item'].offset-13 {
  margin-left: 54.16666667%;
}
[class*='fm-item'].order-13 {
  order: 13;
}
.fm-item-14 {
  width: 58.33333333%;
}
[class*='fm-item'].offset-14 {
  margin-left: 58.33333333%;
}
[class*='fm-item'].order-14 {
  order: 14;
}
.fm-item-15 {
  width: 62.5%;
}
[class*='fm-item'].offset-15 {
  margin-left: 62.5%;
}
[class*='fm-item'].order-15 {
  order: 15;
}
.fm-item-16 {
  width: 66.66666667%;
}
[class*='fm-item'].offset-16 {
  margin-left: 66.66666667%;
}
[class*='fm-item'].order-16 {
  order: 16;
}
.fm-item-17 {
  width: 70.83333333%;
}
[class*='fm-item'].offset-17 {
  margin-left: 70.83333333%;
}
[class*='fm-item'].order-17 {
  order: 17;
}
.fm-item-18 {
  width: 75%;
}
[class*='fm-item'].offset-18 {
  margin-left: 75%;
}
[class*='fm-item'].order-18 {
  order: 18;
}
.fm-item-19 {
  width: 79.16666667%;
}
[class*='fm-item'].offset-19 {
  margin-left: 79.16666667%;
}
[class*='fm-item'].order-19 {
  order: 19;
}
.fm-item-20 {
  width: 83.33333333%;
}
[class*='fm-item'].offset-20 {
  margin-left: 83.33333333%;
}
[class*='fm-item'].order-20 {
  order: 20;
}
.fm-item-21 {
  width: 87.5%;
}
[class*='fm-item'].offset-21 {
  margin-left: 87.5%;
}
[class*='fm-item'].order-21 {
  order: 21;
}
.fm-item-22 {
  width: 91.66666667%;
}
[class*='fm-item'].offset-22 {
  margin-left: 91.66666667%;
}
[class*='fm-item'].order-22 {
  order: 22;
}
.fm-item-23 {
  width: 95.83333333%;
}
[class*='fm-item'].offset-23 {
  margin-left: 95.83333333%;
}
[class*='fm-item'].order-23 {
  order: 23;
}
.fm-item-24 {
  width: 100%;
}
[class*='fm-item'].offset-24 {
  margin-left: 100%;
}
[class*='fm-item'].order-24 {
  order: 24;
}
[class*='fm-item'] {
  float: left;
  flex: 0 0 auto;
}
[class*='fm-item'].flex-grow {
  flex-grow: 1;
}
[class*='fm-item'].self-auto {
  align-self: auto;
}
[class*='fm-item'].self-start {
  align-self: flex-start;
}
[class*='fm-item'].self-end {
  align-self: flex-end;
}
[class*='fm-item'].self-center {
  align-self: center;
}
[class*='fm-item'].self-baseline {
  align-self: baseline;
}
[class*='fm-item'].self-stretch {
  align-self: stretch;
}
[class*='fm-item'].flex-left {
  margin-right: auto;
}
[class*='fm-item'].flex-right {
  margin-left: auto;
}
[class*='fm-item'].flex-top {
  margin-bottom: auto;
}
[class*='fm-item'].flex-bottom {
  margin-top: auto;
}
[class*='fm-item'].flex-center {
  margin-left: auto;
  margin-right: auto;
}
[class*='fm-item'].flex-middle {
  margin-top: auto;
  margin-bottom: auto;
}

/*******************
 * 3、Responsive
 *******************/
[class*='-show'] {
  display: block;
}
[class*='-hide'] {
  display: none;
}
[class*='only-show'] {
  display: none;
}
[class*='only-hide'] {
  display: block;
}
@media (max-width: 575.98px) {
  .fm-item-xs-1 {
    width: 4.16666667%;
  }
  .fm-item-xs-2 {
    width: 8.33333333%;
  }
  .fm-item-xs-3 {
    width: 12.5%;
  }
  .fm-item-xs-4 {
    width: 16.66666667%;
  }
  .fm-item-xs-5 {
    width: 20.83333333%;
  }
  .fm-item-xs-6 {
    width: 25%;
  }
  .fm-item-xs-7 {
    width: 29.16666667%;
  }
  .fm-item-xs-8 {
    width: 33.33333333%;
  }
  .fm-item-xs-9 {
    width: 37.5%;
  }
  .fm-item-xs-10 {
    width: 41.66666667%;
  }
  .fm-item-xs-11 {
    width: 45.83333333%;
  }
  .fm-item-xs-12 {
    width: 50%;
  }
  .fm-item-xs-13 {
    width: 54.16666667%;
  }
  .fm-item-xs-14 {
    width: 58.33333333%;
  }
  .fm-item-xs-15 {
    width: 62.5%;
  }
  .fm-item-xs-16 {
    width: 66.66666667%;
  }
  .fm-item-xs-17 {
    width: 70.83333333%;
  }
  .fm-item-xs-18 {
    width: 75%;
  }
  .fm-item-xs-19 {
    width: 79.16666667%;
  }
  .fm-item-xs-20 {
    width: 83.33333333%;
  }
  .fm-item-xs-21 {
    width: 87.5%;
  }
  .fm-item-xs-22 {
    width: 91.66666667%;
  }
  .fm-item-xs-23 {
    width: 95.83333333%;
  }
  .fm-item-xs-24 {
    width: 100%;
  }
  .fm-xs-only-show {
    display: block;
  }
  .fm-xs-only-hide {
    display: none;
  }
  .fm-container {
    width: 100%;
    margin: 0px auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .fm-item-sm-1 {
    width: 4.16666667%;
  }
  .fm-item-sm-2 {
    width: 8.33333333%;
  }
  .fm-item-sm-3 {
    width: 12.5%;
  }
  .fm-item-sm-4 {
    width: 16.66666667%;
  }
  .fm-item-sm-5 {
    width: 20.83333333%;
  }
  .fm-item-sm-6 {
    width: 25%;
  }
  .fm-item-sm-7 {
    width: 29.16666667%;
  }
  .fm-item-sm-8 {
    width: 33.33333333%;
  }
  .fm-item-sm-9 {
    width: 37.5%;
  }
  .fm-item-sm-10 {
    width: 41.66666667%;
  }
  .fm-item-sm-11 {
    width: 45.83333333%;
  }
  .fm-item-sm-12 {
    width: 50%;
  }
  .fm-item-sm-13 {
    width: 54.16666667%;
  }
  .fm-item-sm-14 {
    width: 58.33333333%;
  }
  .fm-item-sm-15 {
    width: 62.5%;
  }
  .fm-item-sm-16 {
    width: 66.66666667%;
  }
  .fm-item-sm-17 {
    width: 70.83333333%;
  }
  .fm-item-sm-18 {
    width: 75%;
  }
  .fm-item-sm-19 {
    width: 79.16666667%;
  }
  .fm-item-sm-20 {
    width: 83.33333333%;
  }
  .fm-item-sm-21 {
    width: 87.5%;
  }
  .fm-item-sm-22 {
    width: 91.66666667%;
  }
  .fm-item-sm-23 {
    width: 95.83333333%;
  }
  .fm-item-sm-24 {
    width: 100%;
  }
  .fm-sm-only-show {
    display: block;
  }
  .fm-sm-only-hide {
    display: none;
  }
  .fm-container {
    width: 100%;
    margin: 0px auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .fm-item-md-1 {
    width: 4.16666667%;
  }
  .fm-item-md-2 {
    width: 8.33333333%;
  }
  .fm-item-md-3 {
    width: 12.5%;
  }
  .fm-item-md-4 {
    width: 16.66666667%;
  }
  .fm-item-md-5 {
    width: 20.83333333%;
  }
  .fm-item-md-6 {
    width: 25%;
  }
  .fm-item-md-7 {
    width: 29.16666667%;
  }
  .fm-item-md-8 {
    width: 33.33333333%;
  }
  .fm-item-md-9 {
    width: 37.5%;
  }
  .fm-item-md-10 {
    width: 41.66666667%;
  }
  .fm-item-md-11 {
    width: 45.83333333%;
  }
  .fm-item-md-12 {
    width: 50%;
  }
  .fm-item-md-13 {
    width: 54.16666667%;
  }
  .fm-item-md-14 {
    width: 58.33333333%;
  }
  .fm-item-md-15 {
    width: 62.5%;
  }
  .fm-item-md-16 {
    width: 66.66666667%;
  }
  .fm-item-md-17 {
    width: 70.83333333%;
  }
  .fm-item-md-18 {
    width: 75%;
  }
  .fm-item-md-19 {
    width: 79.16666667%;
  }
  .fm-item-md-20 {
    width: 83.33333333%;
  }
  .fm-item-md-21 {
    width: 87.5%;
  }
  .fm-item-md-22 {
    width: 91.66666667%;
  }
  .fm-item-md-23 {
    width: 95.83333333%;
  }
  .fm-item-md-24 {
    width: 100%;
  }
  .fm-md-only-show {
    display: block;
  }
  .fm-md-only-hide {
    display: none;
  }
  .fm-container {
    width: 800px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .fm-item-lg-1 {
    width: 4.16666667%;
  }
  .fm-item-lg-2 {
    width: 8.33333333%;
  }
  .fm-item-lg-3 {
    width: 12.5%;
  }
  .fm-item-lg-4 {
    width: 16.66666667%;
  }
  .fm-item-lg-5 {
    width: 20.83333333%;
  }
  .fm-item-lg-6 {
    width: 25%;
  }
  .fm-item-lg-7 {
    width: 29.16666667%;
  }
  .fm-item-lg-8 {
    width: 33.33333333%;
  }
  .fm-item-lg-9 {
    width: 37.5%;
  }
  .fm-item-lg-10 {
    width: 41.66666667%;
  }
  .fm-item-lg-11 {
    width: 45.83333333%;
  }
  .fm-item-lg-12 {
    width: 50%;
  }
  .fm-item-lg-13 {
    width: 54.16666667%;
  }
  .fm-item-lg-14 {
    width: 58.33333333%;
  }
  .fm-item-lg-15 {
    width: 62.5%;
  }
  .fm-item-lg-16 {
    width: 66.66666667%;
  }
  .fm-item-lg-17 {
    width: 70.83333333%;
  }
  .fm-item-lg-18 {
    width: 75%;
  }
  .fm-item-lg-19 {
    width: 79.16666667%;
  }
  .fm-item-lg-20 {
    width: 83.33333333%;
  }
  .fm-item-lg-21 {
    width: 87.5%;
  }
  .fm-item-lg-22 {
    width: 91.66666667%;
  }
  .fm-item-lg-23 {
    width: 95.83333333%;
  }
  .fm-item-lg-24 {
    width: 100%;
  }
  .fm-lg-only-show {
    display: block;
  }
  .fm-lg-only-hide {
    display: none;
  }
  .fm-container {
    width: 1040px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) and (max-width: 1399px){
  .fm-item-xl-1 {
    width: 4.16666667%;
  }
  .fm-item-xl-2 {
    width: 8.33333333%;
  }
  .fm-item-xl-3 {
    width: 12.5%;
  }
  .fm-item-xl-4 {
    width: 16.66666667%;
  }
  .fm-item-xl-5 {
    width: 20.83333333%;
  }
  .fm-item-xl-6 {
    width: 25%;
  }
  .fm-item-xl-7 {
    width: 29.16666667%;
  }
  .fm-item-xl-8 {
    width: 33.33333333%;
  }
  .fm-item-xl-9 {
    width: 37.5%;
  }
  .fm-item-xl-10 {
    width: 41.66666667%;
  }
  .fm-item-xl-11 {
    width: 45.83333333%;
  }
  .fm-item-xl-12 {
    width: 50%;
  }
  .fm-item-xl-13 {
    width: 54.16666667%;
  }
  .fm-item-xl-14 {
    width: 58.33333333%;
  }
  .fm-item-xl-15 {
    width: 62.5%;
  }
  .fm-item-xl-16 {
    width: 66.66666667%;
  }
  .fm-item-xl-17 {
    width: 70.83333333%;
  }
  .fm-item-xl-18 {
    width: 75%;
  }
  .fm-item-xl-19 {
    width: 79.16666667%;
  }
  .fm-item-xl-20 {
    width: 83.33333333%;
  }
  .fm-item-xl-21 {
    width: 87.5%;
  }
  .fm-item-xl-22 {
    width: 91.66666667%;
  }
  .fm-item-xl-23 {
    width: 95.83333333%;
  }
  .fm-item-xl-24 {
    width: 100%;
  }
  .fm-xl-only-show {
    display: block;
  }
  .fm-xl-only-hide {
    display: none;
  }
  .fm-container {
    width: 1200px;
    margin: 0 auto;
  }
}

@media (min-width: 1400px) {
  .fm-item-xxl-1 {
    width: 4.16666667%;
  }
  .fm-item-xxl-2 {
    width: 8.33333333%;
  }
  .fm-item-xxl-3 {
    width: 12.5%;
  }
  .fm-item-xxl-4 {
    width: 16.66666667%;
  }
  .fm-item-xxl-5 {
    width: 20.83333333%;
  }
  .fm-item-xxl-6 {
    width: 25%;
  }
  .fm-item-xxl-7 {
    width: 29.16666667%;
  }
  .fm-item-xxl-8 {
    width: 33.33333333%;
  }
  .fm-item-xxl-9 {
    width: 37.5%;
  }
  .fm-item-xxl-10 {
    width: 41.66666667%;
  }
  .fm-item-xxl-11 {
    width: 45.83333333%;
  }
  .fm-item-xxl-12 {
    width: 50%;
  }
  .fm-item-xxl-13 {
    width: 54.16666667%;
  }
  .fm-item-xxl-14 {
    width: 58.33333333%;
  }
  .fm-item-xxl-15 {
    width: 62.5%;
  }
  .fm-item-xxl-16 {
    width: 66.66666667%;
  }
  .fm-item-xxl-17 {
    width: 70.83333333%;
  }
  .fm-item-xxl-18 {
    width: 75%;
  }
  .fm-item-xxl-19 {
    width: 79.16666667%;
  }
  .fm-item-xxl-20 {
    width: 83.33333333%;
  }
  .fm-item-xxl-21 {
    width: 87.5%;
  }
  .fm-item-xxl-22 {
    width: 91.66666667%;
  }
  .fm-item-xxl-23 {
    width: 95.83333333%;
  }
  .fm-item-xxl-24 {
    width: 100%;
  }
  .fm-xxl-only-show {
    display: block;
  }
  .fm-xxl-only-hide {
    display: none;
  }
  .fm-container {
    width: 1400px;
    margin: 0 auto;
  }
}


@media (max-width: 767.98px) {
    .fm-mobile-only-show{
		display: block;
	}
 }
 
@media (min-width: 768px) {
	.fm-pc-only-show{
		display: block;
	} 
}



@media (min-width: 768px) {
  .fm-item-pc-1 {
    width: 4.16666667%;
  }
  .fm-item-pc-2 {
    width: 8.33333333%;
  }
  .fm-item-pc-3 {
    width: 12.5%;
  }
  .fm-item-pc-4 {
    width: 16.66666667%;
  }
  .fm-item-pc-5 {
    width: 20.83333333%;
  }
  .fm-item-pc-6 {
    width: 25%;
  }
  .fm-item-pc-7 {
    width: 29.16666667%;
  }
  .fm-item-pc-8 {
    width: 33.33333333%;
  }
  .fm-item-pc-9 {
    width: 37.5%;
  }
  .fm-item-pc-10 {
    width: 41.66666667%;
  }
  .fm-item-pc-11 {
    width: 45.83333333%;
  }
  .fm-item-pc-12 {
    width: 50%;
  }
  .fm-item-pc-13 {
    width: 54.16666667%;
  }
  .fm-item-pc-14 {
    width: 58.33333333%;
  }
  .fm-item-pc-15 {
    width: 62.5%;
  }
  .fm-item-pc-16 {
    width: 66.66666667%;
  }
  .fm-item-pc-17 {
    width: 70.83333333%;
  }
  .fm-item-pc-18 {
    width: 75%;
  }
  .fm-item-pc-19 {
    width: 79.16666667%;
  }
  .fm-item-pc-20 {
    width: 83.33333333%;
  }
  .fm-item-pc-21 {
    width: 87.5%;
  }
  .fm-item-pc-22 {
    width: 91.66666667%;
  }
  .fm-item-pc-23 {
    width: 95.83333333%;
  }
  .fm-item-pc-24 {
    width: 100%;
  }
  .fm-pc-only-show {
    display: block;
  }
  .fm-pc-only-hide {
    display: none;
  }
}


@media (max-width: 767.98px) {
  .fm-item-mo-1 {
    width: 4.16666667%;
  }
  .fm-item-mo-2 {
    width: 8.33333333%;
  }
  .fm-item-mo-3 {
    width: 12.5%;
  }
  .fm-item-mo-4 {
    width: 16.66666667%;
  }
  .fm-item-mo-5 {
    width: 20.83333333%;
  }
  .fm-item-mo-6 {
    width: 25%;
  }
  .fm-item-mo-7 {
    width: 29.16666667%;
  }
  .fm-item-mo-8 {
    width: 33.33333333%;
  }
  .fm-item-mo-9 {
    width: 37.5%;
  }
  .fm-item-mo-10 {
    width: 41.66666667%;
  }
  .fm-item-mo-11 {
    width: 45.83333333%;
  }
  .fm-item-mo-12 {
    width: 50%;
  }
  .fm-item-mo-13 {
    width: 54.16666667%;
  }
  .fm-item-mo-14 {
    width: 58.33333333%;
  }
  .fm-item-mo-15 {
    width: 62.5%;
  }
  .fm-item-mo-16 {
    width: 66.66666667%;
  }
  .fm-item-mo-17 {
    width: 70.83333333%;
  }
  .fm-item-mo-18 {
    width: 75%;
  }
  .fm-item-mo-19 {
    width: 79.16666667%;
  }
  .fm-item-mo-20 {
    width: 83.33333333%;
  }
  .fm-item-mo-21 {
    width: 87.5%;
  }
  .fm-item-mo-22 {
    width: 91.66666667%;
  }
  .fm-item-mo-23 {
    width: 95.83333333%;
  }
  .fm-item-mo-24 {
    width: 100%;
  }
  .fm-mo-only-show {
    display: block;
  }
  .fm-mo-only-hide {
    display: none;
  }
  .fm-container {
    width: 100%;
    margin: 0px auto;
    padding:0px;
  }
}