img {
  display: block;
  width: 100%;
}
.center {
  width: 13.8rem;
  margin-left: auto;
  margin-right: auto;
}
.center700 {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
}
.center710 {
  width: 14.2rem;
  margin-left: auto;
  margin-right: auto;
}
/*宽度*/
.wid-100 {
  width: 100%;
}
.hei-100 {
  height: 100%;
}
.wid-10 {
  width: 10%;
}
.wid-15 {
  width: 15%;
}
.wid-20 {
  width: 20%;
}
.wid-40 {
  width: 40%;
}
.wid-50 {
  width: 50%;
}
.wid-60 {
  width: 60%;
}
.wid-70 {
  width: 70%;
}
.wid-75 {
  width: 75%;
}
.wid-80 {
  width: 80%;
}
.wid-90 {
  width: 90%;
}
.wid-95 {
  width: 95%;
}
.height_nav {
  height: 2.2rem;
}
/* 配色 */
.bodyBj {
  background: linear-gradient(180deg, #FD8444 0%, #FD6643 100%);
}
.main-zt {
  color: #3476fe !important;
}
.gouwu-zt {
  color: #ffe005 !important;
}
.blue-zt {
  color: #0098FF !important;
}
.white-zt {
  color: #FFFFFF;
}
.zhifu-zt {
  color: #3476fe;
}
.blue-bj {
  background-color: #0098FF;
}
.black87-zt {
  color: #DDDDDD;
}
.black40-zt {
  color: #666666;
}
.black20-zt {
  color: #333333;
}
.black50-zt {
  color: #808080;
}
.black60-zt {
  color: #999999;
}
.black73-zt {
  color: #bbbbbb;
}
.weixin-zt {
  color: #04BE02;
}
.main-bj {
  background-color: #3476fe !important;
}
.fumain-bj {
  background-color: #FFEDE0;
}
.white-bj {
  background-color: #FFFFFF;
}
.black97-bj {
  background-color: #f8f8f8;
}
.black93-bj {
  background-color: #EEEEEE;
}
.black95-bj {
  background-color: #f1f1f1;
}
.black50-bj {
  background-color: #808080;
}
.black30-bj {
  background-color: #33322E;
}
.black0-bj {
  background-color: #000000;
}
.main-bj-jb {
  background: linear-gradient(270deg, #3476fe 0%, #409EFF 100%) !important;
}
.activeSpecDd {
  background-color: #FE2F08;
  color: #FFFFFF;
}
.activeColor a {
  color: #FE2F08;
}
.activeColor i {
  background-color: #FE2F08;
}
.btn-jb {
  background: linear-gradient(90deg, #854E24 0%, #552500 100%);
}
.golden {
  color: #FFDF9E;
}
.golden-bj {
  background: #F4D8A7;
}
.brown {
  color: #9D5541;
}
.yellow {
  color: #FED338;
}
.white-bj-50 {
  background: rgba(255, 255, 255, 0.4);
}
.black100-50 {
  background: rgba(0, 0, 0, 0.4);
}
.black100-bj {
  background-color: #000000 !important;
}
.jdhong-zt {
  color: #ca1a1d;
}
.chengse-zt {
  color: #FE2F08;
}
.danfen-bj {
  background-color: #FED2C8;
}
.primary-zt {
  color: #409EFF;
}
.primary-bj {
  background-color: #409EFF;
}
.success-zt {
  color: #67C23A;
}
.success-bj {
  background-color: #67C23A;
}
.info-zt {
  color: #909399;
}
.info-bj {
  background-color: #909399;
}
.warning-zt {
  color: #E6A23C;
}
.warning-bj {
  background-color: #E6A23C;
}
.danger-zt {
  color: #F56C6C;
}
.danger-bj {
  background-color: #F56C6C;
}
/* dispaly */
.d-flex,
.j-center,
.a-center,
.d-a-j-c,
.j-l,
.a-top {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.j-center {
  justify-content: center!important;
}
.a-center {
  align-items: center!important;
}
.a-top {
  align-items: flex-start !important;
}
.d-a-j-c {
  justify-content: center;
  align-items: center;
}
.j-sp {
  justify-content: space-between;
}
.d-inline-block {
  display: inline-block;
}
.d-none {
  display: none;
}
.d-block {
  display: block;
}
.j-l {
  justify-content: left !important;
}
.j-r {
  justify-content: right !important;
}
.flex-column {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.opacity {
  opacity: 0;
}
.flex-shrink {
  flex-shrink: 0;
}
/* 浮动 */
.float-l {
  float: left;
}
.float-r {
  float: right;
}
/* 定位 */
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.position-relative {
  position: relative;
}
.tran-y-50 {
  transform: translateY(-50%);
}
.tran-x-50 {
  transform: translateX(-50%);
  left: 50%;
}
.p-bottom {
  bottom: 0;
}
.p-left {
  left: 0;
}
.p-top {
  top: 0;
}
.p-right {
  right: 0;
}
.z-index {
  z-index: 1;
}
.z-index99 {
  z-index: 99;
}
/* overflow */
.overflow-hidden {
  overflow: hidden;
}
.overflow-x {
  overflow-x: auto;
}
.overflow-y {
  overflow-y: auto;
}
/* border */
.border-r {
  border-radius: 2rem;
}
.border-r-5 {
  border-radius: 0.1rem;
}
.border-r-10 {
  border-radius: 0.2rem;
}
.border-r-15 {
  border-radius: 0.3rem;
}
.border-r-20 {
  border-radius: 0.4rem;
}
.border-1 {
  border: 0.02rem solid #3476fe;
}
.border-blue-1 {
  border: 0.02rem solid #3476fe;
}
.border-b-1 {
  border-bottom: 1px solid #FE2F08;
}
.border-b-2 {
  border-bottom: 0.04rem solid #FE2F08;
}
.border-2-91 {
  border: 0.04rem solid #E7E7E7;
}
.border-1-50 {
  border: 1px solid #808080;
}
.border-b-2-91 {
  border-bottom: 0.04rem solid #E7E7E7;
}
.border-b-1-96 {
  border-bottom: 1px solid #F6F6F6;
}
.border-n {
  border: none !important;
}
/*背景*/
.back-size-100 {
  background-size: 100%;
}
/* 文字 */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.font-18 {
  font-size: 0.36rem;
  line-height: 0.36rem;
}
.font-20 {
  font-size: 0.4rem;
  line-height: 0.4rem;
}
.font-22 {
  font-size: 0.44rem;
  line-height: 0.44rem;
}
.font-24 {
  font-size: 0.48rem;
  line-height: 0.48rem;
}
.font-26 {
  font-size: 0.52rem;
  line-height: 0.52rem;
}
.font-28 {
  font-size: 0.56rem;
  line-height: 0.56rem;
}
.font-30 {
  font-size: 0.6rem;
  line-height: 0.6rem;
}
.font-32 {
  font-size: 0.64rem;
  line-height: 0.64rem;
}
.font-34 {
  font-size: 0.68rem;
  line-height: 0.68rem;
}
.font-36 {
  font-size: 0.72rem;
  line-height: 0.72rem;
}
.font-40 {
  font-size: 0.8rem;
  line-height: 0.8rem;
}
.font-45 {
  font-size: 0.9rem;
  line-height: 0.9rem;
}
.font-48 {
  font-size: 0.96rem;
  line-height: 0.96rem;
}
.font-50 {
  font-size: 1rem;
  line-height: 1rem;
}
.font-60 {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.font-70 {
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.font-w600 {
  font-weight: 600;
}
.font-w-b {
  font-weight: bold;
}
.font-w-none {
  font-weight: normal;
}
.letter-2 {
  letter-spacing: 0.04rem;
}
.letter-3 {
  letter-spacing: 0.06rem;
}
.text-dec-line {
  text-decoration: line-through;
}
.text-dec-under {
  text-decoration: underline;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-overflow-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.font-through {
  text-decoration: line-through;
}
/* margin */
.mar-top5 {
  margin-top: 0.1rem;
}
.mar-top10 {
  margin-top: 0.2rem;
}
.mar-top15 {
  margin-top: 0.3rem;
}
.mar-top20 {
  margin-top: 0.4rem;
}
.mar-top30 {
  margin-top: 0.6rem;
}
.mar-top40 {
  margin-top: 0.8rem;
}
.mar-top50 {
  margin-top: 1rem;
}
.mar-top60 {
  margin-top: 1.2rem;
}
.mar-top70 {
  margin-top: 1.4rem;
}
.mar-top80 {
  margin-top: 1.6rem;
}
.mar-top100 {
  margin-top: 2rem;
}
.mar-bottom10 {
  margin-bottom: 0.2rem;
}
.mar-bottom15 {
  margin-bottom: 0.3rem;
}
.mar-bottom20 {
  margin-bottom: 0.4rem;
}
.mar-bottom30 {
  margin-bottom: 0.6rem;
}
.mar-bottom40 {
  margin-bottom: 0.8rem;
}
.mar-bottom50 {
  margin-bottom: 1rem;
}
.mar-l-r {
  margin-left: auto;
  margin-right: auto;
}
.mar-l-a {
  margin-left: auto;
}
.mar-r-a {
  margin-right: auto;
}
.mar-left5 {
  margin-left: 0.1rem;
}
.mar-left10 {
  margin-left: 0.2rem;
}
.mar-left15 {
  margin-left: 0.3rem;
}
.mar-left20 {
  margin-left: 0.4rem;
}
.mar-left25 {
  margin-left: 0.5rem;
}
.mar-left30 {
  margin-left: 0.6rem;
}
.mar-left40 {
  margin-left: 0.8rem;
}
.mar-left80 {
  margin-left: 1.6rem;
}
.mar-left90 {
  margin-left: 1.8rem;
}
.mar-right10 {
  margin-right: 0.2rem;
}
.mar-right15 {
  margin-right: 0.3rem;
}
.mar-right20 {
  margin-right: 0.4rem;
}
.mar-right25 {
  margin-right: 0.5rem;
}
.mar-right30 {
  margin-right: 0.6rem;
}
.mar-right40 {
  margin-right: 0.8rem;
}
/* margin */
.pad-20 {
  padding: 0.4rem;
}
.pad-30 {
  padding: 0.6rem;
}
.pad-t-10 {
  padding-top: 0.2rem;
}
.pad-t-20 {
  padding-top: 0.4rem;
}
.pad-t-30 {
  padding-top: 0.6rem;
}
.pad-t-40 {
  padding-top: 0.8rem;
}
.pad-t-55 {
  padding-top: 1rem;
}
.pad-t-50 {
  padding-top: 1.1rem;
}
.pad-t-60 {
  padding-top: 1.2rem;
}
.pad-b-5 {
  padding-bottom: 0.1rem;
}
.pad-b-10 {
  padding-bottom: 0.2rem;
}
.pad-b-20 {
  padding-bottom: 0.4rem;
}
.pad-b-30 {
  padding-bottom: 0.6rem;
}
.pad-b-40 {
  padding-bottom: 0.8rem;
}
.pad-b-50 {
  padding-bottom: 1rem;
}
.pad-b-60 {
  padding-bottom: 1.2rem;
}
.pad-l-r-30 {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.pad-l-10 {
  padding-left: 0.2rem;
}
.pad-l-15 {
  padding-left: 0.3rem;
}
.pad-l-20 {
  padding-left: 0.4rem;
}
.pad-l-30 {
  padding-left: 0.6rem;
}
.pad-l-40 {
  padding-left: 0.8rem;
}
.pad-l-80 {
  padding-left: 1.6rem;
}
.pad-r-10 {
  padding-right: 0.2rem;
}
.pad-r-15 {
  padding-right: 0.3rem;
}
.pad-r-20 {
  padding-right: 0.4rem;
}
.pad-r-30 {
  padding-right: 0.6rem;
}
.pad-r-40 {
  padding-right: 0.8rem;
}
/*line-height*/
.line-h28 {
  line-height: 0.56rem !important;
}
.line-h32 {
  line-height: 0.64rem !important;
}
.line-h35 {
  line-height: 0.7rem !important;
}
.line-h38 {
  line-height: 0.76rem !important;
}
.line-h40 {
  line-height: 0.8rem !important;
}
.line-h42 {
  line-height: 0.84rem !important;
}
.line-h45 {
  line-height: 0.9rem !important;
}
.line-h50 {
  line-height: 1rem !important;
}
.line-h55 {
  line-height: 1.1rem !important;
}
.line-h58 {
  line-height: 1.16rem !important;
}
.line-h60 {
  line-height: 1.2rem !important;
}
.line-h70 {
  line-height: 1.4rem !important;
}
.line-h90 {
  line-height: 1.8rem !important;
}
.line-h100 {
  line-height: 2rem !important;
}
/*常用图标*/
.jinrujiantou1:after {
  content: '\e8f1';
  font-family: 'iconfont';
}
.widt-bank:before {
  content: '\e622';
  font-family: 'iconfont';
}
.search-icon:before {
  content: '\e604';
  font-family: 'iconfont';
}
.guanbi:before {
  content: '\e8bb';
  font-family: 'iconfont';
}
.icon-riqi:before {
  content: '\e617';
  font-family: 'iconfont';
}
.icon-dingwei:before {
  content: "\e609";
  font-family: 'iconfont';
}
.icon-gongwenbao:before {
  content: "\e732";
  font-family: 'iconfont';
}
.icon-jia:before {
  content: "\e83c";
  font-family: 'iconfont';
}
.icon-guanbi:before {
  content: "\e626";
  font-family: 'iconfont';
}
.icon-hot-fill:before {
  content: "\e6d0";
  font-family: 'iconfont';
}
.icon-share:before {
  content: "\e6d1";
  font-family: 'iconfont';
}
.icon-service:before {
  content: "\e6cf";
  font-family: 'iconfont';
}
.icon-prompt:before {
  content: "\e6d3";
  font-family: 'iconfont';
}
.icon-guanbi21:before {
  content: "\e638";
  font-family: 'iconfont';
}
.icon-xuanzhong:before {
  content: "\e60d";
  font-family: 'iconfont';
}
.icon-guanbi1:before {
  content: "\e624";
  font-family: 'iconfont';
}
.icon-houtui:before {
  content: "\e710";
  font-family: 'iconfont';
}
.icon-houtui1:before {
  content: "\e710";
  font-family: 'iconfont';
}
.icon-fanhui:before {
  content: "\ee16";
  font-family: 'iconfont';
}
.order_SJ:before {
  content: "\e62d";
  font-family: 'iconfont';
}
.order_DW:before {
  content: "\e644";
  font-family: 'iconfont';
  color: #a4a4a4;
}
.order_SC:before {
  content: "\e62a";
  font-family: 'iconfont';
}
.order_JF:before {
  content: "\e61d";
  font-family: 'iconfont';
  color: #c99e2b;
}
.order_type:before {
  content: "\e625";
  font-family: 'iconfont';
}
.order_JC:before {
  content: "\e63e";
  font-family: 'iconfont';
}
.icon-shaixuan:before {
  content: "\e664";
  font-family: 'iconfont';
}
.icon-phone:before {
  content: '\e6eb';
  font-family: 'iconfont';
}
/* 设置input的样式 */
input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #A3A3A3;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #A3A3A3;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #A3A3A3;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #A3A3A3;
  font-size: 0.56rem;
}
/* 设置input的样式 */
.add-form input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #A3A3A3;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #A3A3A3;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #A3A3A3;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #BABABA;
  font-size: 0.48rem;
}
/* 设置input的样式 */
.bank-form input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #A3A3A3;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #A3A3A3;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #A3A3A3;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #BABABA;
  font-size: 0.48rem;
}
/* 设置input的样式 */
input[type=search]::-webkit-input-placeholder {
  /* WebKit browsers /
color: #A3A3A3;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #A3A3A3;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #A3A3A3;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #bbbbbb;
  font-size: 0.48rem;
}
/* 设置input的样式 */
textarea::-webkit-input-placeholder {
  /* WebKit browsers /
color: #A3A3A3;
}
input[type=text]:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #A3A3A3;
}
input[type=text]::-moz-placeholder { / Mozilla Firefox 19+ /
color: #A3A3A3;
}
input[type=text]:-ms-input-placeholder { / Internet Explorer 10+ */
  color: #bbbbbb;
  font-size: 0.56rem;
}
.height50 {
  height: 1rem;
}
