/* 落地页覆盖样式：配合 vendor.css 使用 */
:root,
html {
  --primary-color: #01875f;
  --color-white: #ffffff;
  --text-primary-color: #202124;
  --text-middle-color: #5f6368;
  --text-secondary-color: #8e8e92;
  --line-primary-color: #e3e4e7;
  --font-weight-bold: 600;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background-color: #fff !important;
  color: var(--text-primary-color);
  font-family: Roboto, Helvetica, Arial, "Noto Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

#page-view {
  max-width: 500px;
  margin: 0 auto;
  min-height: 100vh;
  background: #fff;
  position: relative;
}

.van-image {
  display: inline-block;
  position: relative;
}

.van-image__img {
  display: block;
  width: 100%;
  height: 100%;
}

.app-icon .van-image__img {
  border-radius: 20%;
}

.slider-warp .van-image .van-image__img {
  width: auto;
  height: 100%;
  border-radius: 0.213333rem;
  overflow: hidden;
}

.app-install-btn {
  cursor: pointer;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.app-install-btn .install-txt {
  font-size: 0.4rem;
  font-weight: 600;
  line-height: 1.2;
  color: #ffe336;
}

.app-install-btn .lightning {
  position: absolute;
  left: 0.35rem;
  top: 50%;
  transform: translateY(-50%);
}

.content-warp.has-header {
  /* 固定顶栏高度 1.2rem + 一点缓冲，避免标题被挡住 */
  padding-top: 1.36rem;
}

.content-warp.has-footer {
  padding-bottom: 1.4rem;
}

/* 原站有顶部素材时，图标会用负 margin 叠上去；无素材时需取消，否则会被 header 遮住 */
.media-warp:empty {
  display: block;
  min-height: 0 !important;
  height: 0;
  overflow: hidden;
}

.app-info-container .media-warp:empty + .ph .app-warp {
  margin-top: 0.2rem !important;
}

.header,
.footer {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.rating-item .rating-slider {
  width: 100%;
}

.svg-icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle;
  display: inline-block;
}

/* 截图轮播：必须关掉 smooth，否则代码改 scrollLeft 会几乎不动 */
.slider-warp.scroll-container {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.slider-warp .slider-img {
  flex: 0 0 auto !important;
  width: auto !important;
  height: 100% !important;
}

.slider-warp .slider-img .van-image__img,
.slider-warp .slider-img img {
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  display: block;
}