html {
  min-width: 320px;
  min-height: 600px;
  font-size: 67px;
}
html body {
  font-weight: 400;
  width: 100%;
}

/*css 初始化 */
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

fieldset,
img,
input,
button {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}

/*去掉input等聚焦时的蓝色边框*/
ul,
ol {
  list-style: none;
}

input {
  padding-top: 0;
  padding-bottom: 0;
  font-family: "SimSun", "宋体";
}

select,
input {
  vertical-align: middle;
}

select,
input,
textarea {
  font-size: 12px;
  margin: 0;
}

textarea {
  resize: none;
}

/*防止拖动*/
img {
  border: 0;
  /* vertical-align: middle; */
}

/*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
table {
  border-collapse: collapse;
}

* {
  margin: 0;
  padding: 0;
}

html i {
  font-style: normal;
}

/* 移动端 */
@media (min-width: 320px) and (max-width: 375px) {
  html {
    font-size: 50px;
  }
}

@media (min-width: 375px) and (max-width: 414px) {
  html {
    font-size: 50px;
  }
}

@media (min-width: 414px) and (max-width: 540px) {
  html {
    font-size: 55px;
  }
}

@media (min-width: 540px) and (max-width: 750px) {
  html {
    font-size: 72px;
  }
}

@media (min-width: 750px) and (max-width: 912px) {
  html {
    font-size: 100px;
  }
}

@media (min-width: 912px) and (max-width: 1024px) {
  html {
    font-size: 60px;
  }
}
/* pc端 */
@media (min-width: 1024px) and (max-width: 1280px) {
  html {
    font-size: 64px;
  }
}

@media (min-width: 1280px) and (max-width: 1366px) {
  html {
    font-size: 68px;
  }
}

@media (min-width: 1366px) and (max-width: 1440px) {
  html {
    font-size: 72px;
  }
}

@media (min-width: 1440px) and (max-width: 1680px) {
  html {
    font-size: 75px;
  }
}

@media (min-width: 1680px) and (max-width: 1920px) {
  html {
    font-size: 88px;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: 100px;
  }
}

.clearfix {
  zoom: 1;
}

.clearfix::before,
.clearfix::after {
  /*清除浮动*/
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

.clearfix {
  *zoom: 1;
  /*IE/7/6*/
}

/* 水平居中 */
.tac {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* 垂直居中 */
.tvc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* 垂直水平居中 */
.tvac {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flex {
  display: flex;
}

/*
  主轴对齐方式：两端对齐
*/

.flex-main-justify {
  justify-content: space-between;
}

/*
  交叉轴齐方式：居中对齐
*/

.flex-cross-center {
  align-items: center;
}

/*
* 主轴方向：从上到下
*/

.flex-dir-top {
  flex-direction: column;
}

a {
  text-decoration: none !important;
}


ul {
  margin-bottom: 0px;
}

li {
  list-style: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

html p {
  text-align: justify;
}