@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
@charset "utf-8";
html,body{height: 100%;}
*,*:before,*:after { box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family: 'font1',"微软雅黑","黑体";color:#1f2128;;line-height:1.1;font-weight: 400;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "font1","微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
:root {
    /* 导航高度 */
    --header-height: 1rem;
    /* COLOR */
    --color-active: #33416f;
    --color-blue-004: #33416f;
    --color-blue-095: #095cae;
    --color-blue-163: #163494;
    --color-blue-1635: #163595;
    --color-blue-345: #345999;
    --color-red-e41: #e41313;
    --color-white: #fff;
    --color-black: #282828;
    --color-gray-f6: #f6f6f6;
    --color-gray-f4: #f4f4f4;
    --color-gray-eee: #eee;
    --color-gray-ddd: #ddd;
    --color-gray-bbb: #bbb;
    --color-gray-999: #999;
    --color-gray-666: #666;
    --color-gray-444: #444;
    --color-gray-333: #333;
    /* --- font40以下 */
    --font12: clamp(12px, 0.12rem, 12px);
    --font14: clamp(12px, 0.14rem, 14px);
    --font15: clamp(12px, 0.15rem, 15px);
    --font16: clamp(13px, 0.16rem, 16px);
    --font17: clamp(13px, 0.17rem, 17px);
    --font18: clamp(14px, 0.18rem, 18px);
    --font20: clamp(15px, 0.2rem, 20px);
    --font22: clamp(16px, 0.22rem, 22px);
    --font24: clamp(17px, 0.24rem, 24px);
    --font26: clamp(18px, 0.26rem, 26px);
    --font28: clamp(18px, 0.28rem, 28px);
    --font30: clamp(20px, 0.3rem, 30px);
    --font32: clamp(20px, 0.32rem, 32px);
    --font34: clamp(22px, 0.34rem, 34px);
    --font36: clamp(22px, 0.36rem, 36px);
    --font38: clamp(24px, 0.38rem, 38px);
    /* --- font40 */
    --font40: clamp(23px, 0.4rem, 40px);
    --font42: clamp(24px, 0.42rem, 42px);
    --font44: clamp(24px, 0.44rem, 44px);
    --font46: clamp(25px, 0.46rem, 46px);
    --font48: clamp(26px, 0.48rem, 48px);
    /* --- font50 */
    --font50: clamp(28px, 0.5rem, 50px);
    --font52: clamp(28px, 0.52rem, 52px);
    --font54: clamp(28px, 0.54rem, 54px);
    --font56: clamp(28px, 0.56rem, 56px);
    --font58: clamp(29px, 0.58rem, 58px);
    /* --- font60 */
    --font60: clamp(30px, 0.6rem, 60px);
    --font62: clamp(31px, 0.62rem, 62px);
    --font64: clamp(31px, 0.66rem, 64px);
    --font66: clamp(31px, 0.66rem, 66px);
    /* --- font70以及以上 */
    --font70: clamp(32px, 0.7rem, 70px);
    --font72: clamp(32px, 0.72rem, 72px);
    --font74: clamp(32px, 0.74rem, 74px);
    --font80: clamp(32px, 0.8rem, 80px);
    --font100: 1rem;
    --font120: 1.2rem;
    --font160: 1.6rem;
    --font230: 2.3rem;
}
@media (max-width: 1580px) {
    :root {
        --header-height:80px;
    }
}
/* 公共字体 */
.font12 {
    font-size: var(--font12);
}
.font14 {
    font-size: var(--font14);
}
.font15 {
    font-size: var(--font15);
}
.font16 {
    font-size: var(--font16);
}
.font18 {
    font-size: var(--font18);
}
.font20 {
    font-size: var(--font20);
}
.font22 {
    font-size: var(--font22);
}
.font24 {
    font-size: var(--font24);
}
.font26 {
    font-size: var(--font26);
}
.font28 {
    font-size: var(--font28);
}
.font30 {
    font-size: var(--font30);
}
.font32 {
    font-size: var(--font32);
}
.font34 {
    font-size: var(--font34);
}
.font36 {
    font-size: var(--font36);
}
.font38 {
    font-size: var(--font38);
}
.font40 {
    font-size: var(--font40);
}
.font42 {
    font-size: var(--font42);
}
.font44 {
    font-size: var(--font44);
}
.font46 {
    font-size: var(--font46);
}
.font48 {
    font-size: var(--font48);
}
.font50 {
    font-size: var(--font50);
}
.font52 {
    font-size: var(--font52);
}
.font54 {
    font-size: var(--font54);
}
.font56 {
    font-size: var(--font56);
}
.font58 {
    font-size: var(--font58);
}
.font60 {
    font-size: var(--font60);
}
.font62 {
    font-size: var(--font62);
}
.font64 {
    font-size: var(--font64);
}
.font66 {
    font-size: var(--font66);
}
.font70 {
    font-size: var(--font70);
}
.font72 {
    font-size: var(--font72);
}
.font72 {
    font-size: var(--font74);
}
.font80 {
    font-size: var(--font80);
}
.font100 {
    font-size: var(--font100);
}
.font120 {
    font-size: var(--font120);
}
.font160 {
    font-size: var(--font160);
}
.font230 {
    font-size: var(--font230);
}
html {
    font-size: calc(100vw/19.2);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
    html {
        font-size: 100px;
    }
}
@media (max-width: 1580px) {
    html {
        font-size: calc(100vw / 21);
    }
}
@media (max-width: 1280px) {
    html {
        font-size: calc(100vw / 19.3);
    }
}
@media (max-width: 767px) {
    html {
        font-size: calc(100vw/15);
    }
}
@media (max-width: 480px) {
    html {
        font-size: calc(100vw/7.5);
    }
}

@charset "utf-8";
@font-face {
    font-family:font1;
    src: url("/buffhub/images/Barlow-Regular.ttf");
    font-style: normal;
    font-display: swap;
}

.header{position: fixed;width: 100%;background: #fff; z-index: 100;left: 0;top: 0;}
.headerabox{padding: 0 40px;height: 72px;background: #17191f;display: flex;justify-content:space-between; align-items: center;}
.headerLeft{display: flex;align-items: center;gap:50px;}
.logo{width: 170px;}
.logo img{width: 100%;}
.nav ul{display: flex;justify-content: space-between;gap:55px;}
.nav li{position: relative;}
.nav li h3 a{display: inline-block; line-height: 72px; font-size: 16px;color: #fff;}
.nav h3 b{display: inline-block;background:url(/buffhub/images/a2.png) no-repeat center center;width: 11px;height: 6px;vertical-align: middle; margin: -3px 0 0 5px;}
.nav li h3{position: relative;}
.nav li h3:before{position: absolute;content: "";top: 0;left: 50%;transform: translateX(-50%);transition: all .5s;width: 0;border-bottom: 4px solid #fec208;border-radius: 2px;}
.nav li.cur h3 a{color: #ffd633;}
.nav li.cur h3:before{width: 100%;}
.nav h3 a:hover{color: #ffd633;}
.nav li:hover h3:before{width: 100%;}
.sub{position: absolute; left: -30px;top: 72px;z-index: 10;display: none;}
.subobx{display: flex;justify-content: space-between;width: 1000px;background: #3e4145;border-radius: 0 0 8px 8px;overflow: hidden;max-width: 90%;}
.subleft{width: 66.66%;background: #45484d;}
.subleft h2{font-weight: bold;font-size: 16px;color: #fff;line-height: 52px;border-bottom:1px solid #585b5f; padding: 0 25px;}
.subleft h2 img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.subleft dl{padding: 10px 15px;display: flex;justify-content: space-between;flex-wrap: wrap;gap:15px;}
.subleft dt{width: calc(50% - 15px/2);font-size: 13px; line-height: 42px;}
.subleft dt a{color: #fff; padding: 0 10px;border-radius: 6px;display: block;transition: all .5s;}
.subleft dt a img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;width: 24px;height: 24px;border-radius: 5px;}
.subleft dt a:hover{background: #585b5f;}
.sutright{width: 33.33%;}
.sutright h2{font-weight: bold;font-size: 16px;color: #fff;line-height: 52px;border-bottom:1px solid #585b5f; padding: 0 25px;}
.sutright h2 img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.sutright dl{padding: 10px 15px;}
.sutright dt{font-size: 13px; line-height: 42px;}
.sutright dt a{color: #fff; padding: 0 10px;border-radius: 6px;display: block;transition: all .5s;}
.sutright dt a:hover{background: #585b5f;}

.subxq{width: 260px;}
.subxq a{display: block;line-height: 60px; font-size: 13px; padding: 0 25px;border-radius: 0 0 8px 8px;background: url(/buffhub/images/c_06.png) no-repeat 90% center #45484d;color: #fff;}

.headerRight ul{display: flex;justify-content: space-between;gap:15px;}
.ssbox{width: 240px;height: 36px;border: 1px solid #2f3036;background: #2f3036;border-radius: 6px; position: relative;}
.wby1{width: 100%; height: 34px; line-height: 34px; padding-left: 35px;}
.btn1{position: absolute;background: url(/buffhub/images/a3.png);width: 21px;height: 20px;cursor: pointer; left: 9px;border: none;top: 50%;transform:translateY(-50%);}
.yznr{width: 95px;height: 36px;border-radius: 6px;background: #2f3036;}
.yznr dl{display: flex;justify-content: center;align-items: center;font-size: 12px;line-height: 36px;}
.yznr dl a{color: #fff;}
.dlbtn{display: block;text-align: center; font-size: 12px;color: #333;width: 132px; line-height: 36px;background: #ffcb2e;border-radius: 6px;}

.headerBotom p{text-align: center; padding: 11px 0;font-size: 16px; font-weight: 600;}
.headerBotom p a{color: #eb7005;text-decoration: underline;}
.headerBotom p a:hover{color: #f4b77d;}
.headerBotom p img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;}


.bj{background: #f4f6f8; padding: 140px 0 0 0;}
.banner{overflow: hidden;position: relative;width: 1200px;max-width: 90%; margin: 0 auto;}
.banner img{width: 100%;}
.banner .swiper{padding-bottom: 30px;}
.banner .swiper-slide {width: 80%; }
.banner .swiper-pagination-bullet{width: 28px;height: 4px; border-radius: 2px; opacity: 1; background: #a1a7b3; position: relative;overflow: hidden;}
.banner .swiper-pagination-bullet:before{position: absolute;content: "";width: 0;height: 4px;left: 0;top: 0;background: #ffa100;}
.banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 1.5s;}
.banner .swiper-button-next{color: #fff; opacity: .7;}
.banner .swiper-button-prev{color: #fff; opacity: .7;}
.banner .swiper-button-next:hover{opacity: 1;}
.banner .swiper-button-prev:hover{opacity: 1;}

.flbq{padding-bottom: 10px;border-bottom: 1px solid #e0e2e4;}
.flbq ul{display: flex;justify-content: center;}
.flbq  a{display: block;width: 180px;height: 50px;border-radius: 8px; padding: 0 10px;display: flex;align-items: center;gap:9px;font-size: 14px; line-height: 22px;transition: all .5s; position: relative;}
.flbq  a:before{position: absolute;content: "";background: url(/buffhub/images/a5.png);width: 5px;height: 8px; right: -10px;top: 50%;transform: translateY(-50%);opacity: 0;transition: .5s;}
.flbq  a:hover{background:#e8e9ed;}
.flbq  a:hover:before{right: 10px;opacity: 1;}
.wz1200{width: 1200px;max-width: 94%; margin: 0 auto;}
.receTitle{padding: 30px 0 10px;}
.receTitle h2{font-size: 20px;line-height: 28px;font-weight: 600;}
.receTitle h2 span{font-size: 400;font-size: 12px;color: #d7d9dc;padding: 0 10px;}
.receTitle h2 a{font-size: 12px;color: #5e626b;font-weight: 400;transition: all .5s;}
.receTitle h2 a img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.receTitle h2 a:hover{opacity: .5;}
.receNr ul{display: flex;gap:10px}
.receBox {width: 165px; padding: 5px;border-radius: 6px;background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.receBox span{display: block;overflow: hidden; width: 44px;border: 1px solid #eee;border-radius: 6px;}
.receBox span img{width: 100%;transform: all .5s;}
.receBox a{display: flex;justify-content: space-between;align-items: center; }
.receNr a:hover img{transform: scale(1.1);}
.receText{width: calc(100% - 53px);}
.receText h2{ font-size: 12px;line-height: 16px;color: #000;}
.receText p{font-size: 11px;line-height: 14px;color: #5e626b;}
.hot-Title{padding: 40px 0 15px;position: relative;}
.btn3{position: absolute;right: 0;    font-size: 14px; line-height: 22px; font-weight: 600;bottom: 25px;background: url(/buffhub/images/a21.png) no-repeat right center; padding-right: 15px;background-size: 8px auto;}
.hot-Title h2{font-weight: bold;font-size: 20px;color: #0F0F0F;}
.hot-Title p{font-size: 14px;color: #5E626B;margin-top: 8px;}
.hot-Nr ul{display: flex;gap:15px;flex-wrap: wrap; padding-bottom: 20px;}
.hot-Nr li{border-radius: 6px; overflow: hidden; background: #fff;width: calc(14.28% - 90px/7);transition: all .5s;}
.hotTp{position: relative;overflow: hidden;}
.hotTp img{width: 100%; -o-object-fit: cover; object-fit: cover;position: relative;aspect-ratio: 16 / 16;box-shadow:0 0 10px rgba(0, 0, 0, .1); transition: all .5s;}
.hotTp b{position: absolute;top: 0;right: 0;  padding: 0 10px; line-height: 1.6; color: #fff; font-size: 16px;background: #ff8000;z-index: 10;border-radius: 0 6px 0 6px;font-weight: bold;}
.hotText{ padding: 13px 10px;}
.hotText h2{font-weight: bold;font-size: 14px;color: #0F0F0F;}
.hotText p{font-size: 12px;color: #D4D4D8; margin-top: 30px;display: flex;align-items: center;}
.hotText p em{display: inline-block; background: url(/buffhub/images/a16.png);width: 13px;height: 12px;vertical-align: middle; margin: -3px 5px 0 0;}
.hotText p span{font-size: 14px;color: #EB9400;}

.hotText p b{color: #5E626B;}
.hot-Nr li:hover{transform: translate(0, -5px);box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.hot-Nr li:hover img{transform: scale(1.1);}


.bj2{background: url(/buffhub/images/a17.png) no-repeat center center;background-size: cover;}
.best{padding-bottom: 50px;}
.bestTitle{ padding: 50px 0 0;}
.bestTitle{display: flex;gap:30px;align-items: center;}
.bestTitle img{width: 1.75rem;}
.bestTitle h2 {color: #fff;font-size: 14px;}
.bestNr{position: relative;padding-top: 30px;}
.bestNr .swiper-container{overflow: hidden; }
.bestNr .swiper{width: 100%;}
.bestNrbox{border-radius: 8px; overflow: hidden;transition: all .5s;}
.bestTp{position: relative;overflow: hidden;}
.bestTp img{width: 100%;position: relative;aspect-ratio: 16 / 16;-o-object-fit: cover;object-fit: cover;transition: all .5s;}
.bestTp b{position: absolute;left: 0;top: 0;background: #000;background: url(/buffhub/images/a20.png); width: 28px;height: 27px;text-align: center;font-size: 16px; line-height: 22px;font-weight: bold;}
.bestNrtext{padding: 10px;}
.bestNrtext h2{font-size: 16px;color: #fff;font-weight: 700;}
.bestNrtext p{font-size: 14px;color: #fff;opacity: .7;margin: 8px 0 32px;}
.bestNrtext h3{display: flex;gap:5px}
.xtb1{color: #fff;border-radius: 6px; line-height: 19px; padding: 0 9px;background: #ff8000;font-size: 10px;}
.xtb2{color: #fff;border-radius: 6px; line-height: 19px; padding: 0 9px;background: #53816b;font-size: 10px;}
.bestNr .swiper-slide:nth-child(1) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #286146);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(1) .bestNrtext{background:#286146;}
.bestNr .swiper-slide:nth-child(2) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #273989);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(2) .bestNrtext{background:#273989;}
.bestNr .swiper-slide:nth-child(3) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #8a617f);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(3) .bestNrtext{background:#8a617f;}
.bestNr .swiper-slide:nth-child(4) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #512951);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(4) .bestNrtext{background:#512951;}
.bestNr .swiper-slide:nth-child(5) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #7b6b68);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(5) .bestNrtext{background:#7b6b68;}
.bestNr .swiper-slide:nth-child(6) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #4e6132);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(6) .bestNrtext{background:#4e6132;}
.bestNr .swiper-slide:nth-child(7) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #8a617f);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(7) .bestNrtext{background:#8a617f;}
.bestNr .swiper-slide:nth-child(8) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #8a617f);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(8) .bestNrtext{background:#8a617f;}
.bestNr .swiper-slide:nth-child(9) .bestTp:before{ position:absolute; height: 50%;left: 0;bottom: 0;width: 100%;  background-image: linear-gradient(transparent, #8a617f);content: "";z-index: 10;}
.bestNr .swiper-slide:nth-child(9) .bestNrtext{background:#8a617f;}
.bestNr .swiper-button-next{width: 30px;height: 30px;background: #fff;color: #333;margin: 0;right: 0;top: -10px;border-radius: 50%;}
.bestNr .swiper-button-prev{width: 30px;height: 30px;background: #fff;color: #333;margin: 0;right: 40px;top: -10px;border-radius: 50%;left: auto;}
.bestNr .swiper-button-next:after,.bestNr  .swiper-button-prev:after{font-size: 14px;}
.bestNrbox:hover img{transform: scale(1.1);}
.bestNrbox:hover{transform: translate(0, -5px);}

.care{display: flex;justify-content: space-between;gap:.55rem;-ms-flex-wrap: wrap;}
.carebox{width: calc(50% - .55rem/2);}
.careTitle{padding: .5rem 0 15px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ccc;}
.careTitle h2{font-weight: bold;font-size: 20px; line-height: 28px;color: #1f2128;}
.careTitle a{ font-size: 14px;line-height: 22px;font-weight: 600; background: url(/buffhub/images/a21.png) no-repeat right center; padding-right: 15px; background-size: 8px auto}
.careNr ul{display: flex;gap:15px; flex-wrap: wrap; padding: 15px 0;}
.careNr li{width: calc(50% - 15px/2);}
.careb{display: flex;justify-content: space-between;align-items: center;}
.car_tp{position: relative;overflow: hidden; width: 64px;border-radius: 6px;}
.car_tp img{width: 100%; -o-object-fit: cover; object-fit: cover;transition: all .5s;position: relative;aspect-ratio: 44 / 44;}
.careText{width: calc(100% - 77px);}
.careText h2{font-size: 16px;line-height: 20px;color: #0f0f0f;margin-bottom: 6px;}
.careText p em{color: #5e626b;}
.careText p{color: #d4d4d8;}
.careText p b{color: #eb9400;}
.careText p span{    display: inline-block; background: url(/buffhub/images/a16.png);width: 13px;height: 12px;vertical-align: middle;margin: -3px 5px 0 0;}
.car_tp b{position: absolute;top: 0;right: 0;color: #fff; padding: 0 8px;background: #ff8000;border-radius: 0 6px 0 6px;line-height: 16px;font-size: 10px;}
.careNr a:hover img{transform: scale(1.1);}
.careText h3{font-weight: 700;font-size: 14px;color: #ff8000;}
.zknr{text-align: center;}
.zknr p{font-size: 16px;display: inline-block;color: #5E626B;cursor: pointer;}
.zknr p b{background: url(/buffhub/images/a22.png);width: 11px;height: 6px;display: inline-block;}

.TrusNR{position: relative;overflow: hidden; padding: 0 50px }
.trusBox{background: #e1e3e4; padding: 15px 10px;}
.trusBox h2{display: flex;justify-content: space-between;align-items: center;}
.trusBox h2 b{display: inline-block;background: url(/buffhub/images/a23.png);width: 18px;height: 18px;background-size: 100% 100%;}
.trusBox h2 em{font-size: 13px;color: #6C6C85;}
.trusBox h2 em img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;border-radius: 50%;}
.trusBox h3{font-size: 14px;color: #1F2936;font-weight: bold;margin: 13px 0 12px;line-height: 1.4;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.trusBox p{font-size: 13px;line-height: 1.6;color: #191919;margin-bottom: 40px;line-height: 1.4;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.trusBox h4{font-size: 12px;color: #000000;opacity: .6;}
.trusBox h4 b{font-weight: bold;}
.TrusNR .swiper-button-next{width: 30px;height: 30px;margin-top: -15px;border: 1px solid #d1d1d1;border-radius: 50%;color: #d1d1d1;}
.TrusNR .swiper-button-next:hover{border: 1px solid #00b67a;background: #00b67a;color: #fff;}
.TrusNR .swiper-button-next:after,.TrusNR .swiper-button-prev:after{font-size: 14px;}
.TrusNR .swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;border: 1px solid #d1d1d1;border-radius: 50%;color: #d1d1d1;}
.TrusNR .swiper-button-prev:hover{border: 1px solid #00b67a;background: #00b67a;color: #fff;}
.trustext{text-align: center; padding: 20px 0 50px;}
.trustext p{line-height: 1.4;font-size: 13px;color: #191919;}
.trustext p b{font-weight: bold;text-decoration: underline;}
.trustext p span{font-weight: bold;}
.trustext p span img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.whybox{border-radius: 10px; border: 1px solid #ccc; padding: 40px 25px;background: #fff;}
.whybox ul{display: flex;justify-content: space-between;align-items: center; gap:40px;}
.whybox li{width: calc(33.333% - 80px/3);}
.whynr{display: flex;justify-content: space-between;align-items: flex-start; }
.whytext{width: calc(100% - 70px);}
.whytext h2{font-weight: bold;color: #1F2128;font-size: 16px;}
.whytext p{font-size: 12px;color: #5E626B; line-height: 1.4; margin-top: 7px;}
.wfgc{margin-top: 30px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 25px 0;display: flex;justify-content: space-between;align-content: center;background: #fff;}
.scroll-container{width: calc(100% - 260px);}
.wfgcright{width: 187px;background: #fff;overflow: hidden;}
.wfgcright img{width: 100%;}
.box {width: calc(100% - 160px)}
.winBox { height: 20px;width:100%;overflow:hidden;position:relative;}
.scroll {width:1500px;position:absolute;left:0px;top:0px;}
.scroll li {float:left; margin-right: 15px;}

.footer-bj{background: #fff;}
.footer{width: 1200px;margin: 0 auto;max-width: 90%;}
.footTop{padding: 30px 0;display: flex;justify-content: space-between;}
.footLeft{width: calc(100% - 520px);}
.footLeft ul{display: flex;justify-content: space-between;}
.footLeft h2{font-weight: bold; margin-bottom: 15px;font-size: 16px;}
.footLeft dt{font-size: 14px; line-height: 2.1;}
.footLeft dt a{color: #5E626B;}
.footLeft dt a:hover{color: #000;}

.foobox{padding-bottom: 20px;}
.foobox h2{font-weight: bold;font-size: 16px;color: #1F2128;margin-bottom: 15px;}
.foobox ul{display: flex;gap:15px;}
.foobox img{transition: all .5s;}
.foobox a:hover img{opacity: .7;}

.bqxx{border-top: 1px solid #ccc;text-align: center;padding: 25px  3%;}
.bqxx p{line-height: 1.6;color: #5E626B;}
.dlss{display: none;}
.tou{display: none;}
.nav li h3 img{display: none;}

/*top-up*/
.bj2 { background: #f4f6f8; }
.cplb{width: 1200px;max-width: 94%; margin: 0 auto;}
.h50{height: 50px;}
.fgx2{height: 70px;}
.dqwz{padding: 20px 0;display: flex;justify-content: space-between;align-items: center;}
.dqwz p{font-size: 14px;color: #5e626b;}
.dqwz p img{display: inline-block;width: 16px;vertical-align: middle; margin: -3px 8px 0 0;}
.dqwz p span{padding: 0 5px;}
.dqwz p a{color:#5e626b;}
.dqwz p a.cur{color: #000;}
.dqwz p a:hover{color: #000;text-decoration: underline;}
.cplishBox{display: flex;justify-content: space-between;align-items: flex-start; position: relative;}
.cplishLeft{width: 250px;border-radius: 10px;background: #fff; padding: 8px;position: sticky;top: 80px;z-index: 99;}
.cplishLeft li{border-radius: 6px; cursor: pointer; padding: 0 13px;height: 45px;display: flex;justify-content: space-between;align-items: center;}
.cplishLeft li img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;height: 25px;}
.cplishLeft li span{font-size: 14px;color: #0f0f0f;}
.cplishLeft li b{font-size: 12px;color: #77808c;}
.cplishLeft li.cur span{font-weight: bold;}
.cplishLeft li.cur {background: #eff2f5;}
.cplishRight{width: calc(100% - 270px);}
.cplishQh{animation: fadeIn 1s 1;}
.cplishTitle{display: flex;justify-content: space-between;padding-bottom: 15px;border-bottom: 1px solid #d7d9dc;align-items: center;}
.cplishTitle h2{font-size: 32px;color: #1f2128;font-weight: bold;}
.cplishTitle span{font-size: 16px; line-height: 24px;color: #1f2128;}
.cplb_bt ul{display: flex; gap:10px;}
.cplb_bt li{color: #d7d9dc;line-height: 46px;font-size: 14px;}
.cplb_bt li a{color: #0f0f0f;}
.cplb_bt li.cur a{font-weight: bold;color: #eb9400;}
.cplb_bt a:hover{font-weight: bold;color: #eb9400;}
.lbnr ul{display: flex;gap:15px;flex-wrap: wrap;}
.lbnr li{width: calc(16.66% - 75px/6);border-radius: 6px;background: #fff; transition: all .5s;overflow: hidden;}
.lbnr li:hover{transform: translate(0, -5px);box-shadow:0 0 10px rgba(0, 0, 0, .2); }
.lbnr li:hover img{transform: scale(1.1);}

.cptext{margin-top: 55px;border-radius: 10px;background: #fff; padding:20px 30px 0 30px;}
.cptextBox h2{color: #1b1a1a;line-height: 2;font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.cptextBox{padding-bottom: 40px;}
.cptextBox p{color:#696b70;line-height: 1.5;font-size: 15px; font-weight: 400;}
.cptextBox p b{font-weight: bold;color: #333;}
.cptextBox.cptextBox1 p{line-height: 2;}
.gqss{width: 27px; position: absolute;left: 8px;top: 8px;z-index: 10;}
.gqss img{position: relative;aspect-ratio: 16 / 9; }
.sjzs{display: none;}

/*beke*/
.bknr{width: 1200px;border-radius: 6px;background: #fff;max-width: 94%; margin: 0 auto; padding: 0 15px;display: flex;justify-content: space-between;align-items: center;}
.ssnr{width: 295px;height: 40px;background: #ccc;border-radius: 6px; position: relative;}
.wby2{width: 100%;height: 40px; line-height: 40px; padding: 0 10px 0 42px;}
.wby2a{width: 100%;height: 40px; line-height: 40px; padding: 0 10px 0 42px;}
.btn2{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);background: url(/buffhub/images/a38.png);width: 20px;height: 20px;background-size: 100% 100%;border: none;cursor: pointer;}

.bklbTile{background: #fff;border-radius: 6px; margin: 15px 0 0 0; padding: 0 30px; }
.bklbTile ul{display: flex;gap:38px;}
.bklbTile li{line-height: 48px;}
.bklbTile span{display: block;cursor: pointer; position: relative; font-size: 16px;color: #797a7e;transition: all .5s;}
.bklbTile span:before{position: absolute;content: "";border-bottom: 4px solid #ffcb2e;width: 0;transition: all .5s;bottom: 0;left: 50%;transform: translateX(-50%);}
.bklbTile span:hover{opacity: .5;}
.bklbTile li.cur span{color: rgb(31 33 40 / 90%);}
.bklbTile li.cur span:hover{opacity: 1;}
.bklbTile li.cur span:before{width: 24px;}
.bklbQh{animation: fadeIn 1s 1;}
.bklbQh li{padding-top: 5px;}
.bklbBox{border-radius: 6px;background: #fff; padding: 17px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.bklbTp{width: 210px; overflow: hidden;border-radius: 6px;}
.bklbTp img{width: 100%;transition: all .5s;-o-object-fit: cover;object-fit: cover;position: relative;aspect-ratio: 210 / 140;}
.bklbText{width: calc(100% - 230px);}
.bklbText h2{font-size: 24px;line-height: 32px;color: #0f0f0f;margin-bottom: 4px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.bklbText p{font-size: 16px;line-height: 24px;color: #45484d;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bklbText h3{color: rgba(31, 33, 40, .4); font-size: 15px; line-height: 22px;margin-top: auto; margin-top: 25px;}
.bklbQh a:hover img{opacity: .6;}

/*football-manager*/
.cpxq{display: flex;justify-content: space-between;position: relative;align-items: flex-start; }
.cpxqLeft{width: calc(100% - 315px);}
.cpxqTop{background: #fff;border-radius: 6px; padding: 30px;display: flex;justify-content: space-between;}
.cpnrLeft{width: 45%;}
.cpnrLeft img{width: 100%;}
.cpnrRight{width: 55%; padding-left: 30px;}
.cpnrRight h2{font-weight: bold;font-size: 24px;line-height: 32px;color: #1f2128; padding: 16px 0;}
.cpnrRight li{ border-top: 1px solid #ebecf0; padding: 25px 0;}
.cpnrRight p{display: flex;justify-content: space-between;align-items: center;font-size: 16px; line-height: 24px; color: rgba(31, 33, 40, .9);}
.cpnrRight p b{color: rgba(31, 33, 40, .4);font-size: 15px;}
.cpnrRight h3{display: flex;align-items: center;}
.cpnrRight h3 b{font-weight: bold;font-size: 18px;display: inline-block;margin-right: 4px;color: #0f0f0f;}
.cpnrRight h3 span{color: #77808c;font-size: 12px;margin-right: 4px;text-decoration: line-through;}
.cpnrRight h3 em{color: #fff;background: #ff8000;font-size: 12px;line-height: 18px; padding: 0 4px;}

.Prod{border-radius: 6px;background: #fff; margin-top: 15px;}
.Prod h2{padding: 11px 16px;border-bottom: 1px solid #ebecf0;font-weight: bold;font-size: 18px;line-height: 26px;color: #282828;}
.ProdNr{ padding: 16px;}
.ProdNr p{font-size: 14px;line-height: 22px; color: rgba(31, 33, 40, .65);}
.ProdNr li{ padding: 0 0 34px 36px; position: relative;line-height: 22px;font-size: 14px;color: rgba(31, 33, 40, .9);}
.ProdNr b{width: 20px;height: 20px;line-height: 20px;color: #fff; border-radius: 50%;color: #fff;background: #ffcb2e;left: 0;position: absolute;text-align: center;top:2px;}
.ProdNr li:before{background: #f2f2f2;content: ""; position: absolute; width: 1px; top: 30px; bottom: 10px;left: 10px;}
.ProdNr ul li:last-child{padding-bottom: 0;}
.ProdNr ul li:last-child:before{display: none;}

.ProdText{border-radius: 6px;background: #fff; margin-top: 15px; padding: 16px;}
.ProdBox{padding-bottom: 45px;}
.ProdBox p{font-size: 14px; line-height: 22px;color: rgba(31, 33, 40, .65);}
.ProdBox p b{font-weight: 700;}
.ProdBox  h2{font-weight: bold;font-size: 14px;line-height: 20px;color: rgba(31, 33, 40, .95); font-weight: 600;}
.ProdBox p span{color: #333;}
.ProdText h1{font-size: 14px;line-height: 20px;color: #fc0;margin-bottom: 25px;}
.ProdBox2 h2{font-weight: bold;font-size: 14px;line-height: 20px;color:#007aff; font-weight: 600;}
.ProdBox2{padding-bottom: 45px;}
.ProdBox2 p{font-size: 14px; line-height: 22px;color: rgba(31, 33, 40, .65);}
.ProdBox2:last-child{padding: 0;}
.cpxqRight{width: 295px;border-radius: 6px;background: #fff; padding: 8px 15px;position: sticky; top: 125px;}
.cpxqsj h2{font-size: 15px;line-height: 23px;color: rgba(31, 33, 40, .9);border-bottom: 1px solid #ebecf0; padding: 16px 0 4px;}
.cpxqsj h3{height: 120px;display: flex; flex-direction: column;align-items: center;justify-content: center;color: #ff5000;font-weight: 700; white-space: nowrap;font-size: 24px; line-height: 28px;}
.cpxqsj a{display: block; text-align: center; border-radius: 6px;line-height: 40px;background: #ffcb2e;font-size: 16px;color: #000;transition: all .5s;}
.cpxqsj a:hover{background: #ffe082;}

/*genshin-impact-top-up*/
.h110{height: 110px;}
.gwnr{display: flex;justify-content: space-between;align-items: flex-start; }
.gwnrLeft{width: calc(100% - 315px);}
.Genshin{background: #fff;border-radius: 6px;display: flex;justify-content: space-between;}
.GenshinRight{background: url(/buffhub/images/a42.png);width: 240px;height: 150px; background-size: 100% 100%; position: relative;margin-top: 16px;}
.GenshinRight img{width: 100%;position: relative;z-index: 10;cursor: pointer;}
.djsnr{position: absolute;background: url(/buffhub/images/a41.png);width: 195px;height: 95px;background-size: 100% 100%;top: 8px;left: 20px; padding: 15px 0 0 0;cursor: pointer;transition: all .5s;}
.GenshinRight:hover .djsnr{top: 0;}
.djsnr p{text-align: center; font-size: 12px; line-height: 18px;color: #4f2307;}
.djsnr p b{font-size: 16px;color: #ff5000;font-weight: bold;}
.djsnr a{display: block;text-align: center; width: 120px; line-height: 24px;border-radius: 5px;background: #ff8d0d;color: #ffebd7;margin: 10px auto 0 auto;}
.countdowna{position: absolute;padding: 1px 4px;border-radius: 4px;background: #ffdc82;color: #ab714c;left: 0;top: -8px;}
.countdown{text-align: center;}
.countdown p span{color: #fff; font-weight: bold;background: #a45726;border-radius: 4px; padding: 2px 4px;}
.GenshinLeft{width: calc(100% - 240px);display: flex;justify-content:space-between;align-items: flex-start;padding: 16px; }
.genTp{width: 117px; overflow: hidden;border-radius: 6px;}
.genTp img{width: 100%;transition: all .5s;-o-object-fit: cover;object-fit: cover;position: relative;aspect-ratio: 117 /117;border-radius: 6px;}
.GenshinLeft:hover .genTp img{transform: scale(1.1);}
.genText{width: calc(100% - 117px);padding-left: 20px;}
.genText h2{margin-bottom: 4px;color: #0f0f0f;font-size: 20px; font-weight: 600;font-size: 28px;}
.genText p{margin-bottom: 4px;font-size: 12px; line-height: 14px; line-height: 20px; color: #1f2128;display: flex;gap:15px}
.genText .topup-recommend-fast2 path{stroke: #fff;fill: #ffb700;}
.genText .topup-recommend-save path{stroke: #fff;fill: #2fbe85;}
.genText .topup-recommend-support_two path{stroke: #fff;fill: #1b83ff;}
.genText p b svg{vertical-align: middle; margin: 0 4px 0 0;}
.genText h3{font-size: 14px; line-height: 20px;color: #1f2128;display: flex;gap:4px;align-items: center;}
.genText h3 span{background: #ffcc00;padding: 0 4px;color: #222;}
.genText h3 b{display: inline-block;background: url(/buffhub/images/a16.png); width: 13px;height: 12px;}
.genText h3 em{font-size: 12px;padding: 0 4px;color: #ccc;}

.GenesisTitle{padding: 15px 0;}
.GenesisTitle ul{display: flex;gap:8px;flex-wrap: wrap;}
.GenesisTitle ul li a{display: block;padding: 0 16px;border: 1px solid rgba(31, 33, 40, .25);line-height: 32px;font-size: 15px; background: #fff;border-radius: 4px;}
.GenesisTitle ul li.cur a{color: #ffcc00;border: 1px solid #ffcc00;}
.GenesisTitle a:hover{color: #ffcc00;border: 1px solid #ffcc00;}
.GenesisTop{animation: fadeIn 1s 1;}
.GenesisTop ul{display: flex;gap:4px;flex-wrap: wrap;}
.GenesisTop li{width: calc(20% - 24px/5);}
.GenesisBox{border-radius: 6px;border: 3px solid transparent; transition: all .5s;}
.GenesisTp{position: relative;overflow: hidden;border-radius: 4px;}
.GenesisTp img{width: 100%;transition: all .5s;}
.GenesisTp b svg{position: absolute;top: 6px;right: 6px;border-radius: 50%;background: #bed0e1;}
.GenesisTp:before{position: absolute;width: 100%;height: 50%;content: "";left: 0;bottom: 0;background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 64px, #fff);z-index: 10;}
.GenesisText{padding: 0 10px 10px 10px; background: #fff;transition: all .1s;}
.GenesisText h2{color: #0f0f0f;font-size: 14px;line-height: 18px;}
.GenesisText p{display: flex;justify-content: space-between;align-items: center; margin: 4px 0; }
.GenesisText span{font-size: 12px;color: #ff5000; line-height: 16px;}
.GenesisText p b{font-weight: bold;color: #ff5000;font-size: 20px;}
.GenesisText em{color: #fff; font-size: 12px; padding: 0 4px; line-height: 15px;background: #ff8000;border-radius: 4px;height: 15px;}
.GenesisText h3{font-size: 12px;color: #77808c;}
.GenesisBox:hover{border: 3px solid #ffcc32;}
.GenesisBox:hover img{transform: scale(1.1);}
.GenesisBox:hover .GenesisText{margin-top: -5px;}
.GenesisTop li.active .GenesisBox{border: 3px solid #ffcc32;}

.GenesisBottom{border-radius: 6px; margin-top: 15px;background: #fff;padding-bottom: 16px;}
.geneTitle h2{padding: 11px 16px; border-bottom: 1px solid #ebecf0;font-weight: bold;font-size: 18px; line-height: 26px;}
.geneNr{padding: 11px 16px 0 16px;}
.geneBox {padding-bottom: 35px;}
.geneBox h2{ line-height: 2;font-size: 16px;color: #e03e2d;font-weight: bold;}
.geneBox p{color: #696b70;line-height: 1.5;font-size: 16px;}
.geneBox p b{font-weight: bold;color: #333;}
.geneBox h3{ line-height: 2;font-size: 16px;color: #1b1a1a;;font-weight: bold;}
.geneBox p .color1{font-weight: bold;color: #e03e2d;}
.geneBox p .color2{color: #e03e2d;}
.geneBox img{margin: 10px auto;max-width: 90%;}
.geneBox .color3{color: #0075ff;}
.geneBox .color3:hover{opacity: .6;}
.geneBox .color4{color: #0075ff;font-style: italic;font-weight: bold;}
.geneBox .color4:hover{opacity: .6;}
.geneBox .color6{color: #ff9500;font-weight: bold;}
.bgys1{width: 100%;border-top: 1px solid #808080;border-left: 1px solid #808080;margin-top: 10px;}
.bgys1 th{border-right: 1px solid #808080;border-bottom: 1px solid #808080;font-size: 14px; line-height: 24px;color: #696b7d;padding: 0 5px;}
.bgys1 th b{color: #ff9500; font-weight: bold;}
.bgys1 td{border-right: 1px solid #808080;border-bottom: 1px solid #808080;font-size: 14px; line-height: 24px;color: #696b7d;text-align: center; padding: 0 5px;}
.geneBox:last-child{padding: 0;}
.fsjd{display: flex;justify-content: space-between;padding: 25px 16px;}
.fsjdleft{width: 120px;text-align: center;}
.fsjdleft span{font-weight: bold;font-size: 44px;color: #1f2128;;}
.fsjdleft p{padding: 10px 0;display: flex;justify-content: center;gap:2px}
.fsjdleft p b{background: url(/buffhub/images/a16.png);width: 13px;height: 12px;}
.fsjdright{width: calc(100% - 120px);}
.fsjdright li{height: 24px;display: flex;align-items: center;gap:8px;font-size: 14px;}
.djt{width: 240px;height: 4px;border-radius: 2px; position: relative;overflow: hidden;background: #f0f1f5;}
.djt b{left: 0;top: 0;height: 100%;background: #ffcb2e;position: absolute;}
.fsjdright span{display: inline-block;width: 60px;}
.reviewsBox{animation: fadeIn 1s 1;}
.reviews{padding: 0 16px;}
.reviewsTitle ul{display: flex;gap:50px;padding: 0 30px;border-bottom: 1px solid #e8e9ed;}
.reviewsTitle span{cursor: pointer; display: block; position: relative;padding-bottom: 18px; font-size: 16px;color: #5e626b;}
.reviewsTitle span:before{position: absolute;content: ""; border-bottom: 4px solid #ffcc00;border-radius: 2px;width: 0;left: 50%;transform: translateX(-50%);bottom: 0;transition: all .5s;}
.reviewsTitle li.cur span{font-weight: bold;}
.reviewsTitle li.cur span:before{width: 25px;}
.revnr_bt ul{text-align: right;}
.revnr_bt li{display: inline-block;color: #ccc;}
.revnr_bt  span{display: inline-block; line-height: 48px;padding: 0 5px;font-size: 14px;color: #666;cursor: pointer;}
.revnr_bt li.cur span{font-weight: bold;color: #ffa100;}

.qhbox{display: flex;justify-content: space-between;padding-bottom: 40px;}
.revnrQh{animation: fadeIn 1s 1;}
.qhbleft{width: 36px;height: 36px;position: relative;}
.qhbleft img{width: 36px;border-radius: 50%;}
.rmbqa{position: absolute;background: url(/buffhub/images/a44.png) no-repeat left top;width: 27px;height: 16px;background-size: 100% auto;right: -10px;bottom: 0;}
.qhbright{width: calc(100% - 60px);}
.qhbright h2{font-size: 15px; line-height: 18px;color: #0f0f0f;}
.qhbright p{    color: #1f2128;font-size: 12px;margin: 6px 0;}
.qhbright p b{padding: 0 5px;color: #ccc;}
.qhbright h3{display:flex;gap:2px;}
.qhbright h3 b{background: url(/buffhub/images/a16.png);width: 13px;height: 12px;}
.qhbright img{margin: 10px 0;width: 72px;height: 72px;border-radius: 6px;}
.qhbright span{display: inline-block; padding:0 18px; line-height: 30px;border: 1px solid #d2d3d4;border-radius: 16px;color: #d2d3d4;font-size: 14px;}
.qhbright span svg{vertical-align: middle;margin:-2px 5px 0 0;}

.tjcp{padding: 16px 16px 0 16px;}
.tjcp ul{display: flex;flex-wrap: wrap;gap:15px}
.tjcp li{width: calc(25% - 45px/4);}
.tjcp span{display: block; overflow: hidden;border-radius: 6px;}
.tjcp span img{width: 100%; -o-object-fit: cover; object-fit: cover;overflow: hidden;aspect-ratio: 202px /134px;}
.tjcptext{padding: 12px 0 0 0;}
.tjcptext h2{color:#0f0f0f;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis; line-height: 18px;font-size: 14px;}
.tjcptext p{font-size: 12px;color: #77808c; line-height: 16px;}
.tjcpbox:hover{opacity: .6;}

.gwnrRight{width: 295px;top: 130px;  position: sticky;}
.odln{padding:16px 16px 0 16px;background: #fff;border-radius: 6px;}
.odln li{padding-bottom: 12px;}
.odln h2{font-weight: bold;font-size: 16px; line-height: 24px;margin-bottom:8px;color: #0f0f0f;}
.odln  p{font-size: 14px;color: #0f0f0f;margin-bottom: 8px;display: flex;gap:5px}
.wby2{width: 100%; padding: 0 15px; border-radius: 6px;border: 1px solid #eff2f5;background: #eff2f5;outline:none;}
.tpbtn{cursor: pointer;}
.wby2:focus {border-color: #ffcc00;background: #fff;}

.cpsl{background: #fff;border-radius: 6px; padding: 0 16px;margin-top: 15px;}
.cpsl_title{border-bottom: 1px solid #e8e9ed;height: 53px;display: flex;justify-content: space-between;align-items: center;}
.cpsl_title h2{font-size: 15px;color: #1f2128;}
.quantity-control{width: 152px;height: 32px;display: flex;justify-content: space-between;}
#decrease{width: 32px; line-height: 20px;text-align: center; border: 1px solid #e8e9e9;border-radius: 4px;cursor: pointer;font-size: 20px;color: #3b3c3d;background: #fff;}
#increase{width: 32px; line-height: 28px;text-align: center; border: 1px solid #e8e9e9;border-radius: 4px;cursor: pointer;font-size: 20px;color: #3b3c3d;background: #fff;}
#quantity{width: calc(100% - 72px);height: 32px; line-height: 30px;font-size: 16px;text-align: center;border-radius: 4px;background: #eff2f5;color: #3b3c3d;padding-left: 10px;}

.cpjg{padding: 6px 0;display: flex;justify-content: space-between;align-items: center;}
.cpjg h2{font-weight: bold;font-size: 15px;color: #0f0f0f;}
.total-box span{font-size: 20px;color: #ff5000;font-weight: bold;text-align: right;display: block;}
.total-box b{font-size: 14px;font-weight: bold;}
.total-box p{font-size: 14px;color: #ff5000;line-height: 1.2;margin-top: 6px;background-image: linear-gradient(to right, #fff , #ffe5d9);padding: 0 6px;border-radius: 4px;text-align: right;}
.tjdd{padding: 5px 0 16px;}
.btn_tj{width: 100%;cursor: pointer; border: none;border-radius: 6px;height: 40px;background: #ffe596;color: #666;font-size: 15px;}
.btn_tj:hover{opacity: .7;}
.btn_tj1{width: 100%;cursor: pointer; border: none;border-radius: 6px;height: 40px;background: #FFFFFF;color: #666;font-size: 15px;border: 1px solid #c7c7c9;margin-top: 10px;}
.btn_tj1:hover{opacity: .7;}
.tjdd p{margin-top: 16px;text-align: center;font-weight: bold;font-size: 14px;color: #2fbe85;}
.tjdd p svg{vertical-align: middle; margin: -2px 6px 0 0;}

.xjhy p{font-size: 14px;color: #333;}
.xjhy p span{color: #999;}
.xjhy p b{display: inline-block;background: url(/buffhub/images/a47.png);width: 20px;height: 17px;vertical-align: middle; margin: -2px 1px 0 1px;}
.xjhy p a:hover b{opacity: .7;}

.tcbj{position: fixed;z-index: 101;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);display: none;}
.tc1{position: fixed;z-index: 102;background: #fff;width: 400px;border-radius: 6px; padding: 0 20px 20px 20px;left:50%; top:50%; transform:translate(-50%,-50%);max-width: 90%;display: none;}
.tc1 li{padding-bottom: 20px;}
.tc1 p{padding-bottom: 15px;font-size: 16px;color: #5e626b;}
.tc1 h2{font-weight: bold; padding: 25px 0 20px;font-size: 20px;color: #0f0f0f;}
.btn4{width: 100%;border: none;border-radius: 6px;cursor: pointer; height: 40px;font-weight: bold;color: #333;background: #ffcb2e;}
.btn4:hover{opacity: .6;}
.gbtc{background: url(/buffhub/images/a48.png);width: 14px;height: 14px;cursor: pointer; position: absolute;top: 25px;right: 25px;}
body.on{height: 100vh; overflow: hidden;}

/*全局弹窗样式*/
.tc2{position: fixed;z-index: 102;background: #fff;width: 500px;border-radius: 6px; left:50%; top:50%; transform:translate(-50%,-50%);max-width: 90%;overflow: hidden;display: none;}
.tc2 h2{font-weight: bold; padding: 25px 20px 35px 20px;font-size: 20px;color: #0f0f0f;}
.tc2qh{position: relative;overflow: hidden;}
.tc2wb{text-align: center; padding: 70px 0 20px;}
.tc2wb p{color: #77808c;line-height: 1.5;font-size: 12px;}
.tc2wb p span{color: #ccc; padding: 0 4px;}
.tc2wb p a:hover{text-decoration: underline;}
.tc2bottom{padding: 15px 20px;background: #f5f6f7;}
.tc2bottom ul{overflow: hidden;}
.tc2bottom li{float: left;width: 33.33%;text-align: center;}
.tc2bottom h3{font-size: 16px;color: #77808c;margin-bottom: 10px;}
.tc2qh{position: relative; margin: 0 10px; padding: 0 40px;}
.tc2qh a img{width: 100%;border-radius: 50%;}
.tc2qh .swiper-button-next{width: 24px;height: 24px;border-radius: 4px;border: 1px solid #d2d3d4;color: #333; margin-top: -12px;}
.tc2qh .swiper-button-prev{width: 24px;height: 24px;border-radius: 4px;border: 1px solid #d2d3d4;color: #333; margin-top: -12px;}
.tc2qh .swiper-button-next:after,.tc2qh  .swiper-button-prev:after{font-size: 12px;}
.tc2bottom p{color: #999;}

/*game-coins*/
.coins{position: relative;overflow: auto;}
.coins:before{position: absolute;content: "";width: 100%;height: 2px;background: #ffcc00;left: 0;bottom: 0;}
.coins ul{display: flex;gap:8px;white-space: nowrap;}
.coins a{display: block; line-height: 56px;background-image: linear-gradient(#fff, #eaebef);border: 1px solid #d4d4d8;border-bottom: none;border-radius: 6px 6px 0 0;position: relative;z-index: 1;text-align: center;width: 230px; line-height: 55px;font-size: 20px;color: #5e626b;height: 56px;position: relative;}
.coins a:before{position: absolute;width: 100%;height: 2px;background: #ffcc00;content: "";left: 0;bottom: 0;}
.coins a img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;height: 23px;}
.coins li.cur a{margin:0;background: #fff; line-height: 56px;}
.coins li.cur a:before{background: #fff;}
.coins a:hover{margin:0;background: #fff; line-height: 56px;}
.coins a:hover:before{background: #fff;}

.how{border-radius: 6px; padding: 10px 16px;background: #fff5d5; margin-top: 15px;position: relative;}
.how p{color: #000000cc;font-size: 14px; line-height: 22px;}
.how a{color: #0075ff;font-size: 14px; line-height: 22px;}
.gbbtn{position: absolute;cursor: pointer;background: url(/buffhub/images/a55.png);width: 12px;height: 12px; top: 50%;transform: translateY(-50%); right: 16px;}

.PsTitle {padding: 15px 0;}
.PsTitle ul{display: flex;gap:8px;}
.PsTitle li span{cursor: pointer; display: block; width: 165px; line-height: 38px;border-radius: 4px;background: #fff; text-align: center;font-size: 16px;color: #333;border: 1px solid #77808c;}
.PsTitle li svg{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.PsTitle li.cur span{background: #003791;border: 1px solid #003791;color: #fff;}
.hls{position: absolute;z-index: 50;padding: 0 10px; line-height: 20px;background: #fff5d5;border-radius: 10px 0 0 10px;right: 0;top: 20px;}
.hls p{font-size: 14px;color: #eb7005;}
.hls p svg{vertical-align: middle;margin: -3px 2px 0 0;}
.odlnText{padding:0 0 10px;background: #fff;}
.odlnText li{display: flex;justify-content: space-between;align-items: center;font-size: 13px;color: #0f0f0f;}
.odlnText li a{border-radius: 6px;line-height: 1.4;padding: 0 5px;}
.odlnText li a svg{stroke: #ff5000;fill: #ff5000;}
.odlnText li a path{stroke: #fff;fill: #ff5000;}
.odlnText li a:hover{background: #e8e9ed;}
.odlnText span svg{vertical-align: middle; margin: -3px 0 0 0;}

/*last-war-survival*/
.h15{height: 15px;}
.onw1{position: absolute;left: 0;top: 0; padding: 0 10px;background: #ffcc00;line-height: 20px; font-size: 13px;color: #333;border-radius:0 0 4px 0;z-index: 50;}
.videobox{border-radius: 6px;border: 1px solid #ffcc00; padding: 11px;background: #fffbec;position: relative;cursor: pointer;}
.videobox p{font-weight: bold;font-size: 15px;color: #ff8000;}
.videobox p img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0 ;width: 26px;}
.videobox b{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(/buffhub/images/a60.png);width: 6px;height: 12px;}
.tpdw{margin: 0 auto; padding: 15px 0;width: 350px;max-width: 90%;}
.tpdw img{max-width: 100%;}

.tc3{position: fixed;z-index: 101;width: 860px;max-width: 90%;left:50%; top:50%; transform:translate(-50%,-50%);background: #fff;border-radius: 6px; padding: 0 20px 20px 20px;display: none;}
.tc3 h2{padding: 20px 0;font-size: 24px;color: #0f0f0f;font-weight: bold;}
.GenesisText h3{display: flex;justify-content: space-between;align-items: center;line-height: 21px;}
.GenesisText h3 b{text-decoration: line-through;}
.gwxbtn{background: url(/buffhub/images/a64.png);width: 23px;height: 21px;}
.gwxbtn:hover{background: url(/buffhub/images/a65.png);}

/*itunes-gift-card-us*/
.gents{display: inline-block; background: #fff5d5;padding: 10px;border-radius: 6px;background: #fff5d5;font-size: 12px;color: #000000cc;line-height: 18px;zoom: .8;margin-top: 5px;}
.gents img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;}
.rmbq{margin-top: 5px;}
.rmbq ul{display: flex;gap:3px; flex-wrap: wrap;}
.rmbq span{display: block; line-height: 18px; border: 1px solid #eaecef;border-radius: 10px; color: #5e626b;background: #f5f6f7; padding: 0 5px;}
.PsTitle2{padding: 15px 0;}
.PsTitle2 ul{display: flex;gap:8px;}
.PsTitle2 span{display: block; text-align: center; width: 100px;line-height: 38px;border: 1px solid #77808c;cursor: pointer; border-radius: 6px;background: #fff;display: flex;justify-content: center;align-items: center;color: #0f0f0f;font-size: 16px;}
.PsTitle2 span img{width: 27px;margin-right: 5px;display: none;}
.PsTitle2 li.cur img{display: block;}
.PsTitle2 li.cur span{background: #77808c;color: #fff;}

/*monopoly-go*/
.dllb dt{padding: 15px 0;    color: #696b70;line-height: 1.5;font-size: 16px;}
.dllb b{display: inline-block;text-align: center; vertical-align: middle; color: #fff; line-height: 20px;width: 20px;border-radius: 50%; margin: -3px 10px 0 0;background: #ffcb2e;}

/*beke_xq*/
.wz1400{width: 1400px;margin: 0 auto;max-width: 94%;}
.bktop{display: flex;justify-content: space-between;align-items: center;position: relative;align-items: flex-start; }
.bkbox{display: flex;justify-content: space-between; position: relative;align-items: flex-start;}
.bkleft{width: 290px;border-right: 1px solid #ccc; position: sticky; top: 90px;}
.bkleft ul{overflow: auto;height: calc(100vh - 180px);padding-right: 30px;}
.bktitle h2{font-weight: bold;font-size: 16px; line-height: 24px;color: #09090a;padding-bottom: 12px;border-bottom: 1px solid #eaeaea;}
.bkxq{padding-left: 15px;}
.bkxq span{display: block;  position: relative; padding: 18px;cursor: pointer;color: #09090a;font-size: 16px; position: relative; line-height: 1.4;border-radius: 6px;}
.Basic img{width: 100%;}
.bkxq span b{position: absolute;background: url(/buffhub/images/a1.jpg) no-repeat center center;position: absolute;left: 0;top: calc(50% - 5px);width: 13px;height: 13px;}
.bkleft span.active{color:#007AFF;}
.bkxq dl{display:none;}
.bkxq dl dt span{padding-left: 30px;font-size: 16px;color: #09090a;}
.bkxq span:hover{background: #eee;}
.bkxq li:hover dl{display: block;}
.bkxq li:hover b{background: url(/buffhub/images/a2.jpg) no-repeat center center;}
.fkrighta{width: 300px;position: sticky;top: 90px;}
.Relat{ position: relative;}
.Relat:before{position: absolute;width: 150px;height: 100px;content: "";background: url(/buffhub/images/a83.png);background-size: 100% 100%;top: -20px; right: 0;}
.relat_tp img{width: 100%;position: relative;z-index: 10;height: 250px;}
.bkleft span.active dl{display: block;}
.bkxob{width: calc(100% - 670px);}
.remmeTitle h2{font-weight: bold;font-size: 26px; line-height: 36px;color: #17181a;}
.hyfx{display: flex;justify-content: space-between;align-items: center; padding: 40px 0 30px;}
.hyfxleft{display: flex;gap:10px;align-items: center;}
.hyfxleft img{width: 40px;height: 40px;border-radius: 50%;}
.hyfxtext h3{font-size: 16px; line-height: 24px;color: #17181a;}
.hyfxtext p{font-size: 12px;color: #5c5f66;line-height: 20px;}
.hyfxright ul{display: flex;gap:15px; align-items: center;}
.hyfxright li{font-size: 14px;color: #5c5f66;}
.hyfxright a:hover img{opacity: .6;}
.remmetext p{font-size: 18px; line-height: 28px;color: #17181a;}
.remmetext img{max-width: 100%;margin: 20px auto;}
.remmetext p b{font-weight: 700;}
.bkfl{border-radius: 10px; padding: 25px 15px; background-image: linear-gradient(#ffe683, #fff8e4); margin-top: 25px;}
.bkfltitle h2{font-weight: 600;font-size: 24px; margin-bottom: 15px;}
.bkflnr{display: flex;justify-content: space-between;flex-wrap: wrap; padding-bottom: 30px;}
.bktp{width: 45%;border-radius: 6px; overflow: hidden;}
.bktp img{width: 100%;}
.bktext{width: 50%;}
.bktext li{border-radius: 6px; padding: 15px 20px;font-size: 14px; line-height: 1.6;background: #fff; margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
.bktext b{width: calc(100% - 30px);}
.btnbk {display: inline-block; border-radius: 6px;background: #ffd633;color: #333;font-weight: 600;font-size: 16px; padding: 0 20px;line-height: 40px; }
.btndw{text-align: center;}
.btnbk {opacity: .6;}

.remmeNR{padding-top: 25px;}
.remmeNR h2{font-weight: bold;font-size: 26px; line-height: 34px;color: #17181a; margin-bottom: 15px;}
.remmeNR p{color: #17181a;font-size: 18px; line-height: 28px;}
.remmeNR h3{font-weight: 700;color: #17181a;font-size: 18px; line-height: 28px; margin-top: 15px;}
.remmeNR li {padding-top: 20px;}
.remmeNR li img{max-width: 100%;border-radius: 10px;}
.Basic h2{font-size: 26px;font-weight: 700;color: #17181a; line-height: 34px;padding: 40px 0 30px;}
.Basic li{padding-bottom: 30px;}
.Basic li img{width: 100%; margin-top: 20px;}
.Basic h3{font-size: 26px; line-height: 34px;color: #17181a;font-weight: bold; position: relative; padding-left: 25px;}
.Basic h3:before{position: absolute;content: "";left: 0;top: 15px;width: 9px;height: 9px;background: #17181a;border-radius: 50%;}
.Basic p{font-size: 18px;line-height: 28px; margin-top: 18px;color: #17181a;}

.Skilltitle h2{color: #17181a;font-size: 26px;font-weight: 600;line-height: 34px; margin-bottom: 30px;}

.NewTitle h2{color: #17181a;font-size: 26px;font-weight: 600;line-height: 34px; margin-bottom: 30px;}
.Newnr h2{font-size: 18px; line-height: 28px; position: relative; color: #17181a; padding-left: 20px;font-weight: 600;}
.Newnr h2:before{position: absolute;content: "";width: 6px;height: 6px;left: 0;top: 12px;border-radius: 50%;background: #17181a;}
.Newnr p{color: #17181a; font-size: 18px; line-height: 28px; margin-top: 18px;}
.NewText{padding: 25px 20px;background: #f5f6f7;border: 1px solid #e2e3e4;border-left: 4px solid #5e626b;margin: 15px 0;}
.NewText p{color: #17181a;font-size: 18px; line-height: 26px;}
.NewText p b{font-weight: bold;}

.Stat{padding: 36px 0 0 0;}
.Stat h2{color: #17181a;font-size: 26px; font-weight: 600; line-height: 34px;}
.Stat p{font-size: 18px;color: #17181a;line-height: 28px;margin-top: 18px;padding-left: 15px;}
.Basic p a{color: #0075ff;text-decoration: underline;}
.btn a img{width: 100%;}
.zchy{background: url(/buffhub/images/a95.png) no-repeat right 15px #f5f6f7;display: flex;justify-content: space-between;border-radius: 15px;border-radius: 15px; margin-top: 15px;border: 1px solid #eaecef; padding: 25px;background-size: 130px auto;}
.zchyleft{width: 66px;}
.zchyleft img{width: 100%; height: 66px;border-radius: 50%; margin: 0 !important; padding: 0;}
.zchyright{width: calc(100%  - 80px);}
.zchyright h4{font-size: 18px; line-height: 28px;color: #17181a;font-weight: 600;}
.zchyright h5{color: #5c5f66;font-size: 14px; line-height: 22px;font-weight: 400;}

.relText{position: absolute;width: 100%;top: 20px;left: 0; padding: 0 16px;z-index: 51;}
.relText h2{font-weight: 600;    color: var(--el-gf1); position: relative;font-size: 16px; margin-bottom: 25px; z-index: 2;}
.wztw{display: flex;justify-content: space-between;}
.wztwright{width: 48px;}
.wztwLeft{width: calc(100% - 58px);}
.wztwLeft h3{-webkit-box-orient: vertical;font-size: 16px;font-weight: 600;-webkit-line-clamp: 3;color: #09090a; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;}
.wztwLeft p span{ font-size: 18px; line-height: 22px;color: #ff5000;font-weight: bold;}
.wztwLeft p b{font-size: 14px;font-weight: bold;}
.wztwLeft p em{color: #999;text-decoration: line-through; display: inline-block; margin: 0 .1rem;}
.wztwLeft p i{display: inline-block; padding: 2px 3px;background: #ff8000;color: #fff;font-size: 12px;border-radius: 4px;}
.pfjb{background: #f5f6f7;border:1px solid #eaecefa;border-radius: 4px;padding: 14px; margin-top: 15px;display: flex;justify-content: space-between;}
.pfjb span{font-size: 14px;}
.pfjb b{font-size: 14px;}
.pfjb b em{background: url(/buffhub/images/a16.png);width: 13px;height: 12px;display: inline-block;vertical-align: middle; margin: -3px 4px 0 0;}
.btn6{display: block;text-align: center; line-height: 40px; font-size: 14px;background: #ffd633;color: #333;border-radius: 6px; margin-top: 16px;}
.renr_title h2{font-weight: 600;font-size: 16px; line-height: 24px; padding: 28px 0 12px;border-bottom: 1px solid #eaeaea;}
.nenrNr{padding: 10px 0;}
.nenrNr a{display: flex; padding: 10px;justify-content: space-between;border-radius: 6px;transition: all .5s;}
.nenrTp{border-radius: 6px; overflow: hidden; width: 90px;}
.nenrTp img{width: 100%;}
.nenrText{width: calc(100% - 110px);}
.nenrText h2{font-size: 16px; line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #000;}
.nenrText p{color: #999; margin-top: 5px;}
.h30{height: 30px;}
.Basic h4{font-size: 18px;margin: 20px 0;}
.New img{width: 100%;}
.fkright{width: 100%; margin-top: 30px;}
.hyfxright ul{gap:5px;}
.Basic{padding-bottom: 25px;}

/*购物车*/
.gwc{position: fixed;bottom: 80px;right: 60px;width: 100px; height: 60px;background: #fff;z-index: 100;border-radius: 30px;display: flex;justify-content: center;align-items: center;gap:6px; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.gwc p{font-size: 16px;font-weight: bold;}
.lei {
    width:10px;
    height:10px;
    background:red;
    border-radius:50%;
    position:absolute;z-index: 99;
}
#right{position: absolute; top: -5px;right: 5px;width: 30px; line-height: 30px;border-radius: 50%;text-align: center; color: #fff; background: #E41313;}



/*hyym1*/
.headerRight{display: flex;gap:5px;align-items: center;}
.hytt{width: 40px;position: relative;cursor: pointer;}
.hytt h3 img{width: 40px;height: 40px;border-radius: 50%;}
.hytt b{position: absolute;width: 10px;height: 10px;background: #eb4b4b;border: 2px solid #000;border-radius: 50%; top: 0;right: 0;}
.quwb{border-radius: 6px; position: absolute;background: #fff;width: 300px;right: 0;top: 40px;box-shadow:0 0 10px rgba(0, 0, 0, .1);display: none; }
.topfl{padding: 10px 5px;}
.topfl dt{height: 48px;border-radius: 6px;padding: 0 15px; display: flex;align-items: center;justify-content: space-between;}
.topfl dt span{display: flex;align-items: center;gap:8px;}
.topfl dt span em{font-size: 14px; line-height: 1.3;color: #333;}
.topfl dt span em i{display: block;font-size: 12px;color: #eb7005;}
.topfl dt span img{width: 15px;height: auto;border-radius: 0;}
.topfl dt:hover{background: #f5f6f7;}
.hytt:hover .quwb{display: block;}

.hyyx{width: 36px;height: 36px;background: #2f3036;border-radius: 6px;display: flex;cursor: pointer;align-items: center;justify-content: center;}
.hybox{display: flex;justify-content: space-between;align-items: flex-start; }
.hyzleft{width: 295px;background: #fff;border-radius: 6px;}

.hyzTop{padding: 25px 25px 15px 25px;border-bottom: 1px solid #e8e9ed;}
.hytta{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.hytt_left{width: 64px;}
.hytt_left img{width: 64px;height: 64px;border-radius: 50%;}
.hytt_right{width: calc(100% - 80px);}
.hytt_right h2{font-size: 16px;line-height: 24px;font-weight: 600;}
.hytt_right p{ font-size: 15px; line-height: 18px;color: #999;}
.hyjq ul{display: flex;justify-content: space-between;width: 100%; padding-top: 20px;}
.hyjq li{width: 50%; text-align: center; border-right: 1px solid #e5e5e5;}
.hyjq h2{margin-bottom: 4px;font-size: 20px; line-height: 24px;font-weight: 600;}
.hyjq p{font-size: 14px;color: #5e626b;}
.hyjq li:nth-child(2){ border: none;}
.lbnrhy{padding: 10px 0;}
.lbnrhy li{line-height: 42px; margin-bottom: 5px;}
.lbnrhy a{display: block; padding:0 20px; position: relative;font-size: 15px;color: #2e3033;display: flex;justify-content: space-between;}
.lbnrhy a b{font-weight: bold;}
.lbnrhy a span svg{vertical-align: middle; margin: -3px 8px 0 0;}
.lbnrhy a:hover{background: #f5f6f7;}
.lbnrhy li.cur a{background: #fff5d5;}
.lbnrhy li.cur a:before{position: absolute;content: "";border-left: 4px solid #ffcc00;height: 100%;left: 3px;top: 0;}
.hyjq img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.hyzright{width: calc(100% - 315px);}
.jbqk{border-radius: 6px;background: #fff;padding: 0 20px;}
.jbqk_title h2{font-weight: bold;font-size: 20px;padding: 28px 0;color: #0f0f0f;}
.jbqkNr li{padding: 15px 0;display: flex;justify-content: space-between;font-size: 14px; line-height: 1.5;align-items: center;}
.jbqkNr p{width: calc(100% - 145px);color: #0f0f0f;display: flex;justify-content: space-between;gap:10px;}
.jbqkNr span{color: #5e626b;}
.jbqkNr a{color: #5e626b;}
.jbqkNr a:hover{opacity: 0.6;}
.btn7{display:inline-block; padding: 0 17px; line-height: 34px;border: 1px solid #c7c7c9;border-radius: 6px;}
.jbqkNr{border-bottom: 1px solid #ebecf0;}
.h100{height: 100px;}
.xzbdbox{display: flex;justify-content: space-between;align-items: center; padding: 15px 0;}
.xzbdleft p{color: #5e626b;font-size: 14px;}
.czbdright{width: calc(100% - 145px);color: #0f0f0f;display: flex;justify-content: space-between;}
.wby3{width: 135px;height: 34px;border-radius: 6px;background: #eff2f5;border: 1px solid #eff2f5;outline:none; padding: 0 10px;}
.wby3:focus {border-color: #ffcc00;}
.tpsc{width: 65px;height: 65px;position: relative;cursor: pointer;}
.tpsc img{width: 65px;height: 65px;border-radius: 50%;}
#file{width: 100%;height: 100%; position: absolute;left: 0;top: 0; opacity: 0;}
.sctp{position: absolute;right: 0;bottom: 0;background: url(/buffhub/images/s8.png);width: 24px;height: 24px;}
.tpdwa{width: calc(100% - 145px);}

/*hyym2*/
.zhzc{border-radius: 6px;background: #fff; padding:25px 25px 20px 25px;}
.zhzc h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;}
.zhzc p{font-weight: bold;font-size: 24px; line-height: 28px;}
.zhzc p b{font-size: 16px;font-weight: 600;}

.fkfs{border-radius: 6px;background: #fff;}
.fkfs_title{border-bottom: 2px solid #f4f6f8; padding: 0 25px;}
.fkfs_title ul{display: flex;gap:40px}
.fkfs_title span{position: relative;display: block; line-height: 48px;color: #9c9c9c;font-size: 16px;cursor: pointer;}
.fkfs_title span:before{position: absolute;content: "";border-bottom: 5px solid #ffd05a;width: 0;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .5s; }
.fkfs_title li.cur span{color: #000;}
.fkfs_title li.cur span:before{width: 90%;}
.fkfsbox{padding: 30px 25px 0 25px;}
.fknr{display: flex;justify-content: space-between;}
.fkleft{width: 130px;}
.fkleft p{font-size: 14px; line-height: 1.5;}

/*hyym3*/
.qbtitle{border-radius: 6px; padding: 0 10px 0 25px;background: #fff;display: flex;justify-content: space-between;align-items: center;height: 48px;}

.qbtitle h2{font-weight: 600;font-size: 14px; line-height: 48px; position: relative;}
.qbtitle h2:before{position: absolute;content: "";border-bottom: 3px solid #ffd633;width: 25px;border-radius: 2px;bottom: 0;left: 50%;transform: translateY(-50%);}
.htss{width: 365px;display: flex;justify-content: space-between;}
.wby5{border-radius: 6px; padding: 0 10px;height: 36px;line-height: 36px;background: #eff2f5;width: calc(100% - 86px);}

.btn8{width: 80px;height: 36px;border: none;background: #ffcb2e;border-radius: 6px;cursor: pointer;line-height: 36px;display: block;text-align: center;}
.btn8:hover{background: #ffe596;}

.qhgs ul{display: flex;justify-content: space-between;gap:10px;}
.qhgs li{width: calc(50% - 5px);}
.qhgsbox{background: #fff;border-radius: 6px; }

.qhtop {background: url(/buffhub/images/s10.png) no-repeat right center;background-size: auto 100%;border-bottom: 1px dashed #e5e5e5; padding: 15px; position: relative;}
.qhtop:before{width: 7px;height: 14px;background: #eff2f5;border-radius:0 7px 7px 0;bottom: -7px;left: 0;position: absolute;content: "";z-index: 10; }

.qhtop:after{width: 7px;height: 14px;background: #eff2f5;border-radius:7px 0 0 7px;bottom: -7px;right: 0;position: absolute;content: "";z-index: 10; }
.qhtop h2{color: #ff5000;font-size: 20px; line-height: 24px;font-weight: 600;}
.qhtop h2 b{font-size: 12px;}
.qhtop p{font-size: 12px;color: #5e626b; line-break: 18px;margin-top: 3px;}
.qhtop h3{font-size: 14px;color: #0f0f0f; line-height: 22px;}
.qhbottom{display: flex;justify-content: space-between;padding: 0 10px 0 25px;align-items: center; height: 36px;}
.qhbottom p{font-size: 12px;color: #5e626b;}
.qhbottom a{padding: 0 30px; line-height: 24px;background: #ffcb2e;border-radius: 6px;color: #333;}
.qhbottom a:hover{opacity: .6;}

/*hyym4*/
.Buy{padding: 200px 25px;text-align: center;border-radius: 6px;background: #fff;text-align: center;}
.Buy img{margin: 0 auto;}
.Buy h2{margin-top: 20px; font-size: 14px;color: #999;}
/*hyym5*/

.wzsm{display: flex;justify-content: space-between;align-items: flex-start; position: relative;}
.wzsmleft{width: 295px;background:url(/buffhub/images/s12.png) no-repeat 10px 10px #f7f7f7;  padding: 60px 0 10px; position: sticky;top: 90px;}
.wzsmleft ul{overflow: auto;height: calc(100vh - 200px);}
.wzsmleft h2{padding: 0 20px 20px 20px;font-size: 18px;color: #1f2128;}
.wzsmleft span{display: block;padding: 1px 20px; margin-bottom: 22px;line-height: 19px; position: relative;cursor: pointer;}
.wzsmleft span:hover{background: #f0f0f0;}
.wzsmleft span.active:before{border-right: 4px solid #ffd05a;height: 100%;position: absolute;content: "";top: 0;right: 0;}
.wzsmright{width: calc(100% - 310px);}
.wzsmbox{padding-bottom: 30px;}
.wzsmbox h2{margin-bottom: 25px;color: #1f2128;font-size: 30px;font-weight: 700; letter-spacing: .42px;line-height: 36px;}
.wzsmbox p{color: #282828;line-height: 32px; font-size: 16px;}
.wzsmbox img{margin: 10px auto;max-width: 100%;}

/*hyym7*/
.Invite{border-radius: 6px;background: #fff; padding: 15px;}
.Invitetop{border-radius: 10px; padding: 35px;background-image: linear-gradient(to right, #ffe069 ,#fff1be); position: relative;}
.Inviteleft{width: calc(100% - 300px); position: relative;}
.Inviteleft h2{font-weight: 600;font-family: Roboto;font-size: 28px;line-height: 36px;color: #0f0f0f;}
.Inviteleft p{margin-top: 12px;font-size: 16px;color: #000000b2;line-height: 20px;}
.Inviteleft p a{display: block;color: #0075ff;}
.Inviteright{width: 300px;position: absolute;right: 0;bottom: 0;}
.Inviteright img{width: 100%;border-radius: 0 0 10px 0; }
.Invitebottom{width: 470px;max-width: 100%; margin: 0 auto; padding: 25px 0 0 0;}
.Invitebottom ul{display: flex; padding-bottom: 25px;}
.Invitebottom li{width: 25%;text-align: center;}
.Invitebottom a{display: inline-block;transition: all .3s;}
.Invitebottom img{margin: 0 auto;border-radius: 50%;}
.Invitebottom p{font-size: 14px; margin-top: 15px;}
.Invitebottom a:hover{margin-top: -5px;opacity: .6;}

.seomt_a{display: flex;justify-content: space-between;}
.wby6{width: calc(100% - 90px);background: #eff2f5;border-radius: 6px; padding: 0 10px;}
.btn8 img{display: inline-block;vertical-align: middle; margin: -3px 0 0 0;}
.Overview{border-radius: 6px; background: #fff; padding: 0 15px 15px 15px;}
.Overview h1{font-weight: 600; line-height: 48px;font-size: 16px;}
.Overview ul{display: flex;gap:15px;}
.Overview li{width: calc(33.33% - 30px/3);}
.ovebox {text-align: center; height: 88px;border: 1px solid #eaecef;border-radius: 6px; padding-top: 25px;}
.ovebox h2{color: #ff8000; line-height: 28px;font-size: 24px;}
.ovebox p{color: #77808c;font-size: 12px; line-height: 16px;}
.Overview ul li:nth-child(1) .ovebox{ background: url(/buffhub/images/s25.png) no-repeat right center;background-size: auto 100%;}
.Overview ul li:nth-child(2) .ovebox{ background: url(/buffhub/images/s26.png) no-repeat right center;background-size: auto 100%;}
.Overview ul li:nth-child(3) .ovebox{ background: url(/buffhub/images/s27.png) no-repeat right center;background-size: auto 100%;}
.task_title h2{font-weight: bold;color: #0f0f0f;font-size: 18px; line-height: 24px; margin: 30px 0 15px 0; position: relative; padding-left: 13px;}
.task_title h2:before{position: absolute;content: "";width: 6px;height: 18px;border-radius: 3px;background: #ffd633;left: 0;top: 50%;transform: translateY(-50%);}
.task_title h2 svg{margin-top: -2px;vertical-align: middle;}
.taskNr{border-radius: 6px;background: #fff;}

.taskTop{background: url(/buffhub/images/s28.png);background-size: cover; padding: 16px 20px;display: flex;justify-content: space-between;}
.taskleft h2{font-size: 18px; line-height: 26px;font-weight: 600;}
.taskleft p{font-size: 16px;line-height: 24px; margin: 12px 0 8px;color: #5e626b;}
.taskright{width: 150px; padding-right: 30px;background: url(/buffhub/images/s29.png) no-repeat right center;}
.taskright img{width: 100%;border-radius: 8px;}
.taskright a:hover img{opacity: .6;}
.taskbottom ul{display: flex;gap:8px;flex-wrap: wrap; padding: 0 20px 20px 20px;}
.taskbottom li{width: calc(50% - 4px);border: 1px solid #e8e9ed;background: #f5f6f7;border-radius: 8px; padding: 12px;transition: all .3s;}
.tasbox{display: flex;justify-content: space-around;align-items: center;background: url(/buffhub/images/s29.png) no-repeat right center;}
.tastp{border: 1px solid #dcddde;border-radius: 6px;width: 64px;height: 64px;overflow: hidden;}
.tastp img{width: 100%;height: 100%; -o-object-fit: cover; object-fit: cover;}
.tastext{width: calc(100% - 75px);}
.tastext h2{font-size: 16px;line-height: 20px;}
.tastext p{font-size: 15px;line-height: 18px;color: #5e626b;}
.taskbottom li:hover{transform: translate(0, -5px);background: #fff;}

/*hyym8*/
.myqd{background: url(/buffhub/images/a4.jpg) no-repeat center center;background-size: cover;border-radius: 6px;    padding: 42px 32px 32px;}
.myqdText h2{font-size: 32px;line-height: 40px;font-weight: 600;}
.myqdText p{font-size: 18px; line-height: 26px;max-width: 483px;margin-top: 16px;color: #000000b2;}
.btn9{width: 312px;height: 48px;text-align: center; display: block;border-radius: 6px;background: #ffd633; position: relative;font-size: 16px;color: #000;font-weight: 600; margin-top: 30px;line-height: 48px;}
.btn9 svg{width: 20px;height: 20px;vertical-align: middle; margin: -2px 8px 0 0;}
.btn9:hover{opacity: 0.6;}

.ghqh{display: flex;border: 1px solid #ffcc00;height: 60px; margin-top: 70px;border-radius: 6px;display: flex;justify-content: space-between; padding: 0 20px;}
.ghleft p{line-height: 58px;font-weight: 600;font-size: 16px;}
.ghright{width: calc(100% - 240px);overflow: hidden;}
.ghrbox p{display: flex;gap:8px;align-items: center; line-height: 58px;font-size: 14px;}
.ghrbox p b{font-weight: 600;color: #ff5000;font-size: 16px;}
.ghrbox img{display: inline-block;width: 36px;height: 36px;border-radius: 50%;}
.pmtb1{display: block;background: url(/buffhub/images/s30.png) no-repeat center center;width: 22px;height: 30px; line-height: 30px;text-align: center; color: #fff;font-weight: 700;font-size: 16px;font-style: italic;background-size: 100% auto;}
.pmtb2{display: block;background: url(/buffhub/images/s31.png) no-repeat center center;width: 22px;height: 30px; line-height: 30px;text-align: center; color: #fff;font-weight: 700;font-size: 16px;font-style: italic;background-size: 100% auto;}
.pmtb3{display: block;background: url(/buffhub/images/s32.png) no-repeat center center;width: 22px;height: 30px; line-height: 30px;text-align: center; color: #fff;font-weight: 700;font-size: 16px;font-style: italic;background-size: 100% auto;}
.pmtb4{display: block;background: url(/buffhub/images/s34.png) no-repeat center center;width: 22px;height: 30px; line-height: 30px;text-align: center; color: #333;font-weight: 700;font-size: 16px;font-style: italic;background-size: 100% auto;}
.ghright .swiper-wrapper{height: 58px;}

.Promoter{background: #fff;border-radius: 6px;}
.PromoterTitle h2{font-weight: 600;font-size:16px;padding: 12px 16px;line-height: 24px;border-bottom: 1px solid #e8e9ed;}
.PromoterNr table{width: 100%;}
.PromoterNr th{background: #f5f6f7;font-weight: 400; padding: 0 16px;text-align: left;font-size: 16px; line-height: 48px;}
.PromoterNr th:nth-child(2){ text-align: center;}
.PromoterNr th:nth-child(3){text-align: right;}
.PromoterNr td{padding: 0 16px; border-top: 1px solid #e8e9ed;line-height: 54px;font-size: 14px;}
.PromoterNr td img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;width: 36px;height: 36px;border-radius: 50%;}
.PromoterNr tr td:nth-child(2){ text-align: center;}
.PromoterNr tr td:nth-child(3){ text-align: right;}
.PromoterNr b{font-weight: 600;color: #ff5000;font-size: 18px;}
.LootBar{padding: 16px 16px 50px 16px;}
.LootBar ul{display: flex;gap:10px;}
.LootBar li{width: calc(33.33% - 20px/3); padding: 15px;border: 1px solid #d4d4d8;border-radius: 6px;}
.LootBara h2{text-align: center;    font-size: 16px;line-height: 24px; font-weight: 600;}
.LootBara p{font-size: 15px;line-height: 24px;color: #5e626b;}
.LootBara p span{color: #eb4b4b;}
.LootBara img{margin: 0 auto;width: 70%;}

/*hyym9*/
.LootBar{border-radius: 6px; padding:0 16px;background: #fff;}
.LootBarTitel h2{font-weight: 600; font-size: 16px; line-height: 48px;}
.LootBarBox{border-radius: 10px;background: #dfe3e5; padding: .4rem .5rem;display: flex;justify-content: space-between;}
.fjvip{width: 250px;text-align: center;}
.loot_tx{display: flex;justify-content: center;gap:10px;align-items: center;}
.loot_tx p{font-size: 14px;font-weight: 600;}
.lootTX{position: relative;width: 64px;height: 64px;}
.lootTX img{width: 100%;height: 64px;-o-object-fit: cover;object-fit: cover;border-radius: 50%;}
.vip1{position: absolute;right: 0;bottom: 0;background: url(/buffhub/images/a44.png) no-repeat left top;background-size: 100% auto;}
.vipnr{width: 410px;border-radius: 6px;background: ;height: 110px;background: url(/buffhub/images/s39.png);box-shadow:0 0 10px rgba(0, 0, 0, .3);background-size: cover; padding: 0 15px;display: flex;align-items: center;flex-wrap: wrap;}
.vipnr p{display: flex;justify-content: space-between;width: 100%;align-items: center;padding-top: 20px;color: #333;}
.vipnr p span{font-weight: 700;font-family:Arial; color: #333;font-size: 24px; font-style: italic;}
.vipnr p b{font-style: 14px;}
.vipright{width: 100%; padding-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.vipright h3{font-size: 12px; line-height: 1.4;color: #333;}
.vipright h3 b{font-weight: 600; font-size: 14px;color: #333;}
.vipright a{display: block; padding: 0 17px; line-height: 28px;background: #0f0f0f;border-radius: 14px; color: #fff;}
.vipright a:hover{opacity: .6;}
.LootBarBox:nth-child(2) .vipnr{background: url(/buffhub/images/s39b.png);background-size:100% 100%;}
.LootBarBox:nth-child(2){background:url(/buffhub/images/a5.png);background-size: 100% 100%;}
.LootBarBox:nth-child(3){background: url(/buffhub/images/a5b.jpg);background-size:100% 100%;}
.LootBarBox:nth-child(3) .vipnr{background: url(/buffhub/images/s39c.png);background-size:100% 100%;}
.LootBarBox:nth-child(4){background: url(/buffhub/images/a5c.jpg);background-size:100% 100%;}
.LootBarBox:nth-child(4) .vipnr{background: url(/buffhub/images/s43.png);background-size:100% 100%;}
.LootBarBox:nth-child(5){background: url(/buffhub/images/s45.png);background-size:100% 100%;}
.LootBarBox:nth-child(5) .vipnr{background: url(/buffhub/images/s44.png);background-size:100% 100%;}
.LootBarBox:nth-child(6){background: url(/buffhub/images/s46.png);background-size:100% 100%;}
.LootBarBox:nth-child(6) .vipnr{background: url(/buffhub/images/s47.png);background-size:100% 100%;}
.vip1{position: absolute; width: 34px;height: 21px;background: url(/buffhub/images/a44.png) no-repeat right top;background-size: 100% auto;right: 0;bottom: 0;}
.vip2{position: absolute; width: 34px;height: 21px;background: url(/buffhub/images/a44.png) no-repeat right -21px;background-size: 100% auto;right: 0;bottom: 0;}
.vip3{position: absolute; width: 34px;height: 21px;background: url(/buffhub/images/a44.png) no-repeat right -41px;background-size: 100% auto;right: 0;bottom: 0;}
.vip4{position: absolute; width: 34px;height: 21px;background: url(/buffhub/images/a44.png) no-repeat right -61px;background-size: 100% auto;right: 0;bottom: 0;}
.vip5{position: absolute; width: 34px;height: 21px;background: url(/buffhub/images/a44.png) no-repeat right -81px;background-size: 100% auto;right: 0;bottom: 0;}
.LootBarNr{position: relative;}
.loot-BT{position: absolute;width: 250px;left: .5rem;bottom: .3rem;z-index: 99;}
.loot-BT:before{height: 4px;width: 100%;background: rgba(255,255,255,.3);border-radius: 2px;left: 0;top: 5px;position: absolute;content: "";}
.loot-BT dl{display: flex;justify-content: space-between;align-items: center;}
.loot-BT dt{cursor: pointer;}
.loot-BT p{font-size: 12px;margin-top: 5px;}
.loot-BT span{display: block;margin: 0 auto;width: 15px;height: 15px; position: relative;border-radius: 50%;background: rgba(255,255,255,.3);position: relative;z-index: 10;}
.loot-BT span:before{width: 8px;height: 8px;background: #99978b;border-radius: 50%; position: absolute;content: "";left:50%; top:50%; transform:translate(-50%,-50%);}
.loot-BT dt.cur span:before{background: #000;}

.hqhr{margin-top: 10px;border-radius: 6px;border: 1px solid #eaecef;background: #f5f6f7; padding: 15px  16px;line-height: 18px;display: block;color: #333;}
.hqhr img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.hqhr:hover{opacity: 0.6;}

.ootBar{padding-bottom: 15px;}
.ootBarTitle{text-align: center; padding: 40px 0 25px;}
.ootBarTitle h2{color: #4d4a3e;font-weight: 600;font-size: 16px; line-height: 24px;}
.ootBarTitle p{color: rgba(77, 74, 62, .7);line-height: 16px;}
.ootBarNr dl{display: flex;gap:10px;flex-wrap: wrap;}
.ootBarNr dt{width: calc(25% - 30px/4);}
.ootBarNr a{display: flex;height: 72px; padding: 0 0 0 15px; border: 1px solid #dfe3e5;border-radius: 6px; background: #f7f7f7;align-items: center;justify-content: space-between;overflow: hidden; position: relative;transition: all .3s; }
.ootBarNr a span{display: block; position: absolute;left: 0;top: 0;background: url(/buffhub/images/s49.png);width: 35px;height: 17px;}
.ootBarNr a img{height: 100%;margin-right: -25px;}
.ootBarNr a:hover{box-shadow: 0 5px 5px rgba(0, 0, 0, .2); transform: translate(0, -4px);}
.ootBarNr dt:nth-child(1) a{background: #fafdff;}
.ootBarNr dt:nth-child(2) a{background: #fafdff;}
.ootBarNr dt:nth-child(3) a{background: #fafdff;}

.Bar{background: #fff;border-radius: 6px; padding: 16px;}
.Bartitle h2{text-align: center;font-weight: bold;    font-size: 16px; line-height: 20px; padding: 15px 0;}
.barbox{padding: 15px;background: #f5f6f7;display: none;}
.barbox p{font-size: 15px;line-height: 24px;}
.Barnr h3{cursor: pointer; border-bottom: 1px solid #e8e9ed;line-height: 56px;font-size: 14px;padding: 0 20px;display: flex;align-items: center; justify-content: space-between;}
.Barnr h3 b{background: url(/buffhub/images/a36.png);width: 15px;height: 15px;background-size: 100% 100%;transition: all .5s;}
.Barnr h3.on1{background: #f5f6f7; }
.Barnr h3.on1 b{transform: rotate(180deg);}
/*hyym10*/
.xzyh{display: flex;justify-content: space-between;align-items: flex-start; }
.xzyhleft{width: calc(100% - 410px);}
.ddxx{border-radius: 6px;background: #fff;}
.ddxxtop{padding: 16px;display: flex;justify-content: space-between;align-items: center;}
.ddtc{width: 72px;}
.ddtc img{width: 100%;border-radius: 6px;aspect-ratio: 72 / 72;-o-object-fit: cover;object-fit: cover;}
.ddwb{width: calc(100% - 90px);}
.ddwb h2{font-size: 16px;font-weight: 600; margin-bottom: 5px;}
.spsl {display: flex;justify-content: space-between;align-items: center;}
.spsl p{font-size: 14px;color: #666;font-weight: bold;}
.ddxxbottom{padding: 10px 16px;}
.ddxxbottom p{font-size: 14px; line-height: 1.6;display: flex;justify-content: space-between;}
.ddxxbottom p a{color: #0075FF;background: url(/buffhub/images/a7.jpg) no-repeat left center; padding-left: 18px;}
.zffs{border-radius: 6px; padding: 0 16px;background: #fff;}
.zffs_title h2{font-weight: 600;font-size: 18px;line-height: 54px;}
.zffs_nr li{padding-bottom: 10px;}
.zffsbox{border-radius: 10px;border: 2px solid #e0e1e8; padding: 0 16px;height: 85px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.zffs_nr h2{padding: 0 16px; border: 1px solid #ffe9b3;background: #fffbed; padding:10px 16px;font-size: 14px; line-height: 20px;border-radius: 6px;margin-bottom: 10px;}
.zffs_nr b{width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 50%; display: block;}
.zffs_nr p{display: flex;align-items: center; gap:10px;}
.zffs_nr span{font-weight: 600; font-size: 16px;}
.zffs_nr li.cur b{background: url(/buffhub/images/a12.jpg);background-size: 100% 100%;border: 1px solid #ffd632;}
.zffs_nr li.cur .zffsbox{border: 2px solid #ffd632;}
.plussub {width:120px;height:32px;border:1px solid #ccc;background:#fff;}
.plussub span {width:30px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.plussub .sua {border-right:1px solid #ccc;}
.plussub .plus {border-left:1px solid #ccc;}
.plussub input[type="text"] {border:none;height:30px;width:56px;text-align:center;float:left;line-height:30px;}

.zxyhright{width: 390px;border-radius: 6px;background: #fff; padding: 0 16px ;}
.fkxqtitle h2{font-size: 16px;font-weight: 600;line-height: 56px;}
.fkxq_a li{padding-bottom: 16px;display: flex;justify-content: space-between;}
.dhbtna{height: 40px;border-radius: 6px;border: 1px solid #ccc;text-align: center; width: 110px;color: #999;font-size: 14px; line-height: 38px;}
.fkjm{width: calc(100% - 120px);line-height: 40px; padding: 0 12px; font-size: 14px;border-radius: 6px;background: #f0f2f5;color: #999;display: flex;gap:10px;align-items: center;}
.dhbf{width: 100%;line-height: 40px; padding: 0 12px; font-size: 14px;border-radius: 6px;background: #f0f2f5;color: #333;display: flex;gap:10px;align-items: center;}
.fkxq_b{padding:0 0 10px 0;border-bottom: 1px solid #ccc;}
.fkxq_b li{line-height: 1.8;font-size: 14px; display: flex;justify-content: space-between;}
.fkxq_b em{color: #EB4B4B;}
.fkxq_c{padding: 10px 0;}
.cgzf{background: #fffbed; padding: 0 15px;border-radius: 6px;width: 100%;}
.cgzf p{font-size: 14px; line-height: 40px;width: 100%; }
.cgzf p img{vertical-align: middle; display: inline-block;margin: -3px 10px 0 0;}
.fkxq_c li{display: flex;justify-content: space-between;line-height: 40px;font-size: 14px;align-items: center;flex-wrap: wrap;}
.fkxq_c b{font-weight: bold;font-size: 16px;color: #E41313;}
.ljzfbtn{display: block;text-align: center;border-radius: 6px;line-height: 40px;background: #ffcb2f;color: #333;}
.ljzfbtn:hover{opacity: .6;}



.qjtc{position: fixed;z-index: 110;width: 540px;max-width: 90%; background: url(/buffhub/images/s62.png) no-repeat center top #ffffff;border-radius: 8px;background-size:  100% auto; padding: .4rem .35rem .35rem .35rem;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.btntq{display: block; text-align: center; line-height: .7rem; background: #ffcb2e;border-radius: 6px; color: #000; font-size: 20px;}
.qjtcTilte{text-align: center; padding-bottom: .25rem;}
.qjtcTilte h2{font-weight: 600; margin-bottom: .1rem;font-size: 20px;}
.qjtcTilte p{font-size: 14px; line-height: 1.6;}
.yhg{background: url(/buffhub/images/s61.png);height: 144px; background-size: 100% 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.yhg h2{font-weight: 600;font-size: 24px;color: #ff5000; margin-bottom: .1rem;}
.yhg h2 b{font-size: 50px;font-weight: bold;}
.yhg p{font-size: 16px;color: #999;}
.djstc{padding: .25rem 0;}
.countdowna {text-align: center;font-size: 14px;}
.countdowna span{display: inline-block;vertical-align: middle; padding: 0 .1rem; border-radius: 4px; line-height: 1.5;color: #fff;font-weight: bold;background: #09090A;}
.close-btn{width: 30px;height: 30px;border-radius: 50%; background: url(/buffhub/images/a48.png) no-repeat center center #fff;background-size: 15px; border: 1px solid #fff; right: -40px;top: 0;cursor: pointer;position: absolute;}



@media(max-width:1360px){
    .headerabox{padding: 0 1%;}
    .headerLeft{gap:20px;}
    .nav ul{gap:30px;}
    .logo{width: 120px;}
    .ssbox{width: 200px;}
    .dlbtn{width: 120px;}
    .headerRight ul{gap:10px;}
    .yznr{width: 85px;}
    .sub{left: -150px;}
}
@media(max-width:1000px){
    .headerabox{padding: 0 20px 0 60px;height: 50px;}
    .logo{width: 110px;}
    .headerRight  ul li:nth-child(1){ display: none;}
    .headerRight  ul li:nth-child(3){ display: none;}

    .nav{background: #fff;width: 80%; position: fixed;z-index: 200000;overflow: auto;top: 0;left: -100%;height: 100vh; padding: 30px 15px;}
    .nav ul{display: block;border-bottom: 1px solid #ddd; padding: 10px 0;}
    .nav li h3 a{display: block;line-height: 50px;color: #333;}
    .nav li h3:before{display: none;}
    .dlss{display: block;background: #ffcb2e;line-height: 40px;border-radius: 5px;}
    .dlss dl{display: flex;justify-content: center;align-items: center;}
    .dlss dl a{padding: 0 5px;color: #333;font-size: 14px;}
    .nav li.cur h3 a{color: #000;}
    .tou{display: block; padding: 20px 0;}
    .tou p{font-size: 14px;color: #333; margin-bottom: 10px;}
    .nav li:nth-child(4){ display: none;}
    .nav li h3 img {display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
    .sub{position: static;}
    .subobx{max-width: 100%;display: block;background: #eff2f5;border-radius: 6px; overflow: hidden;}
    .subleft{width: 100%;background: none;}
    .subleft dl{display: block;}
    .subleft dt{width: 100%;}
    .subleft dt a{color: #333;}
    .subleft h2{color: #333;border-bottom: 1px solid #ccc;}
    .sutright{width: 100%;}
    .sutright h2{color: #333;border-bottom: 1px solid #ccc;}
    .sutright dt a{color: #333;}
    .nav h3 b{position: absolute;width: 30px;height: 100%; right: 0;top: 0;background: url(/buffhub/images/a36.png) no-repeat center center;}
    .dhbj{position: fixed;z-index: 100;left: 0;top: 0;background: rgba(0,0,0,.7);width: 100%;height: 100%;display: none;}
    .dhbtn{position: absolute;width: 30px; height: 30px;left:15px; top: 10px;background: url(/buffhub/images/d1.png) no-repeat center center;background-size: 20px 20px;}
    .headerBotom{display: none;}
    .bj{padding: 80px 0 20px;}
    .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 14px;}
    .flbq a{width: auto;padding: 10px 5px;display: block;text-align: center;font-size: 12px;}
    .flbq a img{margin: 0 auto;width: 30px;}
    .receNr ul{overflow: auto;}
    .receNr ul::-webkit-scrollbar {width:0px;height: 0;}
    .flbq ul{padding-bottom: 20px;}
    .hot-Nr li{width: calc(50% - 15px/2);}
    .bestTitle{gap:10px;}
    .btn3{bottom: 40px;}
    .care{display: block;}
    .carebox{width: 100%;}
    .careNr li{width: 100%;}
    .whybox{padding: 20px;}
    .whybox ul{display: block;}
    .whybox li{width: 100%; padding: 10px 0;}
    .wfgc{display: block;}
    .box{width: 100%;}
    .wfgcright{margin: 20px auto 0 auto;}
    .footTop{display: block;}
    .footLeft{width: 100%;}
    .footLeft ul{display: block;}
    .footLeft li{border-bottom: 1px solid #eee;}
    .footLeft h2{margin: 0; line-height: 50px;background: url(/buffhub/images/d2.png) no-repeat right center;}
    .footLeft h2.on1{background: url(/buffhub/images/d3.png) no-repeat right center;}
    .footLeft dl{display: none;}
    .footRight{padding-top: 20px;}

    .fgx2{height: 50px;}
    .cplishBox{display: block;}
    .cplishLeft{width: 100%;top: 50px;border-radius: 0;padding: 0 20px 10px 20px;}
    .cplishRight{width: 100%; padding: 15px 3%; }
    .cplishTitle h2{display: none;}
    .lbnr ul{gap:10px;}
    .lbnr li{width: calc(33.33% - 20px/3);}
    .hotText p{zoom: .8;}
    .hotText p span{font-size: 12px;}
    .hotText h2{font-size: 12px;}
    .hotText{padding: 10px 5px;}
    .cptext{margin-top: 30px;padding: 20px 15px 15px 12px;}
    .sjzs{display: block;}
    .pczs{display: none;}
    .xjhy{display: none;}
    .zkbq{ position: relative;}
    .zkbq p{text-align: center; line-height: 50px; font-size: 16px;color: #333;font-weight: bold;}
    .zkbq p b{background: url(/buffhub/images/b_28.png);width: 9px;height: 5px;background-size: 100% 100%;display: inline-block;vertical-align: middle; margin: -3px 0 0 6px;}
    .zkbq a{display: block;background: url(/buffhub/images/b_30.png);width: 10px;height: 18px; position: absolute;left: 0px;top: 50%;transform: translateY(-50%);background-size: 100% 100%;}
    .cplb{width: 100%;}
    .cplishLeft ul{display: none;}
    .cplishLeft ul.on{display: none !important;}

    .bknr{display: none;}
    .bklbTile ul{gap:20px}
    .bklbTile span{font-size: 14px;}

    .cpxq{display: block;}
    .cpxqLeft{width: 100%;}
    .cpxqTop{display: block;padding:0;}
    .cpnrLeft{width: 100%;}
    .cpnrRight{padding:0 3%;width: 100%;}
    .cpnrRight h2{padding: 12px 0;font-size: 20px;line-height: 26px;}
    .cpnrRight li{padding: 12px 0;}

    .cpxqRight{position: fixed;z-index: 100;width: 100%; left: 0;bottom: 0;border-radius: 0; box-shadow:0 0 10px rgba(0, 0, 0, .1);top:auto; padding: 0; }
    .cpxqRight h2{display: none;}
    .cpxqsj{display: flex;justify-content: space-between;align-items: center;padding: 8px 15px;  }
    .cpxqRight h3{height: auto;}
    .cpxqsj a{padding: 0 25px;}
    .cprightop{background: #fff5d5; padding: 0 15px; position: relative;}
    .cprightop p{line-height: 40px; font-size: 14px;color: #ff9e44;}
    .cprightop p a{color: #0075ff;}
    .cprightop p img{display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
    .gbbtn{position: absolute;right: 15px;cursor: pointer;top: 50%;transform: translateY(-50%);background: url(/buffhub/images/a40.png); width: 12px;height: 12px;background-size: 100%;}
    .wz100{height: 100px;}

    .h110{height: 50px;}
    .gwnr{display: block;}
    .GenshinLeft{width: 100%;}
    .gwnrLeft{width: 100%;}
    .Genshin{display: block;}
    .genText h2{font-size: 18px;}
    .genText h3{font-size: 12px;}
    .genTp{width: 90px;}
    .genText{width: calc(100% - 90px); padding: 0 0 0 10px;}
    .GenshinRight{margin: 0 auto;}
    .GenesisTop li{width: calc(50% - 2px);}
    .gwnrRight{width: 100%; margin: 20px 0 0 0;}
    .tjcp li{width: calc(50% - 15px/2);}

    .fsjd{display: block;}
    .fsjdleft{width: 100%;}
    .fsjdright{width: 100%;padding-top: 15px;}

    .coins a{font-size: 13px;width: 130px;line-height: 36px;height: 38px;}
    .coins li.cur a{line-height: 36px;}
    .PsTitle li span{width: 90px;}
    .dqwz{overflow: auto; }
    .dqwz p{white-space: nowrap;}
    .PsTitle2{overflow: auto;}

    .bkbox{display: block; }
    .bkleft{display: none;}
    .ssnr{display: none;}
    .bkxob{width: 100%;}

    .close-btn{top: auto;bottom: -50px;left: 50%;transform: translateX(-50%);}
    .hybox{display: block;}
    .hyzleft{width: 100%;}
    .hyzright{width: 100%;}
    .tpdwa{width: calc(100% - 100px);}
    .jbqkNr p{width: calc(100% - 100px);}
    .xzyhleft{width: 100%;}
    .xzyh{display: block;}
    .zxyhright{width: 100%; margin-top: 15px;}
    .qhgs ul{display: block;}
    .qhgs li{width: 100%; margin-bottom: 15px;}
    .wzsm{display: block;}
    .wzsmleft{width: 100%; position: static;}
    .wzsmright{width: 100%; padding-top: 20px;}
    .Invite{margin-top: 15px;}
    .Invitetop{width: 100%;padding: 20px 20px 250px 20px;}
    .Inviteleft{width: 100%;}
    .Inviteleft h2{font-size: 20px;line-height: 1.5;}
    .Overview ul{flex-wrap: wrap;}
    .Overview li{width: 100%;}
    .taskbottom li{width: 100%;}
    .myqd{margin-top: 15px; padding: 20px;}
    .ghqh{display: block;height: auto;}
    .ghright{width: 100%;}
    .ghrbox p{font-size: 12px;}
    .LootBar ul{padding-top: 20px;flex-wrap: wrap;}
    .LootBar li{width: 100%;}
    .LootBar{margin-top: 15px;}
    .LootBarBox{display: block; padding: 15px 10px;}
    .vipnr{width: 100%;margin-top: 50px;}
    .fjvip{width: 100%; }
    .loot-BT{bottom: auto; top: 90px;left: 50%;transform: translateX(-50%);}
    .ootBarNr dt{width: 100%;}
    .bktp{width: 100%;}
    .bktext{width: 100%; padding-top: 20px;}
}
@media(max-width:480px){
    .bklbTp{width: 100%;}
    .bklbText{width: 100%; padding-top: 15px;}
    .bklbText h2{font-size: 16px;}
    .bklbText p{font-size: 12px;}
    .bklbText h3{font-size: 14px;}
}
/* 游戏列表6大类描述翻译*/
.cplishTitle h2{font-size: 26px;color: #1f2128;font-weight: bold;}

.user-actions {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* 引用全局样式 */

/* 登录弹窗特定样式 */

/* 登录方式样式 - 名称悬停显示，防止抖动 */
.tc2qh .swiper-slide {
    height: auto;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tc2qh .login-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    transition: transform 0.3s ease, background-color 0.3s ease;
    padding: 10px 8px;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    min-height: 80px;
    box-sizing: border-box;
}

.tc2qh .login-item img {
    transition: transform 0.3s ease;
    width: 100%;
    height: auto;
    max-width: 50px;
    display: block;
}

.tc2qh .login-name {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%) translateY(5px);
    font-size: 12px;
    color: #333;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.tc2qh .login-item:hover {
    transform: translateY(-3px);
    background-color: rgba(0, 0, 0, 0.02);
}

.tc2qh .login-item:hover img {
    transform: scale(1.1);
}

.tc2qh .login-item:hover .login-name {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* 确保容器不会因为内容变化而改变大小 */
.tc2qh .swiper-wrapper {
    align-items: stretch;
}

/* 调整Swiper显示数量，确保5个登录方式都能正常显示 */
.tc2qh .swiper {
    padding: 0 20px;
}

/* 新登录视图结构 */
.login-content {
    padding: 10px 24px 0;
    box-sizing: border-box;
}

.login-view {
    display: none;
    flex-direction: column;
    gap: 18px;
}

.login-view.active {
    display: flex;
}

.login-view h2 {
    font-size: 22px;
    color: #111827;
    margin: 0;
}

.login-tip {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.back-link {
    align-self: flex-start;
    font-size: 13px;
    color: #1d4ed8;
    text-decoration: none;
}

.back-link:hover {
    text-decoration: underline;
}

.input-group {
    display: flex;
    flex-direction: column;
}

.input-group input {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.input-group input:focus {
    outline: none;
    border-color: #facc15;
    box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.25);
}

.primary-btn {
    padding: 12px 18px;
    background: #facc15;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.primary-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.primary-btn:not(:disabled):hover {
    transform: translateY(-1px);
}

.login-message {
    font-size: 13px;
    min-height: 18px;
}

.login-message.error {
    color: #dc2626;
}

.login-message.success {
    color: #16a34a;
}

.email-display input {
    width: 100%;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #111827;
}

.password-group {
    position: relative;
}

.password-group .toggle-password {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #6b7280;
}

.forgot-password {
    font-size: 13px;
    color: #2563eb;
    text-decoration: none;
}

.forgot-password:hover {
    text-decoration: underline;
}

.recaptcha-wrapper {
    display: flex;
    justify-content: center;
}

#recaptcha-container {
    margin: 0 auto;
}