/*
注意只有当你需要某元素的单位要根据屏幕宽度大小变化时，才需要rpx这类动态宽度单位。
一般情况下高度和字体大小是不应该根据屏幕宽度变化的。
*/


/* background-color: #fafafa; */
page {
  max-width: 960px;
  margin: auto;
}

/* 自适应的最大页面宽度 */
/* .content-box {
  max-width: 960px;
  margin: auto;
} */

text {
  font-family: PingFang-SC-Regular;
  color: #737373;
}

scroll-view {
  display: block;
  box-sizing: border-box;
}

.bk_style {
  background-repeat: no-repeat;
  background-size: cover;
}

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

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

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

/*定位以及文字样式*/
.p_re {
  position: relative;
}

.p_a {
  position: absolute;
}

.p_f {
  position: fixed;
}

.oh {
  overflow: hidden;
}


.tc {
  text-align: center;
}

.te {
  text-align: end;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.fw {
  font-weight: bold;
}

.fn {
  font-weight: normal;
}


/*文本颜色*/
.cofff {
  color: #fff;
}

.co000 {
  color: #000;
}

.co383838 {
  color: #383838;
}

.co737373 {
  color: #737373;
}

.coFB3838 {
  color: #FB3838;
}

.coA51C30 {
  color: #A51C30;
}

.co7ab4d1 {
  color: #409eff;
  line-height: 32px;
}

/*背景色*/
.bgc {
  background-color: #fff;
}


/*字体大小*/
/*注意:正常情况下,字体不应该随屏幕尺寸变化而自适应,所以这里是像素单位*/
.fs0 {
  font-size: 0px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs32 {
  font-size: 32px;
}

.fs34 {
  font-size: 34px;
}

.fs36 {
  font-size: 36px;
}

.fs38 {
  font-size: 38px;
}

.fs40 {
  font-size: 40px;
}

.fs42 {
  font-size: 42px;
}

.fs44 {
  font-size: 44px;
}

.fs46 {
  font-size: 46px;
}

.fs48 {
  font-size: 48px;
}

.fs50 {
  font-size: 50px;
}

.fs52 {
  font-size: 52px;
}

.fs54 {
  font-size: 54px;
}

.fs56 {
  font-size: 56px;
}

.fs58 {
  font-size: 58px;
}

.fs60 {
  font-size: 60px;
}

/* 字体间距 */
.ls0 {
  letter-spacing: 0px;
}

.ls2 {
  letter-spacing: 2px;
}

.ls4 {
  letter-spacing: 4px;
}

.ls6 {
  letter-spacing: 6px;
}

.ls8 {
  letter-spacing: 8px;
}

.ls10 {
  letter-spacing: 10px;
}

.ls12 {
  letter-spacing: 12px;
}

.ls14 {
  letter-spacing: 14px;
}

.ls16 {
  letter-spacing: 16px;
}

.ls18 {
  letter-spacing: 18px;
}

.ls20 {
  letter-spacing: 20px;
}

/*行高*/
.lh0 {
  line-height: 0px;
}

.lh10 {
  line-height: 10px;
}

.lh20 {
  line-height: 20px;
}

.lh30 {
  line-height: 30px;
}

.lh32 {
  line-height: 32px;
}

.lh36 {
  line-height: 36px;
}

.lh40 {
  line-height: 40px;
}

.lh42 {
  line-height: 42px;
}

.lh46 {
  line-height: 46px;
}

.lh54 {
  line-height: 54px;
}

.lh-normal {
  line-height: normal;
}

/*删除线*/
.del_line {
  text-decoration: line-through;
}

/* 直线 */
.line {
  width: 100%;
  height: 1px;
  background: #E8E8E8;
}

/*左内间距*/
.pl2 {
  padding-left: 2px;
}

.pl4 {
  padding-left: 4px;
}

.pl6 {
  padding-left: 6px;
}

.pl8 {
  padding-left: 8px;
}

.pl10 {
  padding-left: 10px;
}

.pl12 {
  padding-left: 12px;
}

.pl14 {
  padding-left: 14px;
}

.pl16 {
  padding-left: 16px;
}

.pl18 {
  padding-left: 18px;
}

.pl20 {
  padding-left: 20px;
}

.pl22 {
  padding-left: 22px;
}

.pl24 {
  padding-left: 24px;
}

.pl26 {
  padding-left: 26px;
}

.pl28 {
  padding-left: 28px;
}

.pl30 {
  padding-left: 30px;
}

.pl32 {
  padding-left: 32px;
}

.pl34 {
  padding-left: 34px;
}

.pl36 {
  padding-left: 36px;
}

.pl38 {
  padding-left: 38px;
}

.pl40 {
  padding-left: 40px;
}

.pl42 {
  padding-left: 42px;
}

.pl44 {
  padding-left: 44px;
}

.pl46 {
  padding-left: 46px;
}

.pl48 {
  padding-left: 48px;
}

.pl50 {
  padding-left: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pl70 {
  padding-left: 70px;
}

/*右内间距*/

.pr2 {
  padding-right: 2px;
}

.pr4 {
  padding-right: 4px;
}

.pr6 {
  padding-right: 6px;
}

.pr8 {
  padding-right: 8px;
}

.pr10 {
  padding-right: 10px;
}

.pr14 {
  padding-right: 14px;
}

.pr16 {
  padding-right: 16px;
}

.pr18 {
  padding-right: 18px;
}

.pr20 {
  padding-right: 20px;
}

.pr22 {
  padding-right: 22px;
}

.pr24 {
  padding-right: 24px;
}

.pr26 {
  padding-right: 26px;
}

.pr28 {
  padding-right: 28px;
}

.pr30 {
  padding-right: 30px;
}

.pr32 {
  padding-right: 32px;
}

.pr34 {
  padding-right: 34px;
}

.pr36 {
  padding-right: 36px;
}

.pr38 {
  padding-right: 38px;
}

.pr40 {
  padding-right: 40px;
}

/*上内间距*/
.pt2 {
  padding-top: 2px;
}

.pt4 {
  padding-top: 4px;
}

.pt6 {
  padding-top: 6px;
}

.pt8 {
  padding-top: 8px;
}

.pt10 {
  padding-top: 10px;
}

.pt12 {
  padding-top: 12px;
}

.pt14 {
  padding-top: 14px;
}

.pt16 {
  padding-top: 16px;
}

.pt18 {
  padding-top: 18px;
}

.pt20 {
  padding-top: 20px;
}

.pt22 {
  padding-top: 22px;
}

.pt24 {
  padding-top: 24px;
}

.pt26 {
  padding-top: 26px;
}

.pt28 {
  padding-top: 28px;
}

.pt30 {
  padding-top: 30px;
}

.pt32 {
  padding-top: 32px;
}

.pt34 {
  padding-top: 34px;
}

.pt36 {
  padding-top: 36px;
}

.pt38 {
  padding-top: 38px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pt100 {
  padding-top: 100px;
}

/* 下内边距 */

.pb2 {
  padding-bottom: 2px;
}

.pb4 {
  padding-bottom: 4px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb12 {
  padding-bottom: 12px;
}

.pb14 {
  padding-bottom: 14px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb22 {
  padding-bottom: 22px;
}

.pb24 {
  padding-bottom: 24px;
}

.pb26 {
  padding-bottom: 26px;
}

.pb28 {
  padding-bottom: 28px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb32 {
  padding-bottom: 32px;
}

.pb34 {
  padding-bottom: 34px;
}

.pb36 {
  padding-bottom: 36px;
}

.pb38 {
  padding-bottom: 38px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}
.pb120 {
  padding-bottom: 120px;
}


/*右外间距*/
.mr2 {
  margin-right: 2px;
}

.mr4 {
  margin-right: 4px;
}

.mr6 {
  margin-right: 6px;
}

.mr8 {
  margin-right: 8px;
}

.mr10 {
  margin-right: 10px;
}

.mr12 {
  margin-right: 12px;
}

.mr14 {
  margin-right: 14px;
}

.mr16 {
  margin-right: 16px;
}

.mr18 {
  margin-right: 18px;
}

.mr20 {
  margin-right: 20px;
}

.mr22 {
  margin-right: 22px;
}

.mr24 {
  margin-right: 24px;
}

.mr26 {
  margin-right: 26px;
}


.mr28 {
  margin-right: 28px;
}

.mr30 {
  margin-right: 30px;
}

.mr32 {
  margin-right: 32px;
}

.mr34 {
  margin-right: 34px;
}

.mr36 {
  margin-right: 36px;
}

.mr38 {
  margin-right: 38px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr90 {
  margin-right: 90px;
}

.mr100 {
  margin-right: 100px;
}

.mr120 {
  margin-right: 120px;
}

/*上外间距*/

.mt2 {
  margin-top: 2px;
}

.mt4 {
  margin-top: 4px;
}

.mt6 {
  margin-top: 6px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt14 {
  margin-top: 14px;
}

.mt16 {
  margin-top: 16px;
}

.mt18 {
  margin-top: 18px;
}

.mt20 {
  margin-top: 20px;
}

.mt22 {
  margin-top: 22px;
}

.mt24 {
  margin-top: 24px;
}

.mt26 {
  margin-top: 26px;
}

.mt28 {
  margin-top: 28px;
}

.mt30 {
  margin-top: 30px;
}

.mt32 {
  margin-top: 32px;
}

.mt34 {
  margin-top: 34px;
}

.mt36 {
  margin-top: 36px;
}

.mt38 {
  margin-top: 38px;
}

.mt40 {
  margin-top: 40px;
}

.mt42 {
  margin-top: 42px;
}

.mt44 {
  margin-top: 44px;
}

.mt46 {
  margin-top: 46px;
}

.mt48 {
  margin-top: 48px;
}

.mt50 {
  margin-top: 50px;
}

.mt52 {
  margin-top: 52px;
}

.mt54 {
  margin-top: 54px;
}

.mt56 {
  margin-top: 56px;
}

.mt58 {
  margin-top: 58px;
}

.mt60 {
  margin-top: 60px;
}

.mt62 {
  margin-top: 62px;
}

.mt64 {
  margin-top: 64px;
}

.mt66 {
  margin-top: 66px;
}

.mt68 {
  margin-top: 68px;
}

.mt70 {
  margin-top: 70px;
}


.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mt120 {
  margin-top: 120px;
}

.mt140 {
  margin-top: 140px;
}

.mt160 {
  margin-top: 160px;
}

.mt180 {
  margin-top: 180px;
}

.mt190 {
  margin-top: 190px;
}

.mt250 {
  margin-top: 250px;
}

.mt400 {
  margin-top: 400px;
}

/*下外间距*/
.mb2 {
  margin-bottom: 2px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb14 {
  margin-bottom: 14px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb22 {
  margin-bottom: 22px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb26 {
  margin-bottom: 26px;
}

.mb28 {
  margin-bottom: 28px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb34 {
  margin-bottom: 34px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb38 {
  margin-bottom: 38px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb42 {
  margin-bottom: 42px;
}

.mb44 {
  margin-bottom: 44px;
}

.mb46 {
  margin-bottom: 46px;
}

.mb48 {
  margin-bottom: 48px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb54 {
  margin-bottom: 54px;
}

.mb56 {
  margin-bottom: 56px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb140 {
  margin-bottom: 140px;
}

.mb200 {
  margin-bottom: 200px;
}

/*左外间距*/

.ml2 {
  margin-left: 2px;
}

.ml4 {
  margin-left: 4px;
}

.ml6 {
  margin-left: 6px;
}

.ml8 {
  margin-left: 8px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml14 {
  margin-left: 14px;
}

.ml16 {
  margin-left: 16px;
}

.ml18 {
  margin-left: 18px;
}

.ml20 {
  margin-left: 20px;
}

.ml22 {
  margin-left: 22px;
}

.ml24 {
  margin-left: 24px;
}

.ml26 {
  margin-left: 26px;
}

.ml28 {
  margin-left: 28px;
}

.ml30 {
  margin-left: 30px;
}

.ml32 {
  margin-left: 32px;
}

.ml34 {
  margin-left: 34px;
}

.ml36 {
  margin-left: 36px;
}

.ml38 {
  margin-left: 38px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml58 {
  margin-left: 58px;
}

.ml60 {
  margin-left: 60px;
}

.ml64 {
  margin-left: 64px;
}

.ml66 {
  margin-left: 66px;
}

.ml70 {
  margin-left: 70px;
}

.ml80 {
  margin-left: 80px;
}

.ml100 {
  margin-left: 100px;
}

.ml120 {
  margin-left: 120px;
}

/*边框*/

.border {
  border: 1px solid #4a4948;
}

/*默认下划线*/

.bb {
  border-bottom: 1px solid #E8E8E8;
}

.bl {
  border-left: 1px solid #E8E8E8;
}

.bt {
  border-top: 1px solid #E8E8E8;
}

.br {
  border-right: 1px solid #E8E8E8;
}

/* 虚线 */
.bb-dashed {
  border-style: none none dashed none;
}

.bl-dashed {
  border-style: none none none dashed;
}

.bt-dashed {
  border-style: dashed none none none;
}

.br-dashed {
  border-style: none dashed none none;
}

/*按钮样式*/
.button-hover {
  background-color: #888;
}

/* button {
  margin: 0;
}

button::after {
  border: none;
} */

.submit {
  width: 100%;
  height: 88px;
  background: linear-gradient(90deg, rgba(242, 36, 71, 1) 0%, rgba(255, 39, 75, 1) 100%);
  border-radius: 8px;
  font-size: 32px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 88px;
}

.border_submit {
  width: 100%;
  height: 88px;
  border: 2px solid rgba(255, 39, 75, 1);
  border-radius: 8px;
  font-size: 32px;
  color: #FF274B;
  font-weight: bold;
  text-align: center;
  line-height: 88px;
}

/* 宽度 */
.width-100 {
  width: 100px
}

.width-200 {
  width: 200px
}

.width-300 {
  width: 300px
}

.width-400 {
  width: 400px
}

.width-500 {
  width: 500px
}


/* 高度 */
.height-100 {
  height: 100px;
}

.height-200 {
  height: 200px;
}

.height-300 {
  height: 300px;
}

.height-400 {
  height: 400px;
}

.height-500 {
  height: 500px;
}

/*flex布局*/
.flex {
  display: flex;
}

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

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

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

.flex_ab {
  display: flex;
  align-items: baseline;
}

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

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

.flex_ae_jb {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.flex_ae_jc {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.flex_ac_ja {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex_ac_jb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex_ac_jc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex_ac_je {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex_col_ac {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex_col_ae {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.flex_col_jc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex_col_jb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex_col_ja {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.flex_col_ac_jc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex_col_ac_je {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.flex_col_ac_jb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.flex_col_ac_ja {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.flex_col_ae_jb {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

/* flex换行 */
.flex_wrap {
  flex-wrap: wrap;
}

/* flex对齐方式 */
.as_start {
  align-self: start;
}

.as_end {
  align-self: flex-end;
}

.as_center {
  align-self: center;
}


/* flex 项目属性 */
.flex_grow1 {
  flex-grow: 1;
}

.flex_grow2 {
  flex-grow: 2;
}

.flex_grow3 {
  flex-grow: 3;
}

.flex_grow4 {
  flex-grow: 4;
}

.flex_grow5 {
  flex-grow: 5;
}

.flex_grow6 {
  flex-grow: 6;
}

.flex_grow7 {
  flex-grow: 7;
}

.flex_grow8 {
  flex-grow: 8;
}

.flex_grow9 {
  flex-grow: 9;
}

/*图片大小*/
.img_size28 {
  width: 28px;
  height: 28px;
}

.img_size40 {
  width: 40px;
  height: 40px;
}

.image_size44 {
  width: 44px;
  height: 44px;
}

/*图标大小*/
.icon22 {
  width: 22px;
  height: 22px;
}

.icon30 {
  width: 30px;
  height: 30px;
}

.icon34 {
  width: 34px;
  height: 34px;
}

.icon40 {
  width: 40px;
  height: 40px;
}

/* 透明度 */
.opty1 {
  opacity: 0.1;
}

.opty2 {
  opacity: 0.2;
}

.opty3 {
  opacity: 0.3;
}

.opty4 {
  opacity: 0.4;
}

.opty5 {
  opacity: 0.5;
}

.opty6 {
  opacity: 0.6;
}

.opty7 {
  opacity: 0.7;
}

.opty8 {
  opacity: 0.8;
}

.opty9 {
  opacity: 0.9;
}

.opty10 {
  opacity: 1;
}

/* 宽度百分比 */
.w-percent-10 {
  width: 10%;
}

.w-percent-20 {
  width: 20%;
}

.w-percent-30 {
  width: 30%;
}

.w-percent-40 {
  width: 40%;
}

.w-percent-50 {
  width: 50%;
}

.w-percent-60 {
  width: 60%;
}

.w-percent-70 {
  width: 70%;
}

.w-percent-80 {
  width: 80%;
}

.w-percent-90 {
  width: 90%;
}

.w-percent-100 {
  width: 100%;
}

/* 对齐方式 用于相邻的img和文字 */
.ver-a-m {
  vertical-align: middle;
}

/* 首行文本缩进 */
.suojin {
  text-indent: 2em;
}

/* 层级 */
.z-index-1 {
  z-index: -1;
}

.z-index0 {
  z-index: 0;
}

.z-index1 {
  z-index: 1;
}

.z-index2 {
  z-index: 2;
}

.z-index3 {
  z-index: 3;
}

.z-index4 {
  z-index: 4;
}

.z-index5 {
  z-index: 5;
}

.z-index6 {
  z-index: 6;
}

.z-index7 {
  z-index: 7;
}

.z-index8 {
  z-index: 8;
}

.z-index9 {
  z-index: 9;
}

.z-index10 {
  z-index: 10;
}

.cursor_p {
  cursor: pointer;
}