@keyframes enlarge {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes enlargeInfinite {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes textShadowGold {
  0% {
    text-shadow: 0 0 0px #e6bf43;
  }
  50% {
    text-shadow: 0 0 10px #e6bf43;
  }
  100% {
    text-shadow: 0 0 0px #e6bf43;
  }
}
@keyframes shadowGold {
  0% {
    box-shadow: 0 0 0px #e6bf43;
  }
  50% {
    box-shadow: 0 0 10px #e6bf43;
  }
  100% {
    box-shadow: 0 0 0px #e6bf43;
  }
}
.animation-enlarge {
  animation: enlarge 3s;
  animation-fill-mode: forwards;
}
.animation-enlarge--infinite {
  animation: enlargeInfinite 3s infinite;
  animation-fill-mode: forwards;
}
.animation-textShadowGold {
  animation: textShadowGold 4s infinite;
  animation-fill-mode: forwards;
}
.animation-shadowGold {
  animation: shadowGold 4s infinite;
  animation-fill-mode: forwards;
}

body {
  padding: 0;
  margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
/* 火狐浏览器样式清除 */
input[type="number"] {
  -moz-appearance: textfield;
}

/* 变量 */
:root {
  --white-color-8-5: rgba(255, 255, 255, 0.85);
  --white-color-5: rgba(255, 255, 255, 0.5);
  --white-color-4: rgba(255, 255, 255, 0.4);
  --white-color-3: rgba(255, 255, 255, 0.3);
  /* 灰色 */
  --gray-color: rgba(255, 255, 255, 0.81);
  --gray-color--8: rgba(255, 255, 255, 0.8);
  --gray-color-46: #464646;
  --gray-color-39: #393939;
  /* 金色 */
  --gold-color: #b9a04f;
  --gold-color--2: #e6bf43;
  --gold-color--3: #ca9f4a;
}

.plyr--video .plyr__controls {
  padding: 5vw 6vw 3vw;
}
.plyr__play-large svg {
  fill: #292929;
}
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
  background: #fff;
}

/* theme */
.text-shadow--gold-color--2 {
  text-shadow: 0 0 10px var(--gold-color--2);
}
.text-shadow--black {
  text-shadow: 0 0 10px #000;
}

/* 灰色 */
.text-gray {
  color: var(--gray-color);
}
.text-gray--8 {
  color: var(--gray-color--8);
}
.text-gray--46 {
  color: var(--gray-color-46);
}
.text-gray--39 {
  color: var(--gray-color-39);
}
/* 白色 */
.text-hight--8-5 {
  color: var(--white-color-8-5);
}
.text-hight--5 {
  color: var(--white-color-5);
}
.text-hight--4 {
  color: var(--white-color-4);
}
.text-hight--3 {
  color: var(--white-color-3);
}
/* 金色 */
.text-gold {
  color: var(--gold-color);
}
.text-gold--2 {
  color: var(--gold-color--2);
}

/* 字体大小 */

.text-12 {
  font-size: 0.12rem;
}
.text-13 {
  font-size: 0.13rem;
}
.text-14 {
  font-size: 0.14rem;
}
.text-15 {
  font-size: 0.15rem;
}
.text-16 {
  font-size: 0.16rem;
}
.text-18 {
  font-size: 0.18rem;
}
.text-19 {
  font-size: 0.19rem;
}
.text-20 {
  font-size: 0.2rem;
}
.text-21 {
  font-size: 0.21rem;
}
.text-22 {
  font-size: 0.22rem;
}
.text-24 {
  font-size: 0.24rem;
}
.text-25 {
  font-size: 0.25rem;
}
.text-26 {
  font-size: 0.26rem;
}
.text-30 {
  font-size: 0.3rem;
}
.text-32 {
  font-size: 0.32rem;
}
.text-33 {
  font-size: 0.33rem;
}
.text-36 {
  font-size: 0.36rem;
}
.text-40 {
  font-size: 0.4rem;
}

.line-height-55 {
  line-height: 0.55rem;
}
.line-height-50 {
  line-height: 0.55rem;
}
.line-height-39 {
  line-height: 0.39rem;
}
.line-height-34 {
  line-height: 0.34rem;
}
.line-height-30 {
  line-height: 0.3rem;
}