common.less

@import "variable";

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
  font-family: "苹方黑体-准-简", "PingFangSC-Regular", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft Jhenghei", sans-serif;
}

html,
body {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .iPhone {

    //头部
    .NavBar {
      padding-top: calc(env(safe-area-inset-top) / 1.5)
    }

    .NavBarWrap {
      margin-bottom: calc(env(safe-area-inset-top) / 1.5)
    }

    .payment_nav {
      padding-top: calc(env(safe-area-inset-top) / 1.5)
    }

    .payment_navbar_wrap {
      padding-top: calc(env(safe-area-inset-top) / 1.5)
    }

    .home {
      padding-bottom: env(safe-area-inset-top)
    }

    .navigation {
      padding-top: calc(env(safe-area-inset-top) / 1.5) !important
    }

    .addAddress,
    .shop_item {
      padding-top: calc(env(safe-area-inset-top) / 1.5)
    }

    .product_footer {
      //bottom:calc(env(safe-area-inset-bottom) + 10px) !important;
      padding-bottom: calc(env(safe-area-inset-bottom) / 1.5) !important;
      padding-top: 15px !important;
    }

    .header {
      padding-top: calc(env(safe-area-inset-top) / 1.5) !important
    }
  }
}

::-webkit-scrollbar {
  // 直接复制黏贴到样式页.css，完美解决
  display: none;
  /* background-color:transparent; */
}

#app {
  height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

html {
  -webkit-tap-highlight-color: transparent;
}

//iconfont start
.icon {
  width: 1.2em;
  height: 1.2em;
  fill: currentColor;
  overflow: hidden;
}

.van-button--default {
  background-color: @headerBg;
  color: #fff;
}

//vant 相关 end
.titlePaddingTop {
  padding-top: 88px;
}

.left-enter,
.left-leave-to {
  transform: translate3d(-100%, 0, 0)
}

.left-leave,
.left-enter-to {
  transform: translate3d(0, 0, 0)
}

.left-enter-active,
.left-leave-active {
  transition: all .2s
}

// vant Dialog 按钮背景色 和 字体颜色 
.van-dialog__cancel {
  background: #fff;
  color: #545454;
}

.van-dialog__confirm {
  background: #fff;
  color: #5594E5;
}

//vant nav
// .van-tabs__nav--line {
//   padding-bottom: 3px;
//   box-sizing: border-box;
// }

// 清除浮动
.clearfix {
  *zoom: 1;

  &:before,
  &:after {
    display: block;
    content: "";
    line-height: 0;
  }

  &:after {
    clear: both;
  }
}



.noList {
  .van-list__finished-text {
    visibility: hidden !important;
  }
}

// 预览大图页签
.van-image-preview__index {
  top: 93%;
}

input {
  border: none;
}



.nafmii-head-bg1 {
  background: url("~@/assets/icon/bg_login.png") no-repeat !important;
  background-size: 100% !important;
  background-position: center center;
}

.nafmii-head-bg1-2 {
  background: url("~@/assets/icon/bg_login_2.png") no-repeat !important;
  background-size: 100% !important;
  background-position: center center;
}

.nafmii-head-bg2 {
  background: url("~@/assets/icon/bg_mine.png") no-repeat !important;
  background-size: 100% !important;
  background-position: center center;
}

.nafmii-head-bg3 {
  background: url("~@/assets/icon/bg_common.png") no-repeat !important;
  background-size: 100% !important;
  background-position: center center;
}

.nafmii-head-bg4 {
  background: url("~@/assets/icon/bg_member.png") no-repeat !important;
  background-size: 100% !important;
  background-position: center center;
}