.c-white{
  color: #FFFFFF;
}
.clearfix {
  zoom: 1
}

.cl:after,
.clear {
  clear: both
}

.cl:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden
}

.cl {
  zoom: 1
}

.d-f {
  display: -ms-flexbox;
  display: flex
}

.d-cf,
.d-cf1 {
  -ms-flex-align: center;
  align-items: center
}

.d-cf,
.d-cf1,
.d-sf {
  display: -ms-flexbox;
  display: flex
}

.d-sf {
  -ms-flex-align: start;
  align-items: flex-start
}

.d-cc,
.d-cc-c,
.d-cc-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.d-cc-c,
.d-cc-column {
  -ms-flex-direction: column;
  flex-direction: column
}

.d-bf,
.d-ff {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.d-ff {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap
}

.d-cw {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start
}

.d-af,
.d-cw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.d-af {
  -ms-flex-align: center;
  align-items: center
}

.t-r {
  text-align: right
}

.t-l {
  text-align: left
}

.t-c {
  text-align: center
}

.mt-1 {
  margin-top: 1px
}

.mt-3 {
  margin-top: 3px
}

.mt-5 {
  margin-top: 5px
}

.mt-10 {
  margin-top: 10px
}

.mt-15 {
  margin-top: 15px
}

.mt-20 {
  margin-top: 20px
}

.mt-25 {
  margin-top: 25px
}

.mt-30 {
  margin-top: 30px
}

.mt-35 {
  margin-top: 35px
}

.mt-40 {
  margin-top: 40px
}

.mt-50 {
  margin-top: 50px
}

.mb-5 {
  margin-bottom: 5px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-15 {
  margin-bottom: 15px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-25 {
  margin-bottom: 25px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-35 {
  margin-bottom: 35px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-100 {
  margin-bottom: 100px
}

.ml-5 {
  margin-left: 5px
}

.ml-10 {
  margin-left: 10px
}

.ml-15 {
  margin-left: 15px
}

.ml-20 {
  margin-left: 20px
}

.ml-30 {
  margin-left: 30px
}

.ml-40 {
  margin-left: 40px
}

.ml-50 {
  margin-left: 50px
}

.mr-5 {
  margin-right: 5px
}

.mr-10 {
  margin-right: 10px
}

.mr-15 {
  margin-right: 15px
}

.mr-20 {
  margin-right: 20px
}

.mr-30 {
  margin-right: 30px
}

.mr-40 {
  margin-right: 40px
}

.mr-50 {
  margin-right: 50px
}

.m10 {
  margin: 10px
}

.m15 {
  margin: 15px
}

.p-10 {
  padding: 10px
}

.pt-none {
  padding-top: 0 !important
}

.pt-5 {
  padding-top: 5px
}

.pt-10 {
  padding-top: 10px
}

.pt-15 {
  padding-top: 15px
}

.pt-20 {
  padding-top: 20px
}

.p-20 {
  padding: 20px
}

.p-40 {
  padding: 40px
}

.pt-30 {
  padding-top: 30px
}

.pb-30 {
  padding-bottom: 30px
}

.pb-40 {
  padding-bottom: 40px
}

.pt-45 {
  padding-top: 45px
}

.pb-5 {
  padding-bottom: 5px
}

.pb-10 {
  padding-bottom: 10px
}

.pb-15 {
  padding-bottom: 15px
}

.pb-20 {
  padding-bottom: 20px
}

.pb-55 {
  padding-bottom: 55px
}

.pl-5 {
  padding-left: 5px
}

.pl-10 {
  padding-left: 10px
}

.pl-15 {
  padding-left: 15px
}

.pl-20 {
  padding-left: 20px
}

.pl-30 {
  padding-left: 30px
}

.pl-110 {
  padding-left: 110px
}

.pr-5 {
  padding-right: 5px
}

.pr-10 {
  padding-right: 10px
}

.pr-15 {
  padding-right: 15px
}

.pr-20 {
  padding-right: 20px
}

.pr-30 {
  padding-right: 30px
}

.pd-5 {
  padding: 5px
}

.pd-10 {
  padding: 10px
}

.pd-15 {
  padding: 15px
}

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

.p20,
.pd-20 {
  padding: 20px
}

.p0-10 {
  padding: 0 10px
}

.p10 {
  padding: 10px
}

.p30 {
  padding: 30px
}

.p15 {
  padding: 15px
}

.p100 {
  padding: 100px
}

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

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

.clamp {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important
}

.clamp3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.f-l {
  float: left !important
}

.f-l,
.f-r {
  _display: inline
}

.f-r {
  float: right !important
}

.pos-r {
  position: relative
}

.pos-a {
  position: absolute
}

.pos-f,
.pos-f-b {
  position: fixed
}

.pos-f-b {
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box
}

.icon15 {
  width: 15px;
  height: 15px
}

.icon20 {
  width: 20px;
  height: 20px
}

.icon25 {
  width: 25px;
  height: 25px
}

.icon30 {
  width: 30px;
  height: 30px
}

.icon40 {
  width: 40px;
  height: 40px
}

.icon50 {
  width: 50px;
  height: 50px
}

.icon60 {
  width: 60px;
  height: 60px
}

.radius4 {
  border-radius: 4px
}

.radius10 {
  border-radius: 10px
}