@charset "utf-8";

/*	reset */
body,
input,
textarea {
  font: 0.14rem PingFangSC-Light, PingFangSC-Regular, sans-serif, Helvetica Neue, Helvetica, Microsoft Yahei, Tahoma, Arial, sans-serif !important;
}

* {
  margin: 0;
  padding: 0;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  vertical-align: top;
  border: none;
}

li {
  list-style: none;
}

input::-webkit-input-placeholder {
  color: #aaa;
}

input::-moz-placeholder {
  color: #aaa;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
}

.clear {
  *zoom: 1
}

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

/* 默认超链样式 */

a {
  color: #0e83e5;
  text-decoration: none;
}

a:hover {
  color: #F50303;
  text-decoration: none;
}

/* color */
.red {
  color: #F50303;
}

.green {
  color: #080;
}

.blue {
  color: #0e83e5;
}

.gray3 {
  color: #333;
}

.gray6 {
  color: #666;
}

.gray9 {
  color: #999;
}

.orange {
  color: #f80;
}

.black {
  color: #2E2F33;
}

.white {
  color: #fff;
}

/*font*/
.f12 {
  font-size: 0.12rem
}

.f14 {
  font-size: 0.14rem
}

.f16 {
  font-size: 0.16rem
}

.f18 {
  font-size: 0.18rem
}

.f20 {
  font-size: 0.2rem
}

.f22 {
  font-size: 0.2rem
}

.f24 {
  font-size: 0.24rem
}

.f26 {
  font-size: 0.26rem
}

.f28 {
  font-size: 0.28rem
}

.f30 {
  font-size: 0.3rem
}

.lh150 {
  line-height: 1.5rem
}

.lh175 {
  line-height: 1.75rem
}

.lh2 {
  line-height: 2rem
}

.lh16 {
  line-height: 0.16rem
}

.lh18 {
  line-height: 0.18rem
}

.lh20 {
  line-height: 0.2rem
}

.lh22 {
  line-height: 0.22rem
}

.lh24 {
  line-height: 0.24rem
}

.lh26 {
  line-height: 0.26rem
}

.lh28 {
  line-height: 0.28rem
}

.lh30 {
  line-height: 0.3rem
}

.fwb {
  font-weight: 700
}

.fwn {
  font-weight: 400
}

.fsn {
  font-style: normal
}

.fsi {
  font-style: italic
}

.fyahei {
  font-family: 'Microsoft Yahei'
}

.farial {
  font-family: Arial, sans-serif
}

/*float*/
.fl {
  float: left;
}

.fr {
  float: right;
}

/*margin*/
.m0 {
  margin: 0 !important;
}

.m5 {
  margin: 0.05rem;
}

.m10 {
  margin: 0.1rem;
}

.m15 {
  margin: 0.15rem;
}

.m20 {
  margin: 0.2rem;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 0.05rem;
}

.mt10 {
  margin-top: 0.1rem;
}

.mt15 {
  margin-top: 0.15rem;
}

.mt20 {
  margin-top: 0.2rem;
}

.mt25 {
  margin-top: 0.25rem;
}

.mt30 {
  margin-top: 0.3rem;
}

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

.ml5 {
  margin-left: 0.05rem;
}

.ml10 {
  margin-left: 0.1rem;
}

.ml15 {
  margin-left: 0.15rem;
}

.ml20 {
  margin-left: 0.2rem;
}

.ml25 {
  margin-left: 0.25rem;
}

.ml30 {
  margin-left: 0.3rem;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 0.05rem;
}

.mr10 {
  margin-right: 0.1rem;
}

.mr15 {
  margin-right: 0.15rem;
}

.mr20 {
  margin-right: 0.2rem;
}

.mr25 {
  margin-right: 0.25rem;
}

.mr30 {
  margin-right: 0.3rem;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 0.05rem;
}

.mb10 {
  margin-bottom: 0.1rem;
}

.mb15 {
  margin-bottom: 0.15rem;
}

.mb20 {
  margin-bottom: 0.2rem;
}

.mb25 {
  margin-bottom: 0.25rem;
}

