* {
  box-sizing: border-box;
}

// 响应式容器：1440-1920 之间动态缩小 padding，保持内容 1440 居中
.landing-container {
  @extend %landing-container;
}

#app {
  overflow-x: hidden;
  text-align: center;
}

body {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  font-family: 'PingFang SC', '微软雅黑', Helvetica, Arial, sans-serif !important;
}

// 滚动条风格
.base-html {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;

    &:hover,
    &:active {
      width: 10px;
    }
  }

  ::-webkit-scrollbar-track {
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(125, 128, 134, 90%);
    border-radius: 8px;

    &:hover,
    &:active {
      background-color: rgba(125, 128, 134, 100%);
    }
  }
}

.pf-sc-semibold {
  font-family: 'PingFang SC Semibold';
  font-weight: 600;
}

.pf-sc-regular {
  font-family: 'PingFang SC-Regular';
  font-weight: 400;
}

.pf-sc-medium {
  font-family: 'PingFang SC Medium';
  font-weight: 500;
}

.pf-sc-light {
  font-family: 'PingFang SC Light';
  font-weight: 300;
}

@font-face {
  font-family: 'D-DIN-PRO-400-Regular';
  src: url('/fonts/D-DIN-PRO-400-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'D-DIN-PRO-500-Medium';
  src: url('/fonts/D-DIN-PRO-500-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'D-DIN-PRO-600-SemiBold';
  src: url('/fonts/D-DIN-PRO-600-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'D-DIN-PRO-700-Bold';
  src: url('/fonts/D-DIN-PRO-700-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

.d-din-pro-400-regular {
  font-family: 'D-DIN-PRO-400-Regular';
}

.d-din-pro-500-medium {
  font-family: 'D-DIN-PRO-500-Medium';
}

.d-din-pro-600-semibold {
  font-family: 'D-DIN-PRO-600-SemiBold';
}

.d-din-pro-700-bold {
  font-family: 'D-DIN-PRO-700-Bold';
}