* {
  margin: 0;
  padding: 0;
}

em,
i {
  font-style: normal;
}

li {
  list-style: none;
  white-space: nowrap;
}

img {
  display: block;
  border: 0;
  /* vertical-align: middle; */
}

button {
  cursor: pointer;
}

a {
  color: #333;
  text-decoration: none;
}

button,
input {
  font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    '\5B8B\4F53', sans-serif;
  border: none;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    '\5B8B\4F53', sans-serif;
  color: #666;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  scroll-behavior: smooth;
}

.hide,
.none {
  display: none;
}

.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: '.';
  height: 0;
}

.clearfix {
  zoom: 1;
}

.text-hidden-1,
.text-hidden-2,
.text-hidden-3 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
}
.text-hidden-2 {
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.text-hidden-3 {
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-direction {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}