.mb30 {
  margin-bottom: 0.3rem;
}

.mt0a {
  margin: 0 auto;
}

.mt5a {
  margin: 0.05rem auto 0;
}

.mt10a {
  margin: 0.1rem auto 0;
}

.mt15a {
  margin: 0.15rem auto 0;
}

.mt20a {
  margin: 0.2rem auto 0;
}

.mt25a {
  margin: 0.25rem auto 0;
}

.mt30a {
  margin: 0.3rem auto 0;
}

.m05 {
  margin: 0 0.05rem;
}

.m010 {
  margin: 0 0.1rem;
}

.m015 {
  margin: 0 0.15rem;
}

.m020 {
  margin: 0 0.2rem;
}

.m025 {
  margin: 0 0.25rem;
}

.m030 {
  margin: 0 0.3rem;
}

/*padding*/
.p0 {
  padding: 0 !important;
}

.p5 {
  padding: 0.05rem;
}

.p10 {
  padding: 0.1rem;
}

.p15 {
  padding: 0.15rem;
}

.p20 {
  padding: 0.2rem;
}

.p25 {
  padding: 0.25rem;
}

.p30 {
  padding: 0.3rem;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 0.05rem;
}

.pt10 {
  padding-top: 0.1rem;
}

.pt15 {
  padding-top: 0.15rem;
}

.pt20 {
  padding-top: 0.2rem;
}

.pt25 {
  padding-top: 0.25rem;
}

.pt30 {
  padding-top: 0.3rem;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 0.05rem;
}

.pr10 {
  padding-right: 0.1rem;
}

.pr15 {
  padding-right: 0.15rem;
}

.pr20 {
  padding-right: 0.2rem;
}

.pr25 {
  padding-right: 0.25rem;
}

.pr30 {
  padding-right: 0.3rem;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 0.05rem;
}

.pb10 {
  padding-bottom: 0.1rem;
}

.pb15 {
  padding-bottom: 0.15rem;
}

.pb20 {
  padding-bottom: 0.2rem;
}

.pb25 {
  padding-bottom: 0.25rem;
}

.pb30 {
  padding-bottom: 0.3rem;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 0.05rem;
}

.pl10 {
  padding-left: 0.1rem;
}

.pl15 {
  padding-left: 0.15rem;
}

.pl20 {
  padding-left: 0.2rem;
}

.pl25 {
  padding-left: 0.25rem;
}

.pl30 {
  padding-left: 0.3rem;
}

.p05 {
  padding: 0 0.05rem;
}

.p010 {
  padding: 0 0.1rem;
}

.p015 {
  padding: 0 0.15rem;
}

.p020 {
  padding: 0 0.2rem;
}

.p025 {
  padding: 0 0.25rem;
}

.p030 {
  padding: 0 0.3rem;
}

/*text-align*/
.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

/*other*/
.hide {
  display: none
}

.db {
  display: block
}

.dib {
  display: inline-block
}

.dt {
  display: table;
  width: 100%
}

.dtc {
  display: table-cell
}

.va-top {
  vertical-align: top
}

.va-middle {
  vertical-align: middle
}

.va-sub {
  vertical-align: sub
}

.va-bottom {
  vertical-align: bottom
}

.owh {
  overflow: hidden
}

.owh-x {
  overflow-x: hidden
}

.owh-y {
  overflow-y: hidden
}

.pos-a {
  position: absolute
}

.pos-r {
  position: relative
}

.pos-f {
  position: fixed
}

/*flex*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}

.flex-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2
}

.flex-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3
}

.justify-content-fs {
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.justify-content-c {
  -webkit-justify-content: center;
  justify-content: center
}

.justify-content-sa {
  -webkit-justify-content: space-around;
  justify-content: space-around
}

.justify-content-sb {
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.align-items-c {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.align-items-fe {
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.align-items-fs {
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.flex-wrap-w {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.align-content-c {
  -webkit-align-content: center;
  align-content: center
}

.flex-shrink-0 {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

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

.flex-grow-1 {
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.flex-grow-0 {
  -webkit-flex-grow: 0;
  flex-grow: 0
}

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