/* 1. 重置所有元素的边距和内边距 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: STHeitiSC, STHeitiSC;
}

html {
  font-size: 62.5%;
}

/* 在视口宽度小于或等于1120px时应用的样式 */
@media (max-width: 1300px) {
  html {
    font-size: 58%;
    /* 16px * 56.25% = 9px */
  }
}

/* 对于iPad */
@media (max-width: 1024px) {
  html {
    font-size: 50%;
    /* 16px * 56.25% = 9px */
  }
}

@media (max-width: 900px) and (min-width: 768px) {
  html {
    font-size: 43%;
    /* 16px * 56.25% = 9px */
  }
}

/* 对于Mobile */
@media (max-width: 767px) and (min-width: 500px) {
  html {
    font-size: 80%;
    /* 16px * 50% = 8px */
  }
}

@media (max-width: 499px) {
  html {
    font-size: 62.5%;
    /* 16px * 50% = 8px */
  }
}







/* 2. 去除列表、链接、表格等元素的默认样式 */
ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  /* 避免链接颜色被浏览器默认设置 */
}

table {
  border-collapse: collapse;
  /* 去掉表格的间距 */
}

input,
button,
select,
textarea {
  border: none;
  /* 去掉表单元素的默认边框 */
  outline: none;
  /* 去掉输入框和按钮的焦点样式 */
}

/* 3. 设置字体的默认样式 */
body {
  font-family: PingFangSC, PingFang SC;
  /* 设置字体 */
  line-height: 1.5;
  /* 设置行高 */
}

/* 4. 清除图片的默认垂直间距 */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 5. 设置默认的盒模型 */
* {
  box-sizing: border-box;
}

/* 6. 可选：设置页面的默认背景色 */
body {
  background-color: #fff;
}


footer {
  width: 100%;
  height: 26.7rem;
  background: #275898;
}