/**
* 通用css样式布局处理
* Copyright (c) 2023 anler
*/
/** 基础通用 **/
* {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

li {
  list-style-type: none;
  text-align: center;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.br4 {
  border-radius: 0.04rem;
}

.tac {
  text-align: center
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.m0 {
  margin: 0;
}

.mauto {
  margin: auto;
}

.p0 {
  padding: 0;
}

.pa20 {
  padding: 0.20rem;
}

.p5 {
  padding: 0 0.05rem;
}

.p10 {
  padding: 0 0.1rem;
}

.p20 {
  padding: 0 0.2rem;
}

.p25 {
  padding: 0 0.25rem;
}

.p30 {
  padding: 0 0.3rem;
}

.fsi {
  font-style: italic;
}

.fw {
  font-weight: bold;
}

.fw600 {
  font-weight: 600;
}

.fs8 {
  font-size: 0.1rem;
}

.fs12 {
  font-size: 0.12rem;
}

.fs14 {
  font-size: 0.14rem;
}

.fs15 {
  font-size: 0.15rem;
}

.fs16 {
  font-size: 0.16rem;
}

.fs18 {
  font-size: 0.18rem;
}

.fs19 {
  font-size: 0.19rem;
}

.fs20 {
  font-size: 0.2rem;
}

.fs22 {
  font-size: 0.22rem;
}

.fs24 {
  font-size: 0.24rem;
}

.fs25 {
  font-size: 0.25rem;
}

.fs26 {
  font-size: 0.26rem;
}

.fs27 {
  font-size: 0.27rem;
}

.fs28 {
  font-size: 0.28rem;
}

.fs30 {
  font-size: 0.3rem;
}

.fs32 {
  font-size: 0.32rem;
}
.fs34 {
  font-size: 0.34rem;
}

.fs35 {
  font-size: 0.35rem;
}

.fs36 {
  font-size: 0.36rem;
}

.fs40 {
  font-size: 0.40rem;
}
.fs48 {
  font-size: 0.48rem;
}
.fs50 {
  font-size: 0.50rem;
}

.fs52 {
  font-size: 0.52rem;
}

.fs60 {
  font-size: 0.60rem;
}

.fs70 {
  font-size: 0.70rem;
}

.fs80 {
  font-size: 0.80rem;
}

.fs88 {
  font-size: 0.88rem;
}

.fs100 {
  font-size: 1rem;
}

.fs104 {
  font-size: 1.04rem;
}

.pl5 {
  padding-left: 0.05rem;
}

.pl10 {
  padding-left: 0.10rem;
}

.pl20 {
  padding-left: 0.20rem;
}

.pl25 {
  padding-left: 0.25rem;
}

.pl96 {
  padding-left: 0.96rem;
}

.pt5 {
  padding-top: 0.05rem;
}

.pt8 {
  padding-top: 0.8rem;
}

.pt10 {
  padding-top: 0.10rem;
}
.pt15 {
  padding-top: 0.15rem;
}

.pt20 {
  padding-top: 0.20rem;
}

.pt25 {
  padding-top: 0.25rem;
}

.pt30 {
  padding-top: 0.30rem;
}

.pt40 {
  padding-top: 0.40rem;
}

.pt50 {
  padding-top: 0.50rem;
}

.pt60 {
  padding-top: 0.60rem;
}

.pt72 {
  padding-top: 0.72rem;
}

.pr5 {
  padding-right: 0.05rem;
}

.pr10 {
  padding-right: 0.10rem;
}

.pr20 {
  padding-right: 0.20rem;
}

.pr50 {
  padding-right: 0.50rem;
}

.pr60 {
  padding-right: 0.60rem;
}

.pb5 {
  padding-bottom: 0.05rem;
}

.pb10 {
  padding-bottom: 0.10rem;
}

.pb12 {
  padding-bottom: 0.12rem;
}

.pb20 {
  padding-bottom: 0.20rem;
}

.pb30 {
  padding-bottom: 0.30rem;
}

.pb40 {
  padding-bottom: 0.40rem;
}

.pb50 {
  padding-bottom: 0.50rem;
}

.pb60 {
  padding-bottom: 0.60rem;
}

.mr3 {
  margin-right: 0.03rem;
}

.mr5 {
  margin-right: 0.05rem;
}

.mr8 {
  margin-right: 0.08rem;
}

.mr10 {
  margin-right: 0.10rem;
}

.mr15 {
  margin-right: 0.15rem;
}

.mr20 {
  margin-right: 0.20rem;
}

.mr30 {
  margin-right: 0.30rem;
}

.mr40 {
  margin-right: 0.40rem;
}

.mr50 {
  margin-right: 0.50rem;
}
.mr56 {
  margin-right: 0.56rem;
}
.mr70 {
  margin-right: 0.70rem;
}

.mr80 {
  margin-right: 0.80rem;
}

.mr120 {
  margin-right: 1.20rem;
}

.mr190 {
  margin-right: 1.90rem;
}

.mb3 {
  margin-bottom: 0.03rem;
}

.mb5 {
  margin-bottom: 0.05rem;
}

.mb8 {
  margin-bottom: 0.08rem;
}

.mb15 {
  margin-bottom: 0.15rem;
}

.mb10 {
  margin-bottom: 0.10rem;
}

.mb20 {
  margin-bottom: 0.20rem;
}

.mb30 {
  margin-bottom: 0.30rem;
}

.mb36 {
  margin-bottom: 0.36rem;
}

.mb40 {
  margin-bottom: 0.40rem;
}

.mb60 {
  margin-bottom: 0.60rem;
}

.ml3 {
  margin-left: 0.03rem;
}

.ml5 {
  margin-left: 0.05rem;
}

.ml6 {
  margin-left: 0.06rem;
}

.ml10 {
  margin-left: 0.10rem;
}

.ml15 {
  margin-left: 0.15rem;
}

.ml20 {
  margin-left: 0.20rem;
}

.ml27 {
  margin-left: 0.27rem;
}

.ml30 {
  margin-left: 0.30rem;
}

.ml40 {
  margin-left: 0.40rem;
}

.ml50 {
  margin-left: 0.50rem;
}

.ml51 {
  margin-left: 0.51rem;
}

.ml54 {
  margin-left: 0.54rem;
}

.mt3 {
  margin-top: 0.03rem;
}

.mt5 {
  margin-top: 0.05rem;
}

.mt6 {
  margin-top: 0.06rem;
}

.mt8 {
  margin-top: 0.08rem;
}

.mt10 {
  margin-top: 0.10rem;
}

.mt15 {
  margin-top: 0.15rem;
}

.mt20 {
  margin-top: 0.20rem;
}

.mt22 {
  margin-top: 0.22rem;
}

.mt25 {
  margin-top: 0.25rem;
}

.mt30 {
  margin-top: 0.30rem;
}

.mt40 {
  margin-top: 0.40rem;
}

.mt50 {
  margin-top: 0.50rem;
}

.mt60 {
  margin-top: 0.60rem;
}

.w35 {
  width: 0.35rem;
}

.w40 {
  width: 0.40rem;
}

.w49 {
  width: 0.49rem;
}

.w60 {
  width: 0.60rem;
}

.w70 {
  width: 0.70rem;
}

.w80 {
  width: 0.80rem;
}

.w90 {
  width: 0.90rem;
}

.w120 {
  width: 1.20rem;
}

.w150 {
  width: 1.50rem;
}

.w690 {
  width: 6.9rem;
}

.w1200 {
  width: 12.00rem;
}

.w30 {
  width: 33%;
}

.w50 {
  width: 50%;
}

.w20 {
  width: 20%;
}

.w85 {
  width: 85%;
}

.w100 {
  width: 100%;
}

.min-h40 {
  min-height: 0.40rem;
}

.hp {
  height: 100%;
}

.hp15 {
  height: 15%;
}

.hp20 {
  height: 20%;
}

.hp25 {
  height: 25%;
}

.hp80 {
  height: 80%;
}

.hp90 {
  height: 90%;
}

.hp {
  height: 100%;
}

.h15 {
  height: 0.15rem;
}

.h20 {
  height: 0.20rem;
}

.h32 {
  height: 0.32rem;
}

.h40 {
  height: 0.40rem;
}

.h60 {
  height: 0.60rem;
}

.h35 {
  height: 0.35rem;
}

.h180 {
  height: 1.80rem;
}

.h200 {
  height: 2.00rem;
}

.h210 {
  height: 2.10rem;
}

.h220 {
  height: 2.20rem;
}

.h250 {
  height: 2.50rem;
}

.h270 {
  height: 2.70rem;
}

.h300 {
  height: 3.00rem;
}

.h340 {
  height: 3.40rem;
}

.h350 {
  height: 3.50rem;
}

.h370 {
  height: 3.70rem;
}

.h400 {
  height: 4.00rem;
}

.h450 {
  height: 4.50rem;
}

.h500 {
  height: 5.00rem;
}

.h700 {
  height: 7.00rem;
}

.lh20 {
  line-height: 0.20rem;
}

.lh24 {
  line-height: 0.24rem;
}

.lh30 {
  line-height: 0.30rem;
}

.lh48 {
  line-height: 0.48rem;
}

.tf180 {
  transform: rotate(180deg);
}

.tdu {
  text-decoration: underline;
}

.pointer {
  cursor: pointer;
}

.overspace {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

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

.colorwh {
  color: var(--white);
}

.color3 {
  color: var(--color3);
}

.color6 {
  color: var(--color6);
}

.color9 {
  color: var(--color9);
}

.colorc {
  color: var(--colorc);
}

.colEEA209 {
  color: var(--colEEA209);
}

.colFF8800 {
  color: var(--colFF8800);
}

.colEF0039 {
  color: var(--colEF0039);
}

.col3AB1FB {
  color: var(--col3AB1FB);
}

.col7F899B{
  color: #7F899B;
}
.col2753FF{
  color: #2753FF;
}
.colFFE6B4{
  color: #FFE6B4;
}
.colFFE600{
  color: #FFE600;
}
.colFFF700{
  color: #FFF700;
}
:root {
  --white: rgb(255, 255, 255);
  --color0: #000;
  --color3: #333;
  --color6: #666;
  --color9: #999;
  --colorc: #ccc;
  --colore: #eee;
  --colorf5: #F5F5F5;
  --colorf8: #F8F8F8;
  --colorfb: #FBFBFB;
  --colorf9: #F9F9F9;
  --colordf: #DFDFDF;
  --colf6f5f5: #F6F5F5;
  --colDCDFE6: #DCDFE6;
  --colFFF2E4: #FFF2E4;
  --colFEFBF7: #FEFBF7;
  --colFFEEEE: #FFEEEE;
  --colAA602F: #AA602F;
  --colFFEDDA: #FFEDDA;
  --colE8BA04: #E8BA04;
  --colffba00: #ffba00;
  --colEEA209: #EEA209;
  --colFFCE0C: #FFCE0C;
  --colFF8800: #FF8800;
  --colDF6800: #DF6800;
  --colFF7D4B: #FF7D4B;
  --colFF5454: #FF5454;
  --colFF3131: #FF3131;
  --colEF0039: #EF0039;
  --colCE3838: #CE3838;
  --col3AB1FB: #3AB1FB;
  --col33B9FF: #33B9FF;
  --col79A0FB: #79A0FB;
  --col409EFF: #409EFF;
  --col0087E1: #0087E1;
  --col1529D9: #1529D9;
  --col4235FB: #4235FB;
  --col5CB48B: #5CB48B;
  --col66CE62: #66CE62;
  --col62CEA9: #62CEA9;
  --col49CBCB: #49CBCB;
  --colFF8D57: #FF8D57;
  --colFFAC4D: #FFAC4D;
  --colFFF6EB: #FFF6EB;
  --colFFEDD9: #FFEDD9;
}

.is_show {
  display: none;
}

.loading {
  width: 100vw;
  height: 100vh;
}

.loading div {
  padding: 0.6rem 0;
  width: 2.5rem;
  border-radius: 0.2rem;
  background: rgba(0, 0, 0, 0.5);
}
