/*
 *  全局公用样式表
*/

/* 常用背景色 */
.bd-gray {
  border: 0.01rem solid #dbe2ec;
}

.bc-gray {
  background-color: #f7f8fa;
}

.bc-white {
  background-color: white;
}

/* 常用字体色 */
.tc-yellow {
  color: #e58200;
}

.tc-blue {
  color: #0089e5;
}

.tc-gray {
  color: #666666;
}

.tc-lightgray {
  color: #e5e5e5;
}

.tc-black {
  color: #333333;
}

.tc-white {
  color: #fff;
}

.tc-bgray {
  color: #363433;
}

.tc-f1210 {
  color: #1f1210;
}

/* 常用字体 */
.fz-12 {
  font-size: 0.12rem;
}

.fz-13 {
  font-size: 0.13rem;
}

.fz-14 {
  font-size: 0.14rem;
}

.fz-15 {
  font-size: 0.15rem;
}

.fz-16 {
  font-size: 0.16rem;
}

.fz-18 {
  font-size: 0.18rem;
}

.fz-20 {
  font-size: 0.2rem;
}

.fz-22 {
  font-size: 0.22rem;
}

.fz-24 {
  font-size: 0.24rem;
}

.fz-25 {
  font-size: 0.25rem;
}

.fz-26 {
  font-size: 0.26rem;
}

.fz-28 {
  font-size: 0.28rem;
}

.fz-30 {
  font-size: 0.3rem;
}

.fz-32 {
  font-size: 0.32rem;
}

.fz-34 {
  font-size: 0.34rem;
}

.fz-40 {
  font-size: 0.4rem;
}

.fz-50 {
  font-size: 0.5rem;
}
.fz-60 {
  font-size: 0.6rem;
}
.fz-70 {
  font-size: 0.6rem;
}

.flex-jcc {
  display: flex;
  justify-content: center;
}

.flex-jce {
  display: flex;
  justify-content: flex-end;
}

.flex-jsb {
  display: flex;
  justify-content: space-between;
}

.flex-jca {
  display: flex;
  justify-content: space-around;
}

.flex-jcs {
  display: flex;
  justify-content: flex-start;
}

.flex-aic {
  display: flex;
  align-items: center;
}

.flex-aie {
  display: flex;
  align-items: flex-end;
}

.flex-dr {
  display: flex;
  flex-direction: row;
}

.flex-drr {
  display: flex;
  flex-direction: row-reverse;
}

.flex-dc {
  display: flex;
  flex-direction: column;
}

.flex-dcr {
  display: flex;
  flex-direction: column-reverse;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-ast {
  display: flex;
  align-items: flex-start;
}

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

.text-ellipsis-1 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
}

.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.text-ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.fm-aba {
  font-family: Arial-Bold, Arial;
}

.fm-ara {
  font-family: Arial-Regular, Arial;
}

.w-100 {
  width: 100%;
}

.w-90 {
  width: 90%;
}

.w-70 {
  width: 70%;
}

.h-100 {
  height: 100%;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

.text-left {
  text-align: left;
}

[dir="rtl"] .text-left {
  text-align: right;
}

.fl {
  float: left;
}

[dir="rtl"] .fl {
  float: right;
}

.text-left .fl {
  float: initial;
  float: right;
}

.text-left .fl {
  float: initial;
  float: right;
}

.fr {
  float: right;
}

[dir="rtl"] .fr {
  float: left;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.va-middle {
  vertical-align: middle;
}

/* 字体颜色 */

/* 文本 */

.fw-bd {
  font-weight: bold;
}

.fw-normal {
  font-weight: normal;
}

/* 行高 */

.lh-30 {
  line-height: 0.3rem;
}

.lh-40 {
  line-height: 0.4rem;
}

.lh-50 {
  line-height: 0.5rem;
}

.lh-60 {
  line-height: 0.7rem;
}

.text-nowrap {
  white-space: nowrap;
}

.ws-nr {
  white-space: nowrap;
}

/* 元素间距 */

.p-1 {
  padding: 0.13rem;
}

.p-2 {
  padding: 0.2rem;
}

.p-3 {
  padding: 0.3rem;
}

.pl-1 {
  padding-left: 0.1rem;
}

.pl-2 {
  padding-left: 0.2rem;
}

.pl-3 {
  padding-left: 0.3rem;
}

.pl-4 {
  padding-left: 0.4rem;
}

.pl-6 {
  padding-left: 0.6rem;
}

.pr-1 {
  padding-right: 0.1rem;
}

.pr-2 {
  padding-right: 0.2rem;
}

.pr-3 {
  padding-right: 0.3rem;
}

.pr-4 {
  padding-right: 0.4rem;
}

.pr-6 {
  padding-right: 0.6rem;
}

.pb-1 {
  padding-bottom: 0.1rem;
}

.pb-2 {
  padding-bottom: 0.2rem;
}

.pb-5 {
  padding-bottom: 0.5rem;
}

.pb-6 {
  padding-bottom: 0.6rem;
}

.pb-3 {
  padding-bottom: 0.3rem;
}

.pb-45 {
  padding-bottom: 0.45rem;
}

.pb-8 {
  padding-bottom: 0.8rem;
}

.pb-10 {
  padding-bottom: 1rem;
}

.pb-12 {
  padding-bottom: 1.2rem;
}

.pb-15 {
  padding-bottom: 1.5rem;
}

.pb-20 {
  padding-bottom: 2rem;
}

.pb-30 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 0.4rem;
}

.pt-05 {
  padding-top: 0.05rem;
}

.pt-1 {
  padding-top: 0.1rem;
}

.pt-2 {
  padding-top: 0.2rem;
}

.pt-3 {
  padding-top: 0.3rem;
}

.pt-35 {
  padding-top: 0.35rem;
}

.pt-4 {
  padding-top: 0.4rem;
}

.pt-6 {
  padding-top: 0.6rem;
}

.pt-7 {
  padding-top: 0.7rem;
}

.pt-8 {
  padding-top: 0.8rem;
}

.pt-10 {
  padding-top: 1rem;
}

.pt-15 {
  padding-top: 1.5rem;
}

.pt-20 {
  padding-top: 2rem;
}

.pt-5 {
  padding-top: 0.5rem;
}

.py-05 {
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}

.px-1 {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.px-2 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.px-3 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.py-1 {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

.py-15 {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.py-2 {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.py-22 {
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
}

.py-25 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-3 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.py-4 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.py-5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-6 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.plr-1 {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}

.plr-05 {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}

.plr-2 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.plr-3 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.plr-4 {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.plr-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.plr-6 {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.mx-05 {
  margin-left: 0.05rem;
  margin-right: 0.05rem;
}

.mx-1 {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}

.mx-2 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.mx-3 {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.mx-4 {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}

.mx-5 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-6 {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}

.mx-10 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-20 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-1 {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}

.my-2 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.my-3 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.my-5 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ml-05 {
  margin-left: 0.05rem;
}

.ml-1 {
  margin-left: 0.1rem;
}

.ml-2 {
  margin-left: 0.2rem;
}

.ml-3 {
  margin-left: 0.3rem;
}

.ml-4 {
  margin-left: 0.4rem;
}

.ml-5 {
  margin-left: 0.5rem;
}

.ml-6 {
  margin-left: 0.6rem;
}

.ml-8 {
  margin-left: 0.8rem;
}

.ml-10 {
  margin-left: 1rem;
}

.ml-12 {
  margin-left: 1.2rem;
}

.mt-05 {
  margin-top: 0.05rem;
}

.mt-1 {
  margin-top: 0.1rem;
}

.mt-14 {
  margin-top: 0.15rem;
}

.mt-15 {
  margin-top: 0.15rem;
}

.mt-2 {
  margin-top: 0.2rem;
}

.mt-3 {
  margin-top: 0.3rem;
}

.mt-4 {
  margin-top: 0.4rem;
}

.mt-5 {
  margin-top: 0.5rem;
}

.mt-6 {
  margin-top: 0.6rem;
}

.mt-7 {
  margin-top: 0.7rem;
}

.mt-10 {
  margin-top: 1rem;
}

.mt-20 {
  margin-top: 2rem;
}

.mt-200 {
  margin-top: 2rem;
}

.mt-150 {
  margin-top: 1.5rem;
}

.mt-160 {
  margin-top: 1.6rem;
}

.ml-1 {
  margin-left: 0.1rem;
}

.ml-2 {
  margin-left: 0.2rem;
}

.ml-3 {
  margin-left: 0.3rem;
}

.ml-4 {
  margin-left: 0.4rem;
}

.mr-05 {
  margin-right: 0.05rem;
}

.mr-1 {
  margin-right: 0.1rem;
}

[dir="rtl"] .mr-1 {
  margin-right: initial;
  margin-left: 0.1rem;
}

.mr-2 {
  margin-right: 0.2rem;
}

[dir="rtl"] .mr-2 {
  margin-right: initial;
  margin-left: 0.2rem;
}

.mr-3 {
  margin-right: 0.3rem;
}

[dir="rtl"] .mr-3 {
  margin-right: initial;
  margin-left: 0.3rem;
}

.mr-4 {
  margin-right: 0.4rem;
}

[dir="rtl"] .mr-4 {
  margin-right: initial;
  margin-left: 0.4rem;
}

.mr-5 {
  margin-right: 0.5rem;
}

[dir="rtl"] .mr-5 {
  margin-right: initial;
  margin-left: 0.5rem;
}

.mr-6 {
  margin-right: 0.6rem;
}

[dir="rtl"] .mr-6 {
  margin-right: initial;
  margin-left: 0.6rem;
}

.mr-7 {
  margin-right: 0.7rem;
}

[dir="rtl"] .mr-7 {
  margin-right: initial;
  margin-left: 0.7rem;
}

.mr-8 {
  margin-right: 0.8rem;
}

[dir="rtl"] .mr-8 {
  margin-right: initial;
  margin-left: 0.8rem;
}

.mb-05 {
  margin-bottom: 0.05rem;
}

.mb-1 {
  margin-bottom: 0.1rem;
}

.mb-2 {
  margin-bottom: 0.2rem;
}

.mb-3 {
  margin-bottom: 0.3rem;
}

.mb-4 {
  margin-bottom: 0.4rem;
}

.mb-5 {
  margin-bottom: 0.5rem;
}

.mb-6 {
  margin-bottom: 0.6rem;
}

.mb-15 {
  margin-bottom: 1.5rem;
}

.mb-30 {
  margin-bottom: 3rem;
}

.mb-130 {
  margin-bottom: 1.3rem;
}

.mb-150 {
  margin-bottom: 1.5rem;
}

.mb-200 {
  margin-bottom: 2rem;
}

.my-2 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.my-3 {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.my-4 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

/* 边框 */

.bb {
  border-bottom: 0.01rem solid #e4e7ed;
}

.bb-gray {
  border-bottom: 0.01rem solid #efefef;
}

.bt-gray {
  border-top: 0.01rem solid #efefef;
}

.bt {
  border-top: 0.01rem solid #e4e7ed;
}

.bxy {
  border: 0.01rem solid #e5e5e5;
}

.br-5 {
  border-radius: 0.05rem;
}

.br-10 {
  border-radius: 0.1rem;
}

.br-50 {
  border-radius: 0.5rem;
}

.br-100 {
  border-radius: 1rem;
}

/* 块元素 */

.dp-ib {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.p-relative {
  position: relative;
}

.of-hidden {
  overflow: hidden;
}

.cs-pt {
  cursor: pointer;
}