:root {
  --text-primary-color: #781b1a;
  --text-secondary-color: #b9723d;
  --text-tertiary-color: #b48876;
  --text-hight-color: #f04d58;
}
body {
  min-height: 100vh;
  background-image: url(../../images/h5/bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
#app {
  width: 100%;
}
#app img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#app a {
  text-decoration: none;
}
#app .divider {
  height: 0.133333vw;
  border: solid 0.133333vw #ffc77b;
}
.layui-layer-page {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.layui-layer-nobg .layui-layer-content {
  height: auto !important;
  overflow: hidden !important;
}
@media (min-width: 960px) {
  :root {
    --pc-base-w: 960;
    /* PC 设计稿宽 */
    --pc-base-h: 565;
    /* 设计稿PC高度高度 可微调 */
    --pc-min-w: 960;
    /* 开始放大的阈值 */
    /* 宽度比例：max(768/960, 100vw/960) */
    --scale-w: max(calc(var(--pc-min-w) / var(--pc-base-w)), calc(100vw / (var(--pc-base-w) * 1px)));
    /* 高度比例: 100vh/设计稿可视高 */
    --scale-h: calc(100vh / (var(--pc-base-h) * 1px));
    /* 最终缩放系数：取较小者，避免竖向溢出出现滚动条 */
    --pc-scale: min(var(--scale-w), var(--scale-h));
  }
  #app {
    max-width: none !important;
  }
  body {
    background-image: url(../../images/pc/bg.png);
  }
}
