* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
#app {
  /* min-width: 375px; */
  font-size: var(--font-size);
  color: var(--font-color);
  background-color: #fff;
  line-height: 1.5;
  transition: all 0.3s;
}



ul,
ol,
dl,
li {
  list-style: none;
}


input,
textarea,
button {
  outline: none;
}


.width-1200 {
  min-width: 1200px;
  width: var(--layout-width-1200);
}

@media screen and (max-width: 1200px) {
  .width-1200 {
    min-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .width-1200 {
    min-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .width-1200 {
    min-width: 100%;
    width: 100%;
  }
}