html,
body,
#app {
  width: 100%;
  height: 100%;
  /*font-family: "PINGFANG";*/
  font-family: "AlibabaPuHuiTiR";
  color: #333333;
  background: #f5f5f5;
  -webkit-overflow-scrolling: touch;
}

.PINGFANG {
  font-family: "AlibabaPuHuiTiR";
}

.container-web {
  width: 12rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.cur {
  cursor: pointer;
}

.cursor {
  cursor: pointer;
}

.cursor:hover {
  color: #0d5bbd !important;
}

/* flex布局 */
.flex {
  display: flex;
  align-items: center;
}

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

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

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

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

a {
  text-decoration: none;
}

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

/* 超出省略号 */
.textOver {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden !important;
}
._nowrap {
  white-space: nowrap;
}

/* 字体加横线 */
.noText {
  text-decoration: line-through;
}

.bold {
  font-weight: bold;
}

.bold400 {
  font-weight: 400;
}

.bold500 {
  font-weight: 500;
}

.bold600 {
  font-weight: 600;
}

/* 字体大小 */

.font8 {
  font-size: 0.08rem;
}

.font9 {
  font-size: 0.09rem;
}

.font10 {
  font-size: 0.1rem;
}

.font11 {
  font-size: 0.11rem;
}

.font12 {
  font-size: 0.12rem;
}

.font13 {
  font-size: 0.13rem;
}

.font14 {
  font-size: 0.14rem;
}

.font15 {
  font-size: 0.15rem;
}

.font16 {
  font-size: 0.16rem;
}

.font18 {
  font-size: 0.18rem;
}

.font20 {
  font-size: 0.2rem;
}

.font22 {
  font-size: 0.22rem;
}

.font24 {
  font-size: 0.24rem;
}

.font26 {
  font-size: 0.26rem;
}

.font28 {
  font-size: 0.28rem;
}

.font30 {
  font-size: 0.3rem;
}

.font36 {
  font-size: 0.36rem;
}

.font40 {
  font-size: 0.4rem;
}

.font50 {
  font-size: 0.5rem;
}

.font54 {
  font-size: 0.54rem;
}

/*.font8 {*/
/*    font-size: 8px;*/
/*}*/

/*.font9 {*/
/*    font-size: 9px;*/
/*}*/

/*.font10 {*/
/*    font-size: 10px;*/
/*}*/

/*.font11 {*/
/*    font-size: 11px;*/
/*}*/

/*.font12 {*/
/*    font-size: 12px;*/
/*}*/

/*.font13 {*/
/*    font-size: 13px;*/
/*}*/

/*.font14 {*/
/*    font-size: 14px;*/
/*}*/

/*.font15 {*/
/*    font-size: 15px*/
/*}*/

/*.font16 {*/
/*    font-size: 16px*/
/*}*/

/*.font18 {*/
/*    font-size: 18px;*/
/*}*/

/*.font20 {*/
/*    font-size: 20px;*/
/*}*/

/*.font22 {*/
/*    font-size: 22px;*/
/*}*/

/*.font24 {*/
/*    font-size: 24px;*/
/*}*/

/*.font26 {*/
/*    font-size: 26px;*/
/*}*/

/*.font28 {*/
/*    font-size: 28px;*/
/*}*/

/*.font30 {*/
/*    font-size:30px;*/
/*}*/

/*.font35 {*/
/*    font-size: 35px;*/
/*}*/

/*.font54 {*/
/*    font-size: 54px;*/
/*}*/

/* 外边距 */
.mt3 {
  margin-top: 0.03rem;
}

.mt5 {
  margin-top: 0.05rem;
}

.mt8 {
  margin-top: 0.08rem;
}

.mt9 {
  margin-top: 0.09rem;
}

.mt10 {
  margin-top: 0.1rem !important;
}

.mt12 {
  margin-top: 0.12rem;
}

.mt15 {
  margin-top: 0.15rem !important;
}

.mt16 {
  margin-top: 0.16rem !important;
}

.mt17 {
  margin-top: 0.17rem;
}

.mt18 {
  margin-top: 0.18rem;
}

.mt19 {
  margin-top: 0.19rem;
}

.mt20 {
  margin-top: 0.2rem;
}

.mt22 {
  margin-top: 0.22rem;
}

.mt23 {
  margin-top: 0.23rem;
}

.mt24 {
  margin-top: 0.24rem;
}

.mt28 {
  margin-top: 0.28rem;
}

.mt30 {
  margin-top: 0.3rem;
}

.mt38 {
  margin-top: 0.38rem;
}

.mt40 {
  margin-top: 0.4rem;
}

.mt41 {
  margin-top: 0.41rem;
}

.mt46 {
  margin-top: 0.46rem;
}

.mt50 {
  margin-top: 0.5rem;
}

.mt58 {
  margin-top: 0.58rem;
}

.mt60 {
  margin-top: 0.6rem;
}

.mt70 {
  margin-top: 0.7rem;
}

.mt94 {
  margin-top: 0.94rem;
}

.mb5 {
  margin-bottom: 0.05rem !important;
}

.mb8 {
  margin-bottom: 0.08rem;
}

.mb10 {
  margin-bottom: 0.1rem;
}

.mb12 {
  margin-bottom: 0.12rem;
}

.mb15 {
  margin-bottom: 0.15rem;
}

.mb17 {
  margin-bottom: 0.17rem;
}

.mb20 {
  margin-bottom: 0.2rem;
}

.mb25 {
  margin-bottom: 0.25rem;
}

.mb30 {
  margin-bottom: 0.3rem;
}

.mb40 {
  margin-bottom: 0.4rem;
}

.mb50 {
  margin-bottom: 0.5rem !important;
}

.ml {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 0.05rem;
}

.ml10 {
  margin-left: 0.1rem;
}

.ml12 {
  margin-left: 0.12rem;
}

.ml15 {
  margin-left: 0.15rem;
}

.ml20 {
  margin-left: 0.2rem;
}

.ml54 {
  margin-left: 0.54rem;
}

.ml70 {
  margin-left: 0.7rem;
}

.mr5 {
  margin-right: 0.05rem;
}

.mr8 {
  margin-right: 0.08rem;
}

.mr9 {
  margin-right: 0.09rem;
}

.mr10 {
  margin-right: 0.1rem;
}

.mr12 {
  margin-right: 0.12rem;
}

.mr13 {
  margin-right: 0.13rem;
}

.mr14 {
  margin-right: 0.14rem;
}

.mr15 {
  margin-right: 0.15rem;
}

.mr18 {
  margin-right: 0.18rem;
}

.mr20 {
  margin-right: 0.2rem;
}

.mr25 {
  margin-right: 0.25rem;
}

.mr26 {
  margin-right: 0.26rem;
}

.mr30 {
  margin-right: 0.3rem;
}

.mr35 {
  margin-right: 0.35rem;
}

.mr40 {
  margin-right: 0.4rem;
}

.mr54 {
  margin-right: 0.54rem;
}

.mr80 {
  margin-right: 0.8rem;
}

/* 内边距 */
.pd20 {
  padding: 0 0.2rem;
}

.pd8 {
  padding: 0.08rem;
}

.pd30 {
  padding: 0.3rem;
}

.pd50 {
  padding: 0.5rem;
}

/* 上下边距 */
.pad20 {
  padding: 0.2rem 0;
}

.pad12 {
  padding: 0.12rem 0;
}

.pad16 {
  padding: 0.16rem 0;
}

.pt3 {
  padding-top: 0.03rem;
}

.pt5 {
  padding-top: 0.05rem;
}

.pt8 {
  padding-top: 0.08rem;
}

.pt10 {
  padding-top: 0.1rem;
}

.pt13 {
  padding-top: 0.13rem;
}

.pt15 {
  padding-top: 0.15rem;
}

.pt16 {
  padding-top: 0.16rem;
}

.pt20 {
  padding-top: 0.2rem;
}

.pt24 {
  padding-top: 0.24rem;
}

.pt30 {
  padding-top: 0.3rem;
}

.pt40 {
  padding-top: 0.4rem;
}

.pt43 {
  padding-top: 0.43rem;
}

.pt50 {
  padding-top: 0.5rem;
}

.pt58 {
  padding-top: 0.58rem;
}

.pl5 {
  padding-left: 0.05rem;
}

.pl7 {
  padding-left: 0.07rem;
}

.pl10 {
  padding-left: 0.1rem;
}

.pl15 {
  padding-left: 0.15rem;
}

.pl18 {
  padding-left: 0.18rem;
}

.pl20 {
  padding-left: 0.2rem;
}

.pl26 {
  padding-left: 0.26rem;
}

.pl30 {
  padding-left: 0.3rem;
}

.pl32 {
  padding-left: 0.32rem;
}

.pl150 {
  padding-left: 1.5rem;
}

.pr5 {
  padding-right: 0.05rem;
}

.pr10 {
  padding-right: 0.1rem;
}

.pr15 {
  padding-right: 0.15rem;
}

.pr18 {
  padding-right: 0.18rem;
}

.pr20 {
  padding-right: 0.2rem;
}

.pr26 {
  padding-right: 0.26rem;
}

.pr30 {
  padding-right: 0.3rem;
}

.pr150 {
  padding-right: 1.5rem;
}

.pb2 {
  padding-bottom: 0.02rem !important;
}

.pb3 {
  padding-bottom: 0.03rem !important;
}

.pb8 {
  padding-bottom: 0.08rem !important;
}

.pb10 {
  padding-bottom: 0.1rem;
}

.pb13 {
  padding-bottom: 0.13rem;
}

.pb14 {
  padding-bottom: 0.14rem;
}

.pb20 {
  padding-bottom: 0.2rem;
}

.pb15 {
  padding-bottom: 0.15rem !important;
}

.pb23 {
  padding-bottom: 0.23rem;
}

.pb30 {
  padding-bottom: 0.3rem;
}

.pb40 {
  padding-bottom: 0.4rem;
}

.pb50 {
  padding-bottom: 0.5rem;
}

.pb186 {
  padding-bottom: 1.86rem;
}

/* 字体颜色 */
.corfff {
  color: #fff;
}

.cor236 {
  color: #2366fe;
}

.cor474 {
  color: #474a58;
}

.cor838 {
  color: #8389a0;
}

.cor4D4 {
  color: #4d4d4d;
}

.cor000 {
  color: #000;
}

.cor333 {
  color: #333333;
}

.cor666 {
  color: #666666;
}

.cor999 {
  color: #999999;
}

.cor5D5 {
  color: #5d5d5d;
}

.cor4B4 {
  color: #4b4b4b;
}

.corFF0 {
  color: #ff0000;
}

.corC70 {
  color: #c70000;
}

.corFF2 {
  color: #ff2300;
}

.corF52 {
  color: #f5222d;
}

.cor0D5 {
  color: #0d5bbd !important;
}

.cor999 {
  color: #999999 !important;
}

.cor888 {
  color: #888888;
}

.cor8A3 {
  color: #8a3d99;
}

.corA3A {
  color: #a3a3a3;
}

.cor543 {
  color: #543007;
}

.corD3B {
  color: #d3bb77;
}

.corEE5 {
  color: #ee5346;
}

.corFFA {
  color: #ffaa00;
}

.cor2F9 {
  color: #2f9efb;
}

.cor189 {
  color: #1890ff;
}

.cor249 {
  color: #2491e8;
}

.cor007 {
  color: #007bf3;
}

.cor0F7 {
  color: #0f77ca;
}

.cor73B {
  color: #73b82e;
}

.cor0DD {
  color: #0dd78d;
}

.cor7FB {
  color: #7fbd46;
}

.cor209 {
  color: #2092f2;
}

/* 背景色 */
.bgFFF {
  background: #fff;
}

.bgF6F {
  background: #f6f6f6;
}

.bgF5F {
  background: #f5f5f5;
}

.bgF8F {
  background: #f8f8f8;
}

.bg56B {
  background: #56b4ff;
}

.bg249 {
  background: #2491e8;
}

.bgD3B {
  background: #d3bb77;
}

.bg3D6 {
  background: #3d6dcc;
}

.bgEB3 {
  background: #0d5bbd;
}

.bgNone {
  background: transparent;
}

.boxzing {
  box-sizing: border-box;
}

.bor8 {
  border-radius: 0.08rem !important;
}

.bor50 {
  border-radius: 50%;
}

input::placeholder {
  color: #cecece;
}

/* 隐藏滚动条 */
/* ::-webkit-scrollbar{
  width: 0;
  height: 0;
  color: transparent;
  } */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
  /* width: 7rem;
    height: 7rem;
    background-color: #F5F5F5; */
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.3);
  border-radius: 0.1rem;
  background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 0.06rem rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8;
}

.bor_btn:hover {
  box-sizing: border-box;
  border: 0.02rem solid #0d5bbd !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}