/* reset.vant */

.van-dialog__header{
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  text-align: center;

  /* Gray/850 */

  color: #1F1F1F;
}

.van-dialog__message--has-title{
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  /* or 162% */

  text-align: justify!important;

  /* Gray/600 */

  color: #777777;
}
.van-hairline--top.van-dialog__footer {
  display: block;
  padding-bottom: 24px;
  border: none;
  text-align: center;
}
.van-hairline--top.van-dialog__footer button {
  display: inline-block;
  flex:  none;
  border: none;
  width: 120px;
  height: 36px;
  line-height: 36px;
  background: #F5F5F5;
  border-radius: 8px;
  font-size: 14px;
  text-align: center;
  color: #1F1F1F;
}
.van-hairline--top::after {
  display: none;
}
.van-hairline--top.van-dialog__footer button::before {
  display: none;
}
/* 全局 气泡框阴影 */
.van-popover{
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.03),0px 4px 8px 0px rgba(0, 0, 0, 0.03),0px 8px 16px 0px rgba(0, 0, 0, 0.04);
}
.bottom-item .van-popover{
  bottom: 160px!important;
  right: 20px!important;
  top: auto!important;
  left: auto!important;
}
.van-toast {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  transition: all var(--van-animation-duration-fast);
  width: var(--van-toast-default-width);
  max-width: var(--van-toast-max-width);
  min-height: var(--van-toast-default-min-height);
  padding: var(--van-toast-default-padding);
  color: var(--van-toast-text-color);
  font-size: var(--van-toast-font-size);
  line-height: var(--van-toast-line-height);
  white-space: pre-wrap;
  text-align: center;
  word-break: break-all;
  background: var(--van-toast-background-color)!important;
  border-radius: var(--van-toast-border-radius);
}
/* 弹窗按钮加粗 */
.van-button__text{
  font-weight: 550;
}
/* totast的icon */
.van-toast__icon {
  font-size: 30px!important;
}

/* dialog的宽度 */
.van-dialog{
  width: 255px!important;
  box-sizing:  border-box;
}
.van-dialog .van-dialog__message {
  font-size: 16px;
  line-height: 1.5 ;
}
.van-dialog .van-dialog__header{
  margin-bottom:20px;
}
.van-dialog .van-dialog__message--has-title{
  padding-top:0px;
}
/* .van-toast .van-icon {
  position: relative;
  display: inline-block;
  font: 14px/1 vant-icon;
  font-size: 30px!important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
} */
/* .van-toast__icon {
  position: relative;
  display: inline-block;
  font: 14px/1 vant-icon;
  font-size: 30px!important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
} */
/* .van-toast .van-icon__image{
  width: 18px!important;
  height: 18px!important;
}
.van-toast  .van-icon__image img{

} */

.empty-action .van-button:active:before {
  opacity: 0;
}
.van-popup{
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.03),0px 4px 8px 0px rgba(0, 0, 0, 0.03),0px 8px 16px 0px rgba(0, 0, 0, 0.04);
}
.van-popup .poppanel-wrapper{
  width: 100%;
  /* max-height: 80%; */
  height: 100%;
  padding-top: 25px;
  background: #fff;
  border-radius: 4px 4px 0px 0px;
}
.van-popup .poppanel-wrapper .select-block{
  padding: 0 16px 36px;
}
.van-popup .poppanel-wrapper .select-block .select-title{
  line-height: 1.4;
  color: #1f1f1f;
  font-size: 20px;
}

.van-popup .poppanel-wrapper .select-block .type-block {
  margin-top: 24px;
}
.van-popup .poppanel-wrapper .select-block .type-block .type-title {
  margin-top: 24px;
  line-height: 1.4;
  font-size: 16px;
  color: #1f1f1f;
}
.van-popup .poppanel-wrapper .select-block .type-block .tabs{
  flex-wrap: wrap;
  margin-top: -15px;
}
.van-popup .poppanel-wrapper .select-block .type-block .tabs .tab-item{
  box-sizing: border-box;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  margin: 12px 12px 0 0;
  color: #1f1f1f;
  font-size: 14px;
  background: #F5F5F5;
  border-radius: 8px;
  text-align: center;
  transition: all .3s;
}
.van-popup .poppanel-wrapper .select-block .type-block .tabs .tab-item--active{
  color: #fff;
  background-color: #4574e9;
}
/*  */
.reset-action-item{
/*   @include flexCol(); */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 130px;
  height: 54px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
}
.reset-action-item .small-code{
  color: #C8C8C8;
  font-size: 12px;
}