/* csslint disabled                            */

[v-cloak] {
  display: none;
}

#app {
  height: 100vh;
  width: 100vw;
  overflow: auto;
}

body,
div,
ul,
ol,
li,
input,
button,
textarea,
p {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

li,
ol {
  list-style: none;
}

/* 关闭字体大小调整功能                            */

body {
  position: relative;
  margin: 0 auto;
  min-width: 320px;
  /*max-width: 540px;*/
  height: 100%;
  word-break: break-all;
  font-size: 0.28rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*ios去掉高亮*/
  touch-action: none;
  /* 微信适应 */
  -webkit-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  overflow: hidden;
  overscroll-behavior: none;
}

a {
  text-decoration: none;
}

/* 去掉input默认样式                            */

input {
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
}

input:focus {
  border: none;
}

button {
  border: none;
  background-color: transparent;
  outline: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

/* 位置                            */

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.db {
  display: block;
}

.dib {
  -moz-inline-stack: inline-block;
  display: inline-block;
}

.dn {
  display: none;
}

.zx1 {
  z-index: 1;
}

.zx2 {
  z-index: 2;
}

.ovh {
  overflow: hidden;
}

.ovs {
  overflow: scroll;
}

.vh {
  visibility: hidden;
}

.vv {
  visibility: visible;
}

/* 对齐                            */

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.auto {
  margin-left: auto;
  margin-right: auto;
}

.auto0 {
  margin: 0 auto;
}

.vm {
  vertical-align: middle;
}

.vtb {
  vertical-align: text-bottom;
}

.vt {
  vertical-align: top;
}

.vn-2 {
  vertical-align: -2px;
}

/* 高度                            */

.hl12 {
  line-height: 1.2em;
}

.hl14 {
  line-height: 1.4em;
}

.hl16 {
  line-height: 1.6em;
}

.hl18 {
  line-height: 1.8em;
}

.h24 {
  height: 0.24rem;
}

.h44 {
  height: 0.44rem;
}

.h60 {
  height: 0.6rem;
}

.h88 {
  height: 0.88rem;
}

/* 颜色                            */

.g0 {
  color: #000;
}

.g3 {
  color: #333;
}

.g6 {
  color: #666;
}

.g9 {
  color: #999;
}

.wh {
  color: white;
}

.red {
  color: #ff4d4f;
}

.blue {
  color: #1890ff;
}

.green {
  color: #07c160;
}

.orange {
  color: #ffb24d;
}

.c5d {
  color: #5D5D5D;
}

.c26 {
  color: #262626;
}

.c8c {
  color: #8C8C8C;
}

.c-ff4235 {
  color: #FF4235;
}

/* 字体大小, 在commonjs中设置手机端font-size: 100px  pc端60px                              */

.f0 {
  font-size: 0;
}

.f20 {
  font-size: 0.2rem;
}

.f22 {
  font-size: 0.22rem;
}

.f24 {
  font-size: 0.24rem;
}

.f26 {
  font-size: 0.26rem;
}

.f28 {
  font-size: 0.28rem;
}

.f30 {
  font-size: 0.3rem;
}

.f32 {
  font-size: 0.32rem;
}

.f34 {
  font-size: 0.34rem;
}

.f36 {
  font-size: 0.36rem;
}

.f40 {
  font-size: 0.4rem;
}

/* 字体样式                            */

.b {
  font-weight: bold;
}

.i {
  font-style: italic;
}

.fw {
  font-family: '微软雅黑';
}

/* 边距                            */

/* 外边距                            */

.ml1 {
  margin-left: 1px;
}

.ml2 {
  margin-left: 0.02rem;
}

.ml4 {
  margin-left: 0.04rem;
}

.ml8 {
  margin-left: 0.08rem;
}

.ml12 {
  margin-left: 0.12rem;
}

.ml20 {
  margin-left: 0.2rem;
}

.ml24 {
  margin-left: 0.24rem;
}

.mr1 {
  margin-right: 1px;
}

.mr2 {
  margin-right: 0.02rem;
}

.mr4 {
  margin-right: 0.04rem;
}

.mr8 {
  margin-right: 0.08rem;
}

.mr12 {
  margin-right: 0.12rem;
}

.mr20 {
  margin-right: 0.2rem;
}

.mr24 {
  margin-right: 0.24rem;
}

.mb1 {
  margin-bottom: 1px;
}

.mb2 {
  margin-bottom: 0.02rem;
}

.mb4 {
  margin-bottom: 0.04rem;
}

.mb8 {
  margin-bottom: 0.08rem;
}

.mb12 {
  margin-bottom: 0.12rem;
}

.mb20 {
  margin-bottom: 0.2rem;
}

.mb24 {
  margin-bottom: 0.24rem;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 0.02rem;
}

.mt4 {
  margin-top: 0.04rem;
}

.mt8 {
  margin-top: 0.08rem;
}

.mt12 {
  margin-top: 0.12rem;
}

.mt15 {
  margin-top: 0.15rem;
}

.mt20 {
  margin-top: 0.02rem;
}

.mt24 {
  margin-top: 0.024rem;
}

.mt30 {
  margin-top: 0.30rem;
}

.mt40 {
  margin-top: 0.40rem;
}

.mt50 {
  margin-top: 0.50rem;
}

.m1 {
  margin: 1px;
}

.m2 {
  margin: 0.02rem;
}

.m4 {
  margin: 0.04rem;
}

.m8 {
  margin: 0.08rem;
}

.m12 {
  margin: 0.12rem;
}

.m20 {
  margin: 0.02rem;
}

.m24 {
  margin: 0.024rem;
}

.ml-1 {
  margin-left: -1px;
}

.mt-1 {
  margin-top: -1px;
}

/* 内边距                            */

.pl1 {
  padding-left: 1px;
}

.pl2 {
  padding-left: 0.02rem;
}

.pl4 {
  padding-left: 0.04rem;
}

.pl8 {
  padding-left: 0.08rem;
}

.pl12 {
  padding-left: 0.12rem;
}

.pl20 {
  padding-left: 0.2rem;
}

.pl24 {
  padding-left: 0.24rem;
}

.pr1 {
  padding-right: 1px;
}

.pr2 {
  padding-right: 0.02rem;
}

.pr4 {
  padding-right: 0.04rem;
}

.pr8 {
  padding-right: 0.08rem;
}

.pr12 {
  padding-right: 0.12rem;
}

.pr20 {
  padding-right: 0.2rem;
}

.pr24 {
  padding-right: 0.24rem;
}

.pb1 {
  padding-bottom: 1px;
}

.pb2 {
  padding-bottom: 0.02rem;
}

.pb4 {
  padding-bottom: 0.04rem;
}

.pb8 {
  padding-bottom: 0.08rem;
}

.pb12 {
  padding-bottom: 0.12rem;
}

.pb20 {
  padding-bottom: 0.2rem;
}

.pb24 {
  padding-bottom: 0.24rem;
}

.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 0.02rem;
}

.pt4 {
  padding-top: 0.04rem;
}

.pt8 {
  padding-top: 0.08rem;
}

.pt12 {
  padding-top: 0.12rem;
}

.pt20 {
  padding-top: 0.02rem;
}

.pt24 {
  padding-top: 0.024rem;
}

.pt30 {
  padding-top: 0.30rem;
}

.pt32 {
  padding-top: 0.32rem;
}

.pt40 {
  padding-top: 0.40rem;
}

.p1 {
  padding: 1px;
}

.p2 {
  padding: 0.02rem;
}

.p4 {
  padding: 0.04rem;
}

.p8 {
  padding: 0.08rem;
}

.p12 {
  padding: 0.12rem;
}

.p20 {
  padding: 0.02rem;
}

.p24 {
  padding: 0.024rem;
}

.pl-1 {
  padding-left: -1px;
}

.pt-1 {
  padding-top: -1px;
}

/* flex  布局                                                                                                                                                                                                    */

.flex-wrap,
.flex-column-wrap,
.flex-center-wrap,
.flex-bottom-wrap,
.flex-multi-row,
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

/* 多行flex布局                                                                                                                                                                                                                     */

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

/* 元素默认竖直居中                                                                                                                                                                                          */

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

.flex-center-wrap {
  -webkit-align-items: center;
  align-items: center;
}

/*水平垂直居中                                                                                                                  */

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

/* 元素底部对齐                                                                                                                                                                                          */

.flex-bottom-wrap {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

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

/* 从行尾位置开始排列                                                                                                                                                                                  */

.flex-justify-end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

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

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

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

.flex-column-wrap {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/*全屏黑色遮罩                                                                                                                                                                                                     */

.black-overlay {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
}

/*水平和垂直水平居中                                                                                                                                                                                                     */

.vertical-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.screen-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*//单行省略                                                                                                                  */

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

.ell1-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.ell-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/*//几行省略                                                                                                                  */

.ell-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ell-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* 本地调试去掉显示 BrowserSync 提示                           */

#__bs_notify__ {
  opacity: 0 !important;
}

.van-tabs__track {
  height: auto;
}

.debug-btn {
  position: absolute;
  right: 0.3rem;
  bottom: 1.5rem;
  z-index: 9;
  width: 1rem;
  height: 1.1rem;
  border-radius: 0.12rem;
  color: white;
  overflow: hidden;
  opacity: 0.7;
}

.debug-btn-open {
  width: 100%;
  background: #008fff;
}

.debug-btn-close {
  width: 100%;
  background: #ccc;
}

.debug-content {
  padding: 0.2rem 0.4rem;
}

.debug-panel-content {
  padding: 0.2rem 0;
  border-bottom: 1px solid #efefef;
}

.debug-item-label {
}

.debug-item-label-text {
  margin: 0;
  margin-top: 0.1rem;
  width: 100%;
  word-break: break-all;
  white-space: pre-line;
  font-size: 0.26rem;
  line-height: 0.36rem;
}

.debug-env-items {
  padding: 0.2rem 0;
}

.debug-env-item {
  margin-right: 0.1rem;
  padding: 0.06rem 0.12rem;
  color: #666;
  border: 1px solid #666;
  border-radius: 0.1rem;
  font-size: 0.28rem;
}

.debug-env-item-active {
  color: #008fff;
  border-color: #008fff;
}

.debug-mock-item {
  min-height: 0.6rem;
}

.debug-mock-item-text {
  margin-left: 0.15rem;
  color: #666;
  font-size: 0.3rem;
}

.debug-mock-item-text-active {
  color: #008fff;
}

.bg-full {
  background-size: cover !important;
  background-position: center !important;
}

.f-17 {
  font-size: 0.34rem;
}

.f-13 {
  font-size: 0.26rem;
}

.p-b-11 {
  padding-bottom: 0.22rem;
}

.m-t-11 {
  margin-top: 11px !important;
}

.pr {
  position: relative;
}

.ac-primary-reg .van-tab {
  font-size: 0.26rem;
}

.f-11 {
  font-size: 0.22rem;
}

.better-scroll {
  -webkit-overflow-scrolling: touch;
}

.m-t-5 {
  margin-top: 0.1rem;
}

.p-l-1 {
  padding-left: 0.02rem;
}

.p-r-1 {
  padding-right: 0.02rem;
}

.cpa-sign .van-tabs__line {
  border-radius: 0.02rem;
}

.van-table-bottom-line {
  position: absolute;
  width: 6.88rem;
  left: 0;
  top: 1rem;
  border: 1px solid #F5F5F5;
  z-index: 1;
}

.zl-bar {
  overflow-y: auto;
}

.zl-bar::-webkit-scrollbar {
  width: 0.12rem;
}

.zl-bar::-webkit-scrollbar-thumb {
  border-radius: 0.06rem;
  background: #ddd;
}

.lh34 {
  line-height: 0.34rem;
}

.mt-10-px {
  margin-top: 0.2rem;
}