body,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
p {
  margin: 0;
}

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

ul,
ol,
input {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  border: 0;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}

i,
em {
  font-style: normal;
}

body {
  background-color: transparent;
  color: #445151;
  font: 16px/1.5 \5FAE\8F6F\96C5\9ED1, \9ED1\4F53, Arial, sans-serif, Verdana,
    Tahoma, Helvetica;
}

a {
  text-decoration: none;
}

html,
body,
.index-main,
.swiper-wrap,
.swiper-wrapper,
.swiper-slide {
  height: 100%;
}

a,
input,
button,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* -webkit-user-modify: read-write-plaintext-only; */
}

/* 公共样式 */
.pop-box {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: none;
}

.pop-box.show {
  display: flex;
}

.js-mail-link {
  margin-left: .1rem;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }

}

/* 常用样式封装 */
.bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.display-none {
  display: none;
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.m-auto {
  margin: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.user-select-none {
  user-select: none;
}

.object-fit-contain {
  object-fit: contain;
}

.object-fit-cover {
  object-fit: cover;
}

.object-fit-fill {
  object-fit: fill;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.justify-center {
  justify-content: center;
}

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

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

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

.text-center {
  text-align: center;
}

.text-bold {
  font-weight: 600;
}