body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.demos-title {
  text-align: center;
  font-size: 34px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.demos-header {
  padding: 35px 0;
}



.demos-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

footer {
  text-align: center;
  font-size: 14px;
  padding: 20px;
}

footer a {
  color: #999;
  text-decoration: none;
}
.swiper-container {
  width: 100%;
} 

.swiper-container img {
  display: block;
  width: 100%;
}

/*文字排版、颜色*/
.f12,.f12 * {
    font-size: 12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f20 {
    font-size: 20px

}

.fb {
    font-weight: bold
}

.fn {
    font-weight: normal
}

.fw {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.t2 {
    text-indent: 2em
}
.text-danger{color: #f05050!important}
.text-success{color: #8dc251!important}
.text-warning{color: #f1bd47!important}
.text-info{color: #54abd8!important}
.text-ju{color: #e76a52!important}
.text-zi{color: #9274d8!important}
.text-fen{color: #ce6dad!important}
.text-hui{color: #999!important}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.red, a.red {
    color: #CF1E41!important
}

.blue, a.blue {
    color: #428bca!important
}
.gray, a.gray {
    color: #A1A1A1!important;
}

.green, a.green {
    color: #2DB200
}

.lh150 {
    line-height: 150%
}

.lh180 {
    line-height: 180%
}

.lh200 {
    line-height: 200%
}

.unl {
    text-decoration: underline;
}

.no_unl {
    text-decoration: none;
}

.weui-cell {padding: 12px 15px;}
.margin_top_0{margin-top:0;}
.weui-grid__icon{width: 36px; height: 36px;}