* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "MicrosoftYaHei", Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
}

html,
body {
  width: 100%;
  height: 100%;
  font-size: 18px;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
}

input {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
}

li {
  list-style: none;
  display: inline-block;
}

a {
  text-decoration: none;
}

.wh100 {
  width: 100%;
  height: 100%;
}

.hide {
  display: none;
}

.f_b {
  font-weight: bold;
}

.t_l {
  text-align: left;
}

.t_c,
.tc {
  text-align: center;
}

.btn {
  display: inline-block;
  transition: transform 0.3s;
  cursor: pointer;
  background-color: none;
  background-image: none;
  vertical-align: middle;
  background-color: transparent;
}

.btn:hover {
  filter: brightness(1.1);
}

.btn:active {
  transition: transform 0s;
  filter: brightness(0.95);
  transform: scale(0.98) translateY(1px);
}

.btn.disabled {
  filter: brightness(0.6)
}

.btn.up:hover {
  transform: translateY(-0.08rem);
}

.theme_con .btn_v {
  animation: scaleAround 1.5s linear infinite alternate;
}

/* position */
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

/*arrow animation*/
@keyframes myArrowing {
  from {
    transform: translateY(0)
  }

  to {
    transform: translateY(-0.08rem);
  }
}

/*播放滚动标题*/
@keyframes rollUp {
  from {
    transform: translateY(5rem);
  }

  to {
    transform: translateY(-16rem);
  }
}

/*放大缩小*/
@keyframes scaleAround {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.9);
  }
}