* {
  padding: 0;
  margin: 0;
  font-family: '微软雅黑', CenturyGothic-Bold, CenturyGothic, SourceHanSansCN-Light, STXihei;
  list-style: none;
  text-decoration: none;
}
a {
  /* -webkit-tap-highlight-color: transparent; */
}
.flex {
  display: flex;
}
.flex-j-c {
  justify-content: center;
}
.flex-j-sb {
  justify-content: space-between;
}
.flex-j-sa {
  justify-content: space-around;
}
.flex-j-fs {
  justify-content: flex-start;
}
.flex-j-fe {
  justify-content: flex-end;
}
.flex-j-se {
  justify-content: space-evenly;
}
.flex-a-c {
  align-items: center;
}
.flex-a-fe {
  align-items: flex-end;
}
.flex-i {
  display: inline-flex;
}
.flex-d-c {
  flex-direction: column;
}
.flex-w-w {
  flex-wrap: wrap;
}
.flex-1 {
  flex: 1;
}
.gray9 {
  color: #999;
}
.gray8 {
  color: #888;
  margin-top: 10px;
}
.gray6 {
  color: #666;
}
.gray7 {
  color: #777;
}
.gray3 {
  color: #333;
}
.gray0 {
  color: #000;
}
.flex {
  display: flex;
}
.mr20 {
  margin-right: 20px;
}
.mr15 {
  margin-right: 15px;
}
.mr10 {
  margin-right: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt15 {
  margin-top: 15px;
}
.mt10 {
  margin-top: 10px;
}
.mt5 {
  margin-top: 5px;
}
.pr20 {
  padding-right: 20px;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.mb20 {
  margin-bottom: 20px;
}
.hvr-buzz-out {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-animation: hvr-buzz-out 2s ease infinite;
  -o-animation: hvr-buzz-out 2s ease infinite;
  animation: hvr-buzz-out 2s ease infinite;
}

@keyframes hvr-buzz-out {
  5% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  10% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  15% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  25% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  30% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  35% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  40% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  45% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  50% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.embed-invite {
  zoom: 1.5;
}