* {
  -webkit-overflow-scrolling: touch;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

*:focus {
  outline: 0 none;
}

::-webkit-scrollbar {
  display: none;
}

html {
  box-sizing: border-box;
  /* height: 100%; effiel 手机划不上去 */
}

html,
body {
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  user-select: none;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  min-height: 100%;
}

.pc-device body {
  font-size: 16px;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  -webkit-text-decoration-skip: objects;
  -webkit-touch-callout: none;
}

@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
    --safe-area-inset-top: constant(safe-area-inset-top);
  }
}

@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
  }
}

/* hack：以下样式只在ios中生效，同时会被媒体查询的样式覆盖。用于兼容ios 11以下的导航栏高度 */

@supports (-webkit-touch-callout: none) {
  .safe-area-top-gap {
    margin-top: 0;
  }
}

/**
  constant() 在 iOS11.2 以后不可用，env() 跟 constant() 需要同时存在，而且顺序不能换
  **/

@supports (padding-top: constant(safe-area-inset-top)) or (padding-top: env(safe-area-inset-top)) {
  .xxx-panel {
    padding-top: var(--safe-area-inset-top);
    height: calc(96px + var(--safe-area-inset-top));
  }

  .safe-area-top-gap {
    margin-top: var(--safe-area-inset-top);
  }

  .safe-area-bottom-gap {
    margin-bottom: var(--safe-area-inset-bottom);
  }

  .safe-area-padding-top-gap {
    padding-top: var(--safe-area-inset-top);
  }

  .safe-area-padding-bottom-gap {
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

/* OS02 默认客服入口注释 */
#scRsPp {
  opacity: 0 !important;
}