* {
  margin: 0;
  padding: 0;
}
@media (min-width: 320px) {html {font-size: 21.3333px;}}
@media (min-width: 360px) {html {font-size: 24px;}}
@media (min-width: 375px) {html {font-size: 25px;}}
@media (min-width: 384px) {html {font-size: 25.6px;}}
@media (min-width: 414px) {html {font-size: 27.6px;}}
@media (min-width: 448px) {html {font-size: 29.8667px;}}
@media (min-width: 480px) {html {font-size: 32px;}}
@media (min-width: 512px) {html {font-size: 34.1333px;}}
@media (min-width: 544px) {html {font-size: 36.2667px;}}
@media (min-width: 576px) {html {font-size: 38.4px;}}
@media (min-width: 608px) {html {font-size: 40.5333px;}}
@media (min-width: 640px) {html {font-size: 42px;}}
.font-s-14{
  font-size: 14px;
}
.font-s-15{
  font-size: 15px;
}
.font-s-16{
  font-size: 16px;
}
.font-s-18{
  font-size: 18px;
}
.font-s-20{
  font-size: 20px;
}
.font-s-22{
  font-size: 22px;
}
.f-c-000{
  color: #000;
}
.f-c-333{
  color: #333;
}
.f-c-666{
  color: #666;
}
.f-c-999{
  color: #999;
}
.f-w-444{
  font-weight: 444;
}
.f-w-555{
  font-weight: 555;
}
.f-w-600{
  font-weight: 600;
}
.f-c-666{
  color:#666;
}
.f-c-31b497{
  color: #31b497;
}
.f-c-FF6688{
  color: #FF6688
}
.m-l-10{
  margin-left: 10px;
}
.m-r-10{
  margin-right: 10px;
}
.m-r-20{
  margin-right: 20px;
}
.m-r-30{
  margin-right: 30px;
}
.m-t-5{
  margin-top: 5px;
}
.m-t-10{
  margin-top: 10px;
}
.m-t-20{
  margin-top: 20px;
}
.m-b-10{
  margin-bottom: 10px;
}
.flex-only{
  display: flex;
}
.flex-c{
  display: flex;
  flex-direction: column;
}
.flex-c-s-b{
  justify-content: space-between;
}
.align-c{
  text-align: center;
}
.single-line{
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.two-line{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.three-line{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.f-r-400{
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400; 
}
.display-table{
  display: table;
}
.display-table-row{
  display: table-row;
}
.display-table-cell{
  display: table-cell;
}
.bom_float{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  padding-left: 3%;
  display: flex;
  background: white;
  padding-top: 10px;
  z-index: 2;
}
.bom_float div{
  height: 40px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.bom_float_btn0{
  background: #7AABF8;
  width: 32%;
  color: white;
  cursor: pointer;
}
.bom_float_btn1{
  margin: 0 2.5%;
  width: 27%;
  background: #FF6688;
  color: white;
  cursor: pointer;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.bom_float_btn2{
  width: 30%;
  background: #FFF4F6;
  color: #FF6688;
  border: 1px #FF6688 solid;
  cursor: pointer;
}