自用 reset.css

/* ------------------- 统一规范 ------------------- */
html {
  font-size: 10px !important;
}
html, body {
  margin: 0;
  padding: 0;
}
/* ------------------- 公共容器 ------------------- */
/* 容器-开启 relative 定位 */
.container-relative {
  position: relative;
}
/* 容器-内容全窗口宽度 */
.container-full {
  width: 100%;
  height: 100%;
}
.container-full-width {
  width: 100%;
}
.container-full-v {
  width: 100vw;
  height: 100vh;
}
.container-full-vw {
  width: 100vw;
}
.container-full-vh {
  height: 100vh;
}
/* 容器-内容全窗口宽度-内容整体居中 */
.container-full-center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-full-column-center {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.container-full-width-center {
  width: 100%;
  display: flex;
  justify-content: center;
}
.container-full-width-column-center {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container-full-v-center {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-full-v-column-center {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.container-full-vw-center {
  width: 100vw;
  display: flex;
  justify-content: center;
}
.container-full-vw-column-center {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* ------------------- 项目公共 ------------------- */