.rel{
  position: relative;
}
.abs{
  position: absolute;
}
.fix{
  position: fixed;
}

.fr{
	float: right;
}
.fl{
	float: left;
}
.clear{
  clear: both;
}
.clearfix::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0px;
  height: 0px;
  zoom: 1;
}


textarea{
  padding: 20px 30px;
  width: calc(100% - 60px);
  border-radius: 10px;
  background: #f2f2f2;
}
.pt10{
  padding-top: 10px;
}
.pt20{
  padding-top: 20px;
}
.pt30{
  padding-top: 30px;
}
.pt60{
  padding-top: 60px;
}
.pb20{
  padding-bottom: 20px;
}
.pb40{
  padding-bottom: 40px;
}
.pb100{
  padding-bottom: 100px;
}

.plr20{
  padding: 0 20px;
}
.plr90{
  padding: 0 90px;
}

.pl30{
  padding-left: 30px;
}
.pr30{
  padding-right: 30px;
}
.p30{
  padding: 30px;
}

.m0{
  margin: 0 auto;
}
.mt10{
  margin-top: 10px;
}
.mt15{
  margin-top: 15px;
}
.mt20{
  margin-top: 20px!important;
}
.mt30{
  margin-top: 30px;
}
.mt40{
  margin-top: 40px;
}
.mt50{
  margin-top: 50px;
}
.mt80{
  margin-top: 80px;
}
.mt100{
  margin-top: 100px;
}
.mt140{
  margin-top: 140px;
}

.ml10{
  margin-left: 10px;
}
.ml20{
  margin-left: 20px;
}
.ml30{
  margin-left: 30px;
}
.ml50{
  margin-left: 50px;
}


.mr10{
  margin-right: 10px;
}
.mr20{
  margin-right: 20px;
}
.mr30{
  margin-right: 30px;
}
.mb10{
  margin-bottom: 10px;
}
.mb20{
  margin-bottom: 20px;
}
.mb30{
  margin-bottom: 30px;
}
.mb50{
    margin-bottom: 50px;
}
.mb100{
  margin-bottom: 100px;
}


.fs24{
  font-size: 24px;
}
.fs28{
  font-size: 28px;
}
.fs30{
  font-size: 30px;
}
.fs32{
  font-size: 32px;
}
.fs34{
  font-size: 34px;
}
.fs36{
  font-size: 36px!important;
}
.fs40{
  font-size: 40px;
}
.fs50{
  font-size: 50px;
}

.bold{
  font-weight: bold!important;
}

.fb{
  font-weight: bold;
}

.w24{
  width: 24%;
}
.w25{
  width: 25%;
}
.w32{
  width: 32%;
}
.w45{
  width: 45%;
}
.w48{
  width: 48%;
}
.w49{
  width: 49%;
}
.w50{
  width: 50%;
}
.w60{
  width: 60%;
}
.w80{
  width: 80%;
}
.w100{
  width: 100%;
}
.w90px{
  width: 90px;
}
.w100px{
  width: 100px;
}
.w1140px{
    width: 1140px;
}
.w120px{
  width: 120px;
}
.w200px{
  width: 200px;
}

.img-49{
  width: 49%;
  height: 260px;
}

.img-32{
  width: 32%;
  height: 160px;
}

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

.wrap {
  white-space: pre-wrap;
}

.text-btn{
  line-height: 54px;
  height: 54px;
  padding: 0px 20px;
  font-size: 24px;
  border-radius: 5px;
  background: #e93636;
  color: #fff;
}
.tl{
  text-align: left;
}
.tr{
  text-align: right;
}
.text-center, .tc{
  text-align: center;
}

.br15{
  border-radius: 15px!important;
  overflow: hidden!important;
}
.br13{
  border-radius: 13px!important;
  overflow: hidden!important;
}
.br6{
  border-radius: 6px!important;
  overflow: hidden!important;
}

