/*flex on box*/
.f-row{display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;}
.f-col{display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;}
.f-justify-start{justify-content: flex-start;-webkit-justify-content: flex-start;}
.f-justify-end{justify-content: flex-end;-webkit-justify-content: flex-end;}
.f-justify-center{justify-content: center;-webkit-justify-content: center;}
.f-justify-between{justify-content: space-between;-webkit-justify-content: space-between;}
.f-justify-around{justify-content: space-around;-webkit-justify-content: space-around;}
.f-align-start{align-items: flex-start;-webkit-align-items: flex-start;}
.f-align-end{align-items: flex-end;-webkit-align-items: flex-end;}
.f-align-center{align-items: center;-webkit-align-items: center;}
.f-align-baseline{align-items: baseline;-webkit-align-items: baseline;}
.f-align-stretch{align-items: stretch;-webkit-align-items: stretch;}
.f-wrap-nowrap{flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}
.f-wrap-wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.f-wrap-reverse{flex-wrap: wrap-reverse;-webkit-flex-wrap: wrap-reverse;}
/*flex on item*/
.f-cover{flex: 1;-webkit-flex: 1;}
.f-align-self-start{align-self: flex-start;-webkit-align-self: flex-start;}
.f-align-self-end{align-self: flex-end;-webkit-align-self: flex-end;}
.f-align-self-center{align-self: center;-webkit-align-self: center;}
.f-align-self-baseline{align-self: baseline;-webkit-align-self: baseline;}
.f-align-self-stretch{align-self: stretch;-webkit-align-self: stretch;}

.navbar-logo{
  min-width: 100px;
}
.navbar-logo .icon{
  width: 26px;
}
.navbar-logo .txt{
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}


.section-header .logo-light, .section-header .logo-dark{
  max-width: 260px;
}
.rib-line{
  max-width: 280px;
}
.bg-other{
  background: linear-gradient(90deg, #FFFFFF 0%, #FEF6F2 62%, #FDE6DB 100%);
}
.user-total{
  background-color: #222222;
}
.user-total .num{
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.user-total .desc{
  font-size: 15px;
  text-align: center;
  color: #fff;
}

.contact .desc{
  font-size: 16px;
  color: #222;
}


.text-lg{
  font-size: 30px;
}

.text-sm{
  font-size: 16px;
}

.type--xs{
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.type--xs-222{
  color: #222;
}

.section-footer{
  background: #222;
}


.mb-title{
  font-size: 30px !important;
  margin-bottom: 16px !important;
}
.mb-home-title-2{
  margin-bottom: 60px !important;
}
.mb-home-desc{
  font-size: 16px !important;
  margin-top: 40px !important;
}


#_toast{
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  margin-top:-20px;
  margin-left:-75px;
  width:150px;
  height:40px;
  border-radius:10px;
  background:#353535;
  text-align:center;
  font-size:12px;
  line-height:40px;
  color:#fff;
}