@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
}

@media (min-width: 320px) {
  html {
    font-size: 42.6667px;
  }
}

@media (min-width: 360px) {
  html {
    font-size: 48px;
  }
}

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

@media (min-width: 384px) {
  html {
    font-size: 51.2px;
  }
}

@media (min-width: 414px) {
  html {
    font-size: 55.2px;
  }
}

@media (min-width: 448px) {
  html {
    font-size: 59.7333px;
  }
}

@media (min-width: 480px) {
  html {
    font-size: 48px;
  }
}

@media (min-width: 512px) {
  html {
    font-size: 68.2667px;
  }
}

@media (min-width: 544px) {
  html {
    font-size: 72.5333px;
  }
}

@media (min-width: 576px) {
  html {
    font-size: 76.8px;
  }
}

@media (min-width: 608px) {
  html {
    font-size: 81.0667px;
  }
}

@media (min-width: 640px) {
  html {
    font-size: 85.3333px;
  }
}

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

p {
  margin: 0;
}

/*包含以下五种的链接*/
a {
  color: unset;
  text-decoration: none;
}

/*正常的未被访问过的链接*/
a:link {
  color: unset;
  text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
  color: unset;
  text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
  color: unset;
  text-decoration: none;
}

/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
  color: unset;
  text-decoration: none;
}

/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
  color: unset;
  text-decoration: none;
}

.flex {
  display: flex;
}

/* flex横向居中 */
.flex-c-c {
  justify-content: center;
}

/* flex横向两边对齐 */
.flex-c-sb {
  justify-content: space-between;
}

/* flex纵向居中 */
.flex-l-c {
  align-items: center;
}

.display-n {
  /* display: none; */
}

.text-indent {
  text-indent: 0.5rem;
}

.cursor_pointer {
  cursor: pointer;
}

@keyframes style1 {
  0% {
    background: rgba(0, 0, 0, 0.25);
    transform: translateX(-50%) translateY(-50%) scale(0);
  }
  to {
    background: 0 0;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}