.bg-green{
  background: #17a234!important;
  color: #fff!important;
}
.bg-white{
  background: #fff;
}
.bg-orange{
  background: #fab161!important;
  color: #fff!important;
}
.bg-red{
  background: #e93636!important;
  color: #fff!important;
}
.bg-blue{
  background: #377EB4!important;
}
.white{
  color: #fff;
}
.green{
  color: #17a234!important;
}
.gray{
  color: #969696!important;
}
.whiteGray{
  color: #c7c7cc!important;
}
.pink{
  color: #fe9987;
}
.blue{
  color: #377EB4;
}
.whiteBlue{
  color: #67afea;
}
.red{
  color: #ac252f!important;
}
.orange{
  color: #fab161!important;
}
.purple{
  color: #6a6c9d;
}

.h40{
  line-height: 40px;
}
.h80{
  height: 80px;
}
.h100{
  height: 100%;
  overflow: auto;
}
.h100px{
  height: 100px;
}
.h160{
  height: 160px;
}
.h200{
  height: 200px;
}
.h300{
  height: 300px;
}

.lh40{
  line-height: 40px;
}
.lh50{
  line-height: 50px;
  height: 50px;
}
.lh80{
  line-height: 80px;
  height: 80px;
}
.lh100{
  line-height: 100px;
}
.lh130{
  line-height: 130px;
}

swiper{
  width: 100%;
  height: 100%;
  text-align: center;
}

.justify{
  text-align-last:justify;
  text-align:justify;
  text-justify:distribute-all-lines;
}

.circle{
  border-radius: 50%;
}
.flex100{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex100{
  width:100%;
}
.flex100-15{
  flex:0 0 15%;
  box-sizing:border-box;
}
.flex100-2{
  flex:0 0 20%;
  box-sizing:border-box;
}
.flex100-25{
  flex:0 0 25%;
  box-sizing:border-box;
}
.flex100-3{
  flex:0 0 30%;
  box-sizing:border-box;
}
.flex100-33{
  flex:0 0 33.33%;
  box-sizing:border-box;
}
.flex100-4{
  flex:0 0 40%;
  box-sizing:border-box;
}
.flex100-5{
  flex:0 0 50%;
  box-sizing:border-box;
}
.flex100-6{
  flex:0 0 60%;
  box-sizing:border-box;
}
.flex100-7{
  flex:0 0 70%;
  box-sizing:border-box;
}
.flex100-75{
  flex:0 0 75%;
  box-sizing:border-box;
}
.flex100-8{
  flex:0 0 80%;
  box-sizing:border-box;
}

.br-3{
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.br-5{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.br-10{
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  overflow: hidden;
}
.br-13{
  -webkit-border-radius:13px;
  -moz-border-radius:13px;
  border-radius:13px;
}
.br-15{
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
.br-30{
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
.circle{
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}

.rotate-45{
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
}
.rotate-180{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.clamp2,.clamp3,.clamp4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.clamp2 {
  -webkit-line-clamp: 2;
}
.clamp3 {
  -webkit-line-clamp: 3;
}
.clamp4 {
  -webkit-line-clamp: 4;
}
.hide{
  display: none !important;
}

.bg-ffb400{
  background: #ffb400;
}
.bg-e02e24{
  background: #e02e24;
}
.bg-ee463d{
  background: #ee463d;
}
.bg-ff6c00{
  background: #ff6c00;
}
.bg-ff1440{
  background: #ff1440;
}
.bg-f2f2f2{
  background: #f2f2f2;
}

.bg_opacity_sec{
  background: #000;
  background: rgba(0,0,0,0.5);
  filter:Alpha(opacity=50);
  color: white;
  width: 100%;
  height: 100%;
  display: inline-block;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999999;
}

.bt-1{
  border-bottom: 1px solid #f2f2f2;
}
.br-1{
  border-right: 1px solid #f2f2f2;
}
.b-1{
  border: 1px solid #f2f2f2;
}
.b-2{
  border: 2px solid #ccc;
}
.b-4{
  border: 4px solid #f2f2f2;
}

.shadow{
  box-shadow: 0 0 10px #999;
}

.c-fc3c3b{
  color: #fc3c3b;
}

.wh80{
  width: 80px;
  height: 80px;
}
.wh100{
  width: 100px;
  height: 100px;
}
.wh130{
  width: 130px;
  height: 130px;
}
button, uni-button{
  line-height: normal;
  background: none!important;
  padding: 0;
  margin: 0;
  font-size: 28px;
  overflow: auto;
}
button::after{
  content: none;
}