body{color: #333;font-size:0.36rem;font-family: 'PingFang SC','Microsoft YaHei', Helvetica, 'STHeiti STXihei',  Tohoma, Arial, sans-serif; background-color: rgb(245, 245, 245); }
html,body{overflow:hidden;-webkit-touch-callout: none;
  -webkit-user-select: none;}
body.on_app .van-popup.van-popup--top.van-notify{padding-top:0.56rem;}
.van-stepper__input{vertical-align: top;}
.van-checkbox__icon, .van-checkbox__label{
  height: 0.42rem;}
.diy-textarea{border:none; width:100%; font-size:0.32rem; color:#666;
  position: relative;
  outline: none;}
.diy-textarea:before{position: absolute; content:" "; background-color: #eee; bottom:0; left:0; right:0; left:0;right:0; width:100%; }

.van-nav-bar__left, .van-nav-bar__right{
  font-size:0.32rem;
}

.no-data{
  background-image:url('data:image/svg+xml;base64, ');
  background-position: center; background-size: 50%; background-repeat: no-repeat;
}
.van-nav-bar__left {
  left: 0;
}
.van-field{font-size:0.32rem;}
.amap-icon img,
.amap-marker-content img{
  width: 20px;
  height: 30px;
  margin-left:-8px;
  margin-top:-27px;
}

.wh_isToday{color:#4dbc21 !important;}
.amap-logo{
  opacity:0;
}
.amap-copyright {
  opacity:0;
}
.form_title{background: #f1f1f1; font-size:0.28rem; color:#999; padding:0 0.32rem; line-height: 2;}
.van-nav-bar.big-right-icon .van-icon {
  color: #1989fa;
  vertical-align: middle;
  font-size: 0.45rem;
  line-height: 1;
  margin-top:-0.1rem;
}

.headerbar .van-popup--top{width:3rem; right:0.22rem; left:unset; top:0.24rem; overflow: visible;border-radius:0.08rem;}
.headerbar .van-dropdown-menu__title{padding:0; padding-right:0rem;font-size:0.5rem; color:#1989fa;}
.headerbar .van-dropdown-menu{height:0.92rem;}
.option_header.headerbar .van-dropdown-menu__title{font-size:0.32rem;padding-right:0.2rem;}
.headerbar .van-nav-bar__right{right:0; padding-right:0;}
.headerbar .van-dropdown-menu__item{padding:0 0.48rem;}
.headerbar .van-popup--top .van-dropdown-item__option--active{display: none;}
.headerbar.no-down-icon .van-dropdown-menu__title:after{display: none;}
.headerbar .van-popup--top:before{content:" "; position: absolute; top:-0.28rem; background: transparent; right:0.24rem; border:0.15rem solid #fff; border-top-color: transparent;border-left-color:transparent; border-right-color:transparent;}

.headerbar .van-hairline--top-bottom:after, .headerbar .van-hairline-unset--top-bottom:after{border:none;}

.light-line{position: relative;}
.light-line:before {
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0.02rem solid #ebedf0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.van-cell--clickable.cell-clicked-bg{
  background-color: #f2f3f5;
}
.col-clicked-bg{
  background-color: #f2f3f5;
}
.van-grid-item__content:active{
  background-color: #f2f3f5;
}

.input_label{position: relative; padding:0.2rem; background: #eee; height: 0.52rem; font-size:0; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.input_label input{position: absolute;height: 0.52rem; border:none; outline: none; background: transparent; padding:0; margin:0; font-size:0.32rem;width: 100%;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0); line-height: 0.52rem;}
.input_label .hidden_input{bottom:-10000px;}
.focus_hidden_input{position: absolute; top:1000000px;}

.hidden{overflow: hidden; height: 1px; width:1px;}
.van-cell__title span{font-size:0.32rem;}
.van-cell{padding:0.24rem 0.32rem; font-size:0.32rem;}
.qrcode_box canvas{border: 1px solid #eee;
  padding: 0.2rem;}

.diy-input{
  border:1px solid #999;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; -webkit-appearance: none; padding:0;}
.html-content img{max-width:100%; height: auto;}

.ad_has_focus{position: absolute !important; top:-10000px !important; left:0;}
.van-nav-bar {
  background-color: #26A2FF;
}
.head_dropdown_menu .van-icon{
  color: #909399;
}
.van-nav-bar .van-icon {
  color: #ffffff;
}
.van-nav-bar__left *{vertical-align: middle;}
.van-nav-bar__text {
  color: #ffffff;
}
.van-nav-bar__title {
  color: #ffffff;
  font-weight: normal;
}
.van-nav-bar:after {
  border: 0 solid #228dfa;
}
.van-nav-bar .van-dropdown-menu {
  background-color: #26A2FF;
}
.headerbar .van-dropdown-menu__title {
  color: #fff;
}
.van-nav-bar .van-nav-bar__text:active{background-color: transparent;}

/* xmx van-cell-group */
.van-cell-group{
  margin-top: 0.2rem;
}
.head_dropdown_menu i.van-icon{
  color: #909399;
}
.headerbar .van-popup--top .van-icon{
  color:#323233;
}
.headerbar .van-popup--top .van-cell{
  background:transparent;
}
body .van-search{padding:0.2rem 0.32rem;}
.cell-right-4rem .van-cell__value{
  -webkit-box-flex: unset;
  -webkit-flex: none;
  flex: none;
  width:4rem !important;
}
.van-tabs__wrap .van-tabs__line {
  background-color: #26A2FF;
}
.van-field__value.van-cell__value{overflow: hidden; position: relative;}
.van-cell__value{overflow: visible;}
.van-cell-group__title{padding:0.2rem 0.32rem 0.1rem 0.32rem;}
.van-cell-group__title .tip{padding:0; font-size:0.24rem;}
.van-cell-group__title+.van-cell-group{margin-top:0;}
.van-cell-group__title .tip a{color:#26A2FF;}

/* xmx 公用样式 */
.clear::after{
  display: table;
  clear: both;
  content: '';
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.bg_fff{
  background-color: #fff;
}
.color-blue{
  color: #26A2FF;
}
.color_ccc{
  color: #909399;
}
.color_red{
  color: #ff1e1c;
}
.color_yellow{
  color: #FF9600;
}
.color_green{
  color: #4BD964;
}
.text_center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}





  .van-dialog__message {
     white-space: pre-line !important;
  }

.radio_button .list{
  display: inline-block;
  text-align: center;
  width: auto;
  height: 0.48rem;
  background: #F5F7FA;
  border-radius: 0.28rem;
  position: relative;
}
.radio_button{
  display:inline-block;
  text-align: right;
  height:0.48rem;
}
.radio_button .list .van-icon{
  display:none;
}
.radio_button .list .van-radio__icon--checked{
  background:#238dfa !important;
}
.radio_button .list .van-radio__icon{
  position: relative;
  display: inline-block;
  text-align: center;
  width: 1.28rem;
  height: 0.48rem;
  background: #F5F7FA;
  border-radius: 0.28rem;
  z-index: 1;
}
.radio_button .list .van-radio__icon--checked + .van-radio__label{
  color:#fff;
}
.radio_button .list .van-radio__label{
  position: absolute;
  display: block;
  font-size: 0.32rem;
  left: 0;
  line-height: 0.48rem;
  z-index: 2;
  width: 100%;
  margin-left: 0;
  top: 0;
}
.search_popup{right:100%;}
.show_search_popup{right:0;}

/* 调整CELL底部横线样式 */
.van-cell:not(:last-child)::after{
  left:0;
}
.van-calendar__month-mark{display: none;}
.markdown-toc.editormd-markdown-toc{display: none;}


/* 盒子模型 */
.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/*盒子模型，竖向自适应,垂直排列  */
.flex-box-v {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  flex-flow: column !important;
}

/* 水平等列排版（容器左右没缝隙，子元素左右两边自适应） */
.flex-d-center {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

/* 水平等列排版（子元素两边有缝隙自己适应） */
.flex-dv-center {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}


/*通过一起使用 box-align 和 box-pack 属性，对 view 框的子元素进行居中，目前没有浏览器支持box-align 和 box-pack 属性，所以需要加上浏览器内核-webkit，-moz等的简写  */
.flex-center-center {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -moz-box-pack: center;
  -moz-box-align: center;
}

/*对view中的子元素进行居中，并且位于容器的中间位置（flex-box水平;flex-box-v垂直）  */
.flex-v-zhu,
.flex-h-zhu {
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
}

/*对view中的子元素进行居中，并且位于容器的中间位置（flex-box垂直;flex-box-v水平）  */
.flex-v-ce,
.flex-h-ce {
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
}

/*让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：  */
.flex-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

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

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

.flex-4 {
  -webkit-box-flex: 4;
  box-flex: 4;
  -moz-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
}


.flex-5 {
  -webkit-box-flex: 5;
  box-flex: 5;
  -moz-box-flex: 5;
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}

/*超出部分用....表示的公用样式  */
.font-flex-word {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 内容超出部分自动换行 */
.flex-d-wrap {
  flex-wrap: wrap;
}

/* 内容超出部分不换行 */
.flex-no-wrap {
  flex-wrap: nowrap;
}

/* 从右边开始排列 */
.flex-box-end {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}

/*超出部分用....表示的公用样式  */
.overflow_two {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* scitch修改颜色 */
.switchall .van-switch__node{
  transition: all .2s !important;
}
.scitchBlue .van-switch__node{
  background-color:#1989fa !important;
}
