@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  color: #666;
}
img {
  display: block;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  font-size: 14px;
  font-family: PingFang SC, Arial, simsun, sans-serif;
  background-color: #f5f5f5;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.vt {
  display: flex;
  justify-content: center;
  align-items: center;
}
.jc {
  justify-content: center;
}
.as {
  align-items: center;
}
.line1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wrap {
  width: 15rem;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .nav-h5 > .menu-cnt > .active > a {
    color: #FCB063 !important;
  }
  body {
    padding-top: 0.8rem;
  }
  .wrap {
    width: 100%;
    margin: 0 auto;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  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);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  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);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -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 shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-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);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  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);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  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);
  }
  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);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  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);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-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);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-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);
  }
  100% {
    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);
    -ms-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);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) 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);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-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);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -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;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -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;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -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);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -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-transform-origin: top left;
    transform-origin: top left;
    -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-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    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 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    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 {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-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);
    -ms-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);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.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);
  }
  100% {
    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-transform-origin: center bottom;
    transform-origin: center bottom;
    -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);
    -ms-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-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-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -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);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-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);
  }
  100% {
    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-transform-origin: center bottom;
    transform-origin: center bottom;
    -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);
    -ms-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);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-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-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -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);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@media (max-width: 750px) {
  .header > .nav-h5 {
    height: 10.4rem;
    background-image: url('../img/index_bg@2x.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
  }
  .header > .nav-h5 > .nav {
    position: relative;
    padding: 0.18rem 0.32rem 0.22rem;
    height: 0.8rem;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #464646;
    display: flex;
    justify-content: space-between;
  }
  .header > .nav-h5 > .nav:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 0.32rem;
  }
  .header > .nav-h5 > .nav .logo {
    width: 2.3rem;
    height: 0.5rem;
    display: block;
  }
  .header > .nav-h5 > .nav .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
  .header > .nav-h5 > .nav h2.title {
    color: #fff;
  }
  .header > .nav-h5 > .nav .nav_phone_btn span {
    display: inline-block;
    width: 24px;
    height: 2px;
    font-size: 0;
    background-color: #fff;
    transition: all 250ms ease-out;
    position: relative;
    cursor: pointer;
  }
  .header > .nav-h5 > .nav .nav_phone_btn span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    left: 0;
    top: -7px;
    transition: all 250ms ease-out;
  }
  .header > .nav-h5 > .nav .nav_phone_btn span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    left: 0;
    top: 7px;
    transition: all 250ms ease-out;
  }
  .header > .nav-h5 > .nav .visible_nav span:before {
    left: 0;
    top: 0;
    transform: rotateZ(45deg);
  }
  .header > .nav-h5 > .nav .visible_nav span:after {
    left: 0;
    top: 0;
    transform: rotateZ(-45deg);
  }
  .header > .nav-h5 > .nav .visible_nav span {
    background-color: transparent;
  }
  .header > .nav-h5 > .nav > .menu {
    cursor: pointer;
    padding: 0.04rem;
  }
  .header > .nav-h5 > .nav > .menu > img {
    width: 0.44rem;
    height: 0.36rem;
  }
  .header > .nav-h5 > .menu-cnt {
    position: fixed;
    top: 0.8rem;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 0;
    overflow: hidden;
    z-index: 999;
    background-color: #464646 !important;
    transition: all 0.3s ease-in;
  }
  .header > .nav-h5 > .menu-cnt.open {
    height: 100vh;
  }
  .header > .nav-h5 > .menu-cnt.close {
    height: 0;
  }
  .header > .nav-h5 > .menu-cnt li {
    border-bottom: 0.02rem solid #fff;
    line-height: 1rem;
    padding: 0 0.24rem;
  }
  .header > .nav-h5 > .menu-cnt li > a {
    color: #fff;
    font-size: 0.32rem;
  }
  .header > .nav-h5 > .hot {
    position: absolute;
    left: 0.24rem;
    bottom: 0.68rem;
    width: 7rem;
    height: 0.96rem;
    display: flex;
  }
  .header > .nav-h5 > .hot > a {
    display: flex;
    width: 2.233rem;
    height: 100%;
    text-indent: -999em;
    overflow: hidden;
  }
  .header > .nav-h5 > .hot > a:first-child,
  .header > .nav-h5 > .hot > a:last-child {
    width: 2.18rem;
  }
  .header > .nav-h5 > .hot > a:nth-child(2) {
    width: 2.64rem;
  }
  .header > .nav-container {
    display: none;
  }
}
@media (min-width: 751px) {
  .header {
    position: relative;
    background-image: url(../img/banner.png);
    background-size: cover;
    background-size: 100%;
    height: calc(100vw * 751 / 1920);
    background-repeat: no-repeat;
  }
  .header > .nav-h5 {
    display: none;
  }
  .header .nav-container {
    background: linear-gradient(180deg, #070101 0%, rgba(0, 0, 0, 0) 100%);
  }
  .header .nav-container .nav-wrap {
    display: flex;
    align-items: center;
  }
  .header .nav-container .nav-wrap .logo {
    width: 2.3rem;
    height: 0.5rem;
    display: block;
    margin-right: 2.4rem;
  }
  .header .nav-container .nav-wrap .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
  .header .nav-container .nav-wrap .list {
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
  }
  .header .nav-container .nav-wrap .list li.active > a {
    color: #FCB063;
  }
  .header .nav-container .nav-wrap .list li > a {
    font-size: 0.18rem;
    color: #E8E8E7;
    line-height: 0.5rem;
  }
  .header .nav-container .nav-wrap .hot {
    position: absolute;
    left: 24.0625%;
    bottom: 13.31557923%;
    width: 37.60416667%;
    height: 10.65246338%;
    display: flex;
    justify-content: space-between;
  }
  .header .nav-container .nav-wrap .hot > a {
    width: 32.96398892%;
    height: 100%;
    text-indent: -999em;
    overflow: hidden;
  }
}
@media (max-width: 750px) {
  .game-video > .game-video-h5-in {
    margin-top: 0.74rem;
    padding: 0 0.32rem;
  }
  .game-video > .game-video-h5-in > .title-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 0.48rem;
  }
  .game-video > .game-video-h5-in > .title-wrap .title {
    text-align: center;
  }
  .game-video > .game-video-h5-in > .title-wrap .title > img {
    width: 1.42rem;
    height: 0.34rem;
  }
  .game-video > .game-video-h5-in > .title-wrap .title > p {
    margin-top: 0.16rem;
    font-size: 0.24rem;
    color: #C3C3C3;
  }
  .game-video > .game-video-h5-in > .lunbo > .top {
    margin-bottom: 0.18rem;
    position: relative;
  }
  .game-video > .game-video-h5-in > .lunbo > .top > video {
    width: 6.86rem;
    height: 3.24rem;
  }
  .game-video > .game-video-h5-in > .lunbo > .top > .player {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .game-video > .game-video-h5-in > .lunbo > .top > .player > img {
    width: 0.86rem;
    height: 0.86rem;
  }
  .game-video > .game-video-in {
    display: none;
  }
}
@media (min-width: 751px) {
  .game-video {
    background-color: #F4F5F8;
    padding-bottom: 0.2rem;
  }
  .game-video > .game-video-h5-in {
    display: none;
  }
  .game-video > .game-video-in {
    border-bottom: 0.02rem solid #E6E7EA;
  }
  .game-video > .game-video-in > .title {
    padding-top: 1.01rem;
    padding-bottom: 0.38rem;
    display: flex;
    justify-content: center;
  }
  .game-video > .game-video-in > .title div.title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .game-video > .game-video-in > .title div.title img {
    width: 1.5rem;
    height: 0.33rem;
    margin-bottom: 0.16rem;
  }
  .game-video > .game-video-in > .title div.title > h3 {
    color: #C4C1C1;
    font-size: 0.17rem;
  }
  .game-video > .game-video-in > .lunbo {
    border-radius: 0.14rem;
    padding-bottom: 0.2rem;
  }
  .game-video > .game-video-in > .lunbo > .top {
    display: flex;
  }
  .game-video > .game-video-in > .lunbo > .top > .left > .video-container {
    width: 11.06rem;
    height: 5.03rem;
  }
  .game-video > .game-video-in > .lunbo > .top > .left > .video-container > video {
    width: 100%;
    height: 100%;
  }
  .game-video > .game-video-in > .lunbo > .top > .left > img {
    width: 11.06rem;
    height: 5.03rem;
  }
  .game-video > .game-video-in > .lunbo > .top > .right > ul > li {
    cursor: pointer;
    background-color: #505050;
    padding: 0.24rem 0.32rem;
    width: 3.9rem;
    height: 1.24rem;
    margin-bottom: 0.02rem;
  }
  .game-video > .game-video-in > .lunbo > .top > .right > ul > li.active {
    background-color: #CD9F37;
    background-size: 4.26rem 1.43rem;
    background-repeat: no-repeat;
    background-position: -0.22rem -0.1rem;
    cursor: pointer;
  }
  .game-video > .game-video-in > .lunbo > .top > .right > ul > li:first-child {
    border-radius: 0 0.14rem 0 0;
  }
  .game-video > .game-video-in > .lunbo > .top > .right > ul > li:last-child {
    border-radius: 0 0 0.14rem 0;
  }
  .game-video > .game-video-in > .lunbo > .top > .right > ul > li > h3 {
    color: #fff;
    font-size: 0.24rem;
    margin-bottom: 0.12rem;
  }
  .game-video > .game-video-in > .lunbo > .top > .right > ul > li > p {
    color: #fff;
    font-size: 0.16rem;
    line-height: 1.4;
  }
}
@media (max-width: 750px) {
  .ad > .ad-h5-in {
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    padding-bottom: 0.46rem;
    padding-top: 0.46rem;
  }
  .ad > .ad-h5-in > .bottom-ad {
    display: flex;
    justify-content: space-between;
  }
  .ad > .ad-h5-in > .bottom-ad img {
    width: 3.38rem;
    height: 1.6rem;
  }
  .ad > .ad-in {
    display: none;
  }
}
@media (min-width: 751px) {
  .ad {
    background-color: #F4F5F8;
  }
  .ad > .ad-h5-in {
    display: none;
  }
  .ad > .ad-in {
    padding-bottom: 1rem;
  }
  .ad > .ad-in > .footer-ad {
    display: flex;
    justify-content: space-between;
    margin-top: 0.26rem;
  }
  .ad > .ad-in > .footer-ad > .left {
    overflow: hidden;
  }
  .ad > .ad-in > .footer-ad > .left:hover img {
    transform: scale(1.01);
  }
  .ad > .ad-in > .footer-ad > .left img {
    transition: all 0.3s;
    width: 7.4rem;
    height: 2rem;
  }
  .ad > .ad-in > .footer-ad > .right {
    overflow: hidden;
  }
  .ad > .ad-in > .footer-ad > .right:hover img {
    transform: scale(1.01);
  }
  .ad > .ad-in > .footer-ad > .right img {
    transition: all 0.3s;
    width: 7.4rem;
    height: 2rem;
  }
}
@media (max-width: 750px) {
  .server > .server-h5-in {
    background-color: #fff;
    padding: 0 0.32rem;
    padding-bottom: 1rem;
    padding-top: 1.4rem;
  }
  .server > .server-h5-in > .title-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 0.48rem;
  }
  .server > .server-h5-in > .title-wrap .title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .server > .server-h5-in > .title-wrap .title > img {
    width: 4.76rem;
    height: 0.35rem;
  }
  .server > .server-h5-in > .title-wrap .title > p {
    margin-top: 0.16rem;
    font-size: 0.24rem;
    color: #C3C3C3;
  }
  .server > .server-h5-in .swiper-container {
    width: 100%;
    height: 100%;
  }
  .server > .server-h5-in .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 40%;
  }
  .server > .server-h5-in > .card > .items > .item {
    padding: 0.38rem 0.24rem;
    padding-bottom: 0.1rem;
  }
  .server > .server-h5-in > .card > .items > .item:nth-child(1) {
    background: linear-gradient(to bottom, #3B3C81, #D8D8D8);
  }
  .server > .server-h5-in > .card > .items > .item:nth-child(2) {
    background: linear-gradient(to bottom, #100340, #D8D8D8);
  }
  .server > .server-h5-in > .card > .items > .item:nth-child(3) {
    background: linear-gradient(to bottom, #0F3009, #D8D8D8);
  }
  .server > .server-h5-in > .card > .items > .item:nth-child(4) {
    background: linear-gradient(to bottom, #1D1B1B, #1D1B1B);
  }
  .server > .server-h5-in > .card > .items > .item:nth-child(5) {
    background: linear-gradient(to bottom, #131529, #131529);
  }
  .server > .server-h5-in > .card > .items > .item > h2 {
    font-size: 0.32rem;
    color: #FFFFFF;
    margin-bottom: 0.2rem;
  }
  .server > .server-h5-in > .card > .items > .item > p {
    font-size: 0.16rem;
    color: #fff;
    line-height: 1.4;
    height: 0.54rem;
    margin-bottom: 0.4rem;
  }
  .server > .server-h5-in > .card > .items > .item > img {
    width: 2.08rem;
    height: 2.14rem;
  }
  .server > .server-in {
    display: none;
  }
}
@media (min-width: 751px) {
  .server {
    background-color: #fff;
  }
  .server > .server-h5-in {
    display: none;
  }
  .server > .server-in {
    background-color: #fff;
  }
  .server > .server-in .card {
    padding-top: 1.4rem;
  }
  .server > .server-in .card > .title-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 0.65rem;
  }
  .server > .server-in .card > .title-wrap .title {
    text-align: center;
  }
  .server > .server-in .card > .title-wrap .title > img {
    width: 5.21rem;
    height: 0.33rem;
    margin-bottom: 0.16rem;
  }
  .server > .server-in .card > .title-wrap .title > p {
    font-size: 0.17rem;
    color: #C3C3C3;
  }
  .server > .server-in .card > .items {
    display: flex;
    justify-content: space-between;
  }
  .server > .server-in .card > .items > .item {
    width: 19%;
    padding: 0.7rem 0.22rem;
  }
  .server > .server-in .card > .items > .item:nth-child(1) {
    background: linear-gradient(to bottom, #3B3C81, #D8D8D8);
  }
  .server > .server-in .card > .items > .item:nth-child(2) {
    background: linear-gradient(to bottom, #100340, #D8D8D8);
  }
  .server > .server-in .card > .items > .item:nth-child(3) {
    background: linear-gradient(to bottom, #0F3009, #D8D8D8);
  }
  .server > .server-in .card > .items > .item:nth-child(4) {
    background: linear-gradient(to bottom, #1D1B1B, #1D1B1B);
  }
  .server > .server-in .card > .items > .item:nth-child(5) {
    background: linear-gradient(to bottom, #131529, #131529);
  }
  .server > .server-in .card > .items > .item > h2 {
    transition: all 0.3s;
    font-size: 0.32rem;
    color: #FFFFFF;
    margin-bottom: 0.06rem;
  }
  .server > .server-in .card > .items > .item > p {
    transition: all 0.3s;
    font-size: 0.16rem;
    color: #fff;
    line-height: 1.4;
    height: 0.78rem;
  }
  .server > .server-in .card > .items > .item:hover > h2 {
    transform: translateY(-4px);
  }
  .server > .server-in .card > .items > .item:hover > p {
    transform: translateY(-4px);
  }
  .server > .server-in .card > .items > .item:hover > img {
    transform: scale(1.02);
  }
  .server > .server-in .card > .items > .item > img {
    transition: all 0.3s;
    width: 2.08rem;
    height: 2.14rem;
  }
}
@media (max-width: 750px) {
  .advantage > .advantage-h5-in {
    padding: 0 0.32rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-color: #fff;
  }
  .advantage > .advantage-h5-in > .title-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 0.48rem;
  }
  .advantage > .advantage-h5-in > .title-wrap .title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .advantage > .advantage-h5-in > .title-wrap .title > img {
    width: 3.22rem;
    height: 0.34rem;
  }
  .advantage > .advantage-h5-in > .title-wrap .title > p {
    margin-top: 0.16rem;
    font-size: 0.24rem;
    color: #C3C3C3;
  }
  .advantage > .advantage-h5-in > .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .advantage > .advantage-h5-in > .list > .item {
    display: flex;
    justify-content: center;
    width: 48%;
    margin-bottom: 0.18rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .advantage > .advantage-h5-in > .list > .item.first {
    background-image: url('../img/ysbg3@2x.png');
  }
  .advantage > .advantage-h5-in > .list > .item.first .info .icon {
    box-shadow: 0rem 0.3rem 0.6rem 0.02rem rgba(121, 92, 255, 0.38);
    background-image: url('../img/icon1@2x.png');
    background-size: 0.49rem 0.47rem;
    background-color: #5F4DB1;
    background-position: center;
  }
  .advantage > .advantage-h5-in > .list > .item.second {
    background-image: url('../img/ysbg3@2x.png');
  }
  .advantage > .advantage-h5-in > .list > .item.second .info .icon {
    box-shadow: 0px 30px 60px 2px rgba(115, 200, 179, 0.5);
    background-image: url('../img/icon2@2x.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.62rem 0.43rem;
    background-color: #73C8B3;
  }
  .advantage > .advantage-h5-in > .list > .item.second .info > h3 {
    color: #73C8B3;
  }
  .advantage > .advantage-h5-in > .list > .item.third {
    background-image: url('../img/ysbg3@2x.png');
  }
  .advantage > .advantage-h5-in > .list > .item.third .info .icon {
    box-shadow: 0px 30px 60px 2px rgba(255, 205, 90, 0.5);
    background-image: url('../img/icon3@2x.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.62rem 0.56rem;
    background-color: #EBBB4D;
  }
  .advantage > .advantage-h5-in > .list > .item.third .info > h3 {
    color: #EBBB4D;
  }
  .advantage > .advantage-h5-in > .list > .item.four {
    background-image: url('../img/ysbg3@2x.png');
  }
  .advantage > .advantage-h5-in > .list > .item.four .info .icon {
    box-shadow: 0px 30px 60px 2px rgba(232, 103, 103, 0.4);
    background-image: url('../img/icon4@2x.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.6rem 0.6rem;
    background-color: #E86767;
  }
  .advantage > .advantage-h5-in > .list > .item.four .info > h3 {
    color: #E86767;
  }
  .advantage > .advantage-h5-in > .list > .item .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .advantage > .advantage-h5-in > .list > .item .info > .icon {
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin-bottom: 0.8rem;
  }
  .advantage > .advantage-h5-in > .list > .item .info > h3 {
    margin-top: 0.4rem;
    margin-bottom: 0.08rem;
    color: #5F4DB1;
    font-weight: bold;
  }
  .advantage > .advantage-h5-in > .list > .item .info > h2 {
    margin-top: 0.08rem;
    margin-bottom: 0.14rem;
    color: #353A3F;
    font-weight: bold;
    font-size: 0.28rem;
  }
  .advantage > .advantage-h5-in > .list > .item .info > p {
    line-height: 1.4;
    text-align: center;
    height: 0.66rem;
    font-size: 0.18rem;
    padding: 0 0.18rem;
    color: #858BA5;
  }
  .advantage > .advantage-in {
    display: none;
  }
}
@media (min-width: 751px) {
  .advantage {
    background-color: #fff;
  }
  .advantage > .advantage-h5-in {
    display: none;
  }
  .advantage > .advantage-in {
    padding-bottom: 1.68rem;
  }
  .advantage > .advantage-in > .title-wrap {
    display: flex;
    justify-content: center;
    padding-top: 1.56rem;
    padding-bottom: 0.68rem;
  }
  .advantage > .advantage-in > .title-wrap > .title {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .advantage > .advantage-in > .title-wrap > .title > img {
    margin-bottom: 0.16rem;
    width: 3.45rem;
    height: 0.33rem;
  }
  .advantage > .advantage-in > .title-wrap > .title > p {
    color: #C3C3C3;
    word-spacing: 0.1rem;
  }
  .advantage > .advantage-in > .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: url('../img/dot.png');
    background-size: 0.8rem 0.8rem;
    background-repeat: no-repeat;
    background-position: center;
  }
  .advantage > .advantage-in > .list > .item {
    display: flex;
    width: 7.4rem;
    height: 3.52rem;
    margin-bottom: 0.18rem;
  }
  .advantage > .advantage-in > .list > .item:hover > .info > .icon {
    transform: scale(1.02);
  }
  .advantage > .advantage-in > .list > .item:hover > .info > h3 {
    transform: translateY(3px);
  }
  .advantage > .advantage-in > .list > .item:hover > .info > h2 {
    transform: translateY(3px);
  }
  .advantage > .advantage-in > .list > .item:hover > .info > p {
    transform: translateY(3px);
  }
  .advantage > .advantage-in > .list > .item:hover.first {
    box-shadow: 0rem 0.5rem 0.4rem 0.01rem rgba(0, 0, 0, 0.1);
    border-radius: 0.15rem 0.15rem 2rem 0.15rem;
  }
  .advantage > .advantage-in > .list > .item:hover.second {
    box-shadow: 0rem 0.5rem 0.6rem 0.01rem rgba(0, 0, 0, 0.1);
    border-radius: 0.15rem 0.15rem 0.15rem 2rem;
  }
  .advantage > .advantage-in > .list > .item:hover.third {
    box-shadow: 0rem 0.5rem 0.6rem 0.01rem rgba(0, 0, 0, 0.1);
    border-radius: 0.15rem 2rem 0.15rem 0.15rem;
  }
  .advantage > .advantage-in > .list > .item:hover.four {
    box-shadow: 0rem 0.5rem 0.6rem 0.01rem rgba(0, 0, 0, 0.1);
    border-radius: 2rem 0.15rem 0.15rem 0.15rem;
  }
  .advantage > .advantage-in > .list > .item.first {
    justify-content: flex-start;
    background-image: url('../img/icon1_bg.png');
    background-size: 7.4rem 3.52rem;
    background-repeat: no-repeat;
    position: relative;
  }
  .advantage > .advantage-in > .list > .item.first .cover {
    display: none;
    position: absolute;
    right: 0.23rem;
    bottom: 0;
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.first .cover img {
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.first .line1 {
    position: absolute;
    top: 1.37rem;
    right: 2.06rem;
    width: 1.88rem;
    height: 15px;
    background-color: #fff;
  }
  .advantage > .advantage-in > .list > .item.first .line2 {
    position: absolute;
    top: 1.37rem;
    left: 5.36rem;
    width: 2.8rem;
    height: 15px;
    background-color: #fff;
    transform-origin: 0 0 0;
    transform: rotateZ(45deg);
  }
  .advantage > .advantage-in > .list > .item.first .info .icon {
    box-shadow: 0px 15px 30px 1px rgba(121, 92, 255, 0.38);
    background-image: url('../img/icon1.png');
    background-size: 0.32rem 0.31rem;
  }
  .advantage > .advantage-in > .list > .item.second {
    justify-content: flex-end;
    background-image: url('../img/icon2_bg.png');
    background-size: 7.4rem 3.52rem;
    position: relative;
  }
  .advantage > .advantage-in > .list > .item.second .cover {
    display: none;
    position: absolute;
    left: 0.23rem;
    bottom: 0;
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.second .cover img {
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.second .info .icon {
    background: #73C8B3;
    box-shadow: 0px 15px 30px 1px rgba(115, 200, 179, 0.5);
    background-image: url('../img/icon2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.44rem 0.3rem;
  }
  .advantage > .advantage-in > .list > .item.second .info > h3 {
    color: #73C8B3;
  }
  .advantage > .advantage-in > .list > .item.third {
    background-image: url('../img/icon3_bg.png');
    background-size: 7.4rem 3.52rem;
    background-repeat: no-repeat;
    position: relative;
  }
  .advantage > .advantage-in > .list > .item.third .cover {
    display: none;
    position: absolute;
    top: 0.2rem;
    right: 0.23rem;
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.third .cover img {
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.third .info .icon {
    background: #EBBB4D;
    box-shadow: 0px 15px 30px 1px rgba(255, 205, 90, 0.5);
    background-image: url('../img/icon3.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.44rem 0.4rem;
  }
  .advantage > .advantage-in > .list > .item.third .info > h3 {
    color: #EBBB4D;
  }
  .advantage > .advantage-in > .list > .item.four {
    justify-content: flex-end;
    background-image: url('../img/icon4_bg.png');
    background-size: 7.4rem 3.52rem;
    background-repeat: no-repeat;
    position: relative;
  }
  .advantage > .advantage-in > .list > .item.four .cover {
    display: none;
    position: absolute;
    top: 0.2rem;
    left: 0.23rem;
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.four .cover img {
    width: 3.74rem;
    height: 2.12rem;
  }
  .advantage > .advantage-in > .list > .item.four .info .icon {
    background: #E86767;
    box-shadow: 0px 15px 30px 1px rgba(232, 103, 103, 0.4);
    background-image: url('../img/icon4.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.44rem 0.44rem;
  }
  .advantage > .advantage-in > .list > .item.four .info > h3 {
    color: #E86767;
  }
  .advantage > .advantage-in > .list > .item .info {
    width: 3.52rem;
    height: 3.52rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .advantage > .advantage-in > .list > .item .info > .icon {
    transition: all 0.3s;
    background-color: #5F4DB1;
    width: 0.83rem;
    height: 0.83rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .advantage > .advantage-in > .list > .item .info > h3 {
    transition: all 0.3s;
    margin-top: 0.4rem;
    margin-bottom: 0.08rem;
    color: #5F4DB1;
    font-weight: bold;
  }
  .advantage > .advantage-in > .list > .item .info > h2 {
    transition: all 0.3s;
    margin-top: 0.08rem;
    margin-bottom: 0.14rem;
    color: #353A3F;
    font-weight: bold;
    font-size: 0.28rem;
  }
  .advantage > .advantage-in > .list > .item .info > p {
    transition: all 0.3s;
    line-height: 1.4;
    text-align: center;
    width: 2.08rem;
    font-size: 0.18rem;
    color: #858BA5;
  }
}
@media (max-width: 750px) {
  .offical > .offical-h5-in {
    background-color: #F4F5F8;
    padding: 0 0.32rem;
    padding-bottom: 0.76rem;
    padding-top: 1rem;
  }
  .offical > .offical-h5-in > .title-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
  .offical > .offical-h5-in > .title-wrap .title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .offical > .offical-h5-in > .title-wrap .title > img {
    width: 1.43rem;
    height: 0.35rem;
  }
  .offical > .offical-h5-in > .title-wrap .title > p {
    margin-top: 0.16rem;
    font-size: 0.24rem;
    color: #C3C3C3;
  }
  .offical > .offical-h5-in > .cnt > .title-wrap {
    margin-bottom: 0.92rem;
  }
  .offical > .offical-h5-in > .cnt > .title-wrap .title {
    display: flex;
    justify-content: space-between;
  }
  .offical > .offical-h5-in > .cnt > .title-wrap .title > a {
    font-size: 0.24rem;
    color: #9B9C9E;
    font-weight: 500;
    padding-bottom: 0.2rem;
  }
  .offical > .offical-h5-in > .cnt > .title-wrap .title > a.active {
    color: #171717;
    border-bottom: 0.06rem solid #966800;
  }
  .offical > .offical-h5-in > .cnt > .content .swiper-container {
    height: 100%;
    padding-bottom: 0.54rem;
  }
  .offical > .offical-h5-in > .cnt > .content .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.28rem;
    height: 0.1rem;
    border-radius: 0.03rem;
    border: 0.01rem solid #C08705;
    background-color: #fff;
  }
  .offical > .offical-h5-in > .cnt > .content .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #C18705;
  }
  .offical > .offical-h5-in > .cnt > .content .h5-offical-swiper {
    display: none;
  }
  .offical > .offical-h5-in > .cnt > .content h2 {
    margin-top: 0.32rem;
    font-weight: bold;
  }
  .offical > .offical-h5-in > .cnt > .content .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .offical > .offical-h5-in > .cnt > .content .info .date {
    margin-top: 0.2rem;
    font-weight: 600;
  }
  .offical > .offical-h5-in > .cnt > .content .info .t {
    margin-top: 0.5rem;
    color: #7D7D7D;
  }
  .offical > .offical-h5-in > .cnt > .content .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .offical > .offical-h5-in > .cnt > .content .list > .hide {
    display: none;
  }
  .offical > .offical-h5-in > .cnt > .content .list > .item {
    background-color: #fff;
    padding: 0.1rem;
    border-radius: 0.08rem;
    margin-bottom: 0.32rem;
  }
  .offical > .offical-h5-in > .cnt > .content .list > .item > img {
    width: 3.04rem;
    height: 1.73rem;
  }
  .offical > .offical-h5-in > .cnt > .content .list > .item > h2 {
    color: #171717;
    font-size: 0.28rem;
  }
  .offical > .offical-h5-in > .cnt > .content .list > .item > .info .date {
    font-size: 0.12rem;
    color: #262626;
  }
  .offical > .offical-h5-in > .cnt > .content .list > .item > .info .t {
    font-size: 0.12rem;
    color: #262626;
  }
  .offical > .offical-in {
    display: none;
  }
}
@media (min-width: 751px) {
  .offical > .offical-h5-in {
    display: none;
  }
  .offical > .offical-in {
    background-color: #F4F5F8;
    padding-top: 0.94rem;
    padding-bottom: 1rem;
  }
  .offical > .offical-in .title-wrap {
    display: flex;
    justify-content: center;
    padding-bottom: 0.7rem;
  }
  .offical > .offical-in .title-wrap .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .offical > .offical-in .title-wrap .title > img {
    width: 1.53rem;
    height: 0.33rem;
    margin-bottom: 0.16rem;
  }
  .offical > .offical-in .title-wrap .title > p {
    font-size: 0.17rem;
    color: #C3C3C3;
  }
  .offical > .offical-in .cnt {
    display: flex;
    height: 4.7rem;
  }
  .offical > .offical-in .cnt .left {
    position: relative;
    width: 10.6rem;
  }
  .offical > .offical-in .cnt .left > .list {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.6s;
  }
  .offical > .offical-in .cnt .left > .on {
    height: auto;
    opacity: 1;
    transition: all 0.6s;
  }
  .offical > .offical-in .cnt .left > .on > li:nth-child(-n+4) {
    margin-top: 0.02rem;
    transition: all 0.6s;
  }
  .offical > .offical-in .cnt .left li:nth-child(-n+4) {
    margin-top: 0.52rem;
    transition: all 0.6s;
  }
  .offical > .offical-in .cnt .left .offical-swiper {
    display: none;
  }
  .offical > .offical-in .cnt .left .swiper-container {
    transition: all 0.3s;
    position: relative;
    height: 100%;
    padding-bottom: 0.4rem;
  }
  .offical > .offical-in .cnt .left .swiper-container.up {
    transform: translateY(-3px);
  }
  .offical > .offical-in .cnt .left .swiper-container.down {
    transform: translateY(3px);
  }
  .offical > .offical-in .cnt .left .swiper-container .swiper-pagination {
    bottom: 2px;
  }
  .offical > .offical-in .cnt .left .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.32rem;
    height: 0.06rem;
    border-radius: 0.03rem;
    border: 0.01rem solid #C08705;
    background-color: #fff;
  }
  .offical > .offical-in .cnt .left .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #C18705;
  }
  .offical > .offical-in .cnt .left h2 {
    margin: 0.1rem 0;
    font-weight: bold;
  }
  .offical > .offical-in .cnt .left .info {
    display: flex;
    justify-content: space-between;
  }
  .offical > .offical-in .cnt .left .info .t {
    font-size: 0.16rem;
    color: #808080;
  }
  .offical > .offical-in .cnt .left .load-more {
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .offical > .offical-in .cnt .left .load-more a {
    text-align: center;
    padding: 0.1rem 0.2rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #ccc;
  }
  .offical > .offical-in .cnt .left .load-more a:hover {
    background-color: #C7B46E;
    color: #fff;
  }
  .offical > .offical-in .cnt .left .list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.2rem;
  }
  .offical > .offical-in .cnt .left .list > .hide {
    display: none;
  }
  .offical > .offical-in .cnt .left .list > .item {
    background-color: #fff;
    width: 2.52rem;
    height: 2.08rem;
    padding: 0.04rem;
    border-radius: 0.08rem;
    margin-bottom: 0.1rem;
    margin-right: 0.1rem;
  }
  .offical > .offical-in .cnt .left .list > .item:hover img {
    transform: scale(1.01);
  }
  .offical > .offical-in .cnt .left .list > .item:hover > h2 {
    transform: scale(1.01);
  }
  .offical > .offical-in .cnt .left .list > .item:hover > .info .date {
    transform: scale(1.01);
  }
  .offical > .offical-in .cnt .left .list > .item:hover > .info .t {
    transform: scale(1.01);
  }
  .offical > .offical-in .cnt .left .list > .item > img {
    transition: all 0.3s;
    width: 2.4rem;
    height: 1.36rem;
  }
  .offical > .offical-in .cnt .left .list > .item > h2 {
    transition: all 0.3s;
    color: #171717;
    font-size: 0.18rem;
  }
  .offical > .offical-in .cnt .left .list > .item > .info .date {
    transition: all 0.3s;
    font-size: 0.15rem;
    color: #262626;
  }
  .offical > .offical-in .cnt .left .list > .item > .info .t {
    transition: all 0.3s;
    font-size: 0.16rem;
    color: #262626;
  }
  .offical > .offical-in .cnt .right {
    border-left: 0.01rem solid #E6E7EA;
    width: 4.2rem;
    padding-left: 0.18rem;
    margin-left: 0.18rem;
  }
  .offical > .offical-in .cnt .right > .current {
    height: 2.46rem;
    background-color: #fff;
    padding-top: 0.3rem;
    padding-left: 0.3rem;
    position: relative;
    margin-bottom: 0.16rem;
    transition: all 350ms ease-out;
  }
  .offical > .offical-in .cnt .right > .current > .cover {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.59rem;
    height: 1.59rem;
    background-image: url('../img/triangle_on.png');
    background-repeat: no-repeat;
    background-position: right top;
    color: #fff;
  }
  .offical > .offical-in .cnt .right > .current > .cover > .n {
    position: absolute;
    right: 0.04rem;
    top: 0.1rem;
  }
  .offical > .offical-in .cnt .right > .current > h2 {
    font-size: 0.3rem;
    font-weight: bold;
    margin-bottom: 0.18rem;
    color: #F2B77C;
  }
  .offical > .offical-in .cnt .right > .current > p {
    font-size: 0.18rem;
    width: 2.24rem;
    line-height: 1.4;
  }
  .offical > .offical-in .cnt .right > .item {
    transition: all 350ms ease-out;
    background-color: #C7B46E;
    height: 0.9rem;
    line-height: 0.76rem;
    margin-bottom: 0.16rem;
    color: #fff;
    padding-left: 0.3rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .offical > .offical-in .cnt .right > .item .cover {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.45rem;
    height: 1.45rem;
    background-image: url(../img/triangle.png);
    background-repeat: no-repeat;
    background-position: right top;
  }
  .offical > .offical-in .cnt .right > .item .cover > .n {
    position: absolute;
    right: 0.04rem;
    top: -0.14rem;
  }
}
@media (max-width: 750px) {
  .contact-recruit > .contact-recruit-h5-in {
    padding: 0.5rem 0.34rem;
    background-color: #fff;
  }
  .contact-recruit > .contact-recruit-h5-in > .contact-title-wrap {
    display: flex;
    justify-content: center;
    padding-bottom: 0.6rem;
  }
  .contact-recruit > .contact-recruit-h5-in > .contact-title-wrap > .title {
    text-align: center;
  }
  .contact-recruit > .contact-recruit-h5-in > .contact-title-wrap > .title > img {
    width: 1.43rem;
    height: 0.35rem;
  }
  .contact-recruit > .contact-recruit-h5-in > .contact-title-wrap > .title > p {
    color: #C3C3C3;
    font-size: 0.17rem;
    margin-top: 0.16rem;
  }
  .contact-recruit > .contact-recruit-h5-in > .item .title {
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
    padding-left: 0.34rem;
    background-color: #171717;
    color: #fff;
    font-size: 0.28rem;
  }
  .contact-recruit > .contact-recruit-h5-in > .item .info {
    padding: 0.34rem 0;
  }
  .contact-recruit > .contact-recruit-h5-in .card .title {
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
    padding-left: 0.34rem;
    background-color: #A2945F;
    color: #fff;
    font-size: 0.28rem;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info {
    padding-top: 0.52rem;
    padding-left: 0.28rem;
    padding-right: 0.28rem;
    padding-bottom: 0.46rem;
    display: flex;
    border-bottom: 0.02rem solid #E9E9E9;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info:last-child {
    border-bottom: none;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info .left {
    flex: 1;
    color: #171717;
    font-size: 0.28rem;
    font-weight: 600;
    margin-right: 0.32rem;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info .right {
    flex: 2;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info .right .qq {
    background-image: url('../img/qq@2x.png');
    background-repeat: no-repeat;
    background-size: 0.34rem 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.44rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.38rem;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info .right .qq img {
    margin-right: 0.1rem;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info .right .phone {
    background-image: url('../img/phone@2x.png');
    background-repeat: no-repeat;
    background-size: 0.37rem 0.37rem;
    height: 0.37rem;
    line-height: 0.37rem;
    padding-left: 0.47rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.38rem;
  }
  .contact-recruit > .contact-recruit-h5-in .card .info .right .phone img {
    margin-right: 0.1rem;
  }
  .contact-recruit > .contact-recruit-h5-in > .title-wrap {
    display: flex;
    justify-content: center;
    margin-top: 0.91rem;
  }
  .contact-recruit > .contact-recruit-h5-in > .title-wrap > .title {
    text-align: center;
  }
  .contact-recruit > .contact-recruit-h5-in > .title-wrap > .title > img {
    width: 1.5rem;
    height: 0.33rem;
  }
  .contact-recruit > .contact-recruit-h5-in > .title-wrap > .title > p {
    color: #C3C3C3;
    font-size: 0.17rem;
    margin-top: 0.16rem;
  }
  .contact-recruit > .contact-recruit-in {
    display: none;
  }
}
@media (min-width: 751px) {
  .contact-recruit {
    background-color: #fff;
  }
  .contact-recruit > .contact-recruit-h5-in {
    display: none;
  }
  .contact-recruit .contact-recruit-in {
    padding-top: 0.8rem;
    padding-bottom: 1.35rem;
  }
  .contact-recruit .contact-recruit-in > .title-wrap {
    display: flex;
    justify-content: center;
    padding-bottom: 0.63rem;
  }
  .contact-recruit .contact-recruit-in > .title-wrap > .title {
    text-align: center;
  }
  .contact-recruit .contact-recruit-in > .title-wrap > .title > img {
    width: 1.5rem;
    height: 0.33rem;
    margin-bottom: 0.16rem;
  }
  .contact-recruit .contact-recruit-in > .title-wrap > .title > p {
    color: #C3C3C3;
    font-size: 0.17rem;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list {
    width: 100%;
    border-collapse: collapse;
    border: 0.1rem solid #F5E5C3;
    background-color: #fff;
    background-color: #f5f5f5;
    border-collapse: separate;
    border-spacing: 0;
    border: 0.2rem #F5E5C3;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list tr:first-child td:first-child {
    border-top-left-radius: 0.1rem;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list tr:first-child td:last-child {
    border-top-right-radius: 0.1rem;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list tr:nth-child(3) td:first-child {
    border-bottom-left-radius: 0.1rem;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list tr:last-child td:last-child {
    border-bottom-right-radius: 0.1rem;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list td {
    border: 1px solid #F5E5C3;
    background-color: #fff;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list td:hover {
    background-color: #e8e1d1;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .title {
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .title td {
    padding: 0.22rem 0;
    text-align: center;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .title .business {
    width: 20%;
    background-color: #171717;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .title .chuanqi1 {
    width: 46.08333333%;
    background-color: #A2945F;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .title .chuanqi2 {
    width: 33.58333333%;
    background-color: #C7B46E;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row2 td:first-child {
    position: relative;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row2 .business-cat-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row2 .business-cat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row2 .business-cat .qq-icon {
    width: 0.49rem;
    height: 0.49rem;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row2 .business-cat .title {
    color: #152031;
    font-size: 0.18rem;
    font-weight: 700;
    margin: 0.11rem 0;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row2 .business-cat .qq {
    font-size: 0.18rem;
    color: #171717;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row3 td:first-child {
    position: relative;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row3 td:first-child .qr-code-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row3 td:first-child .qr-code-wrap .qr-title {
    font-size: 0.18rem;
    font-weight: 700;
    color: #fff;
    padding: 0.22rem 0;
    text-align: center;
    background-color: #171717;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row3 td:first-child .qr-code-wrap .qr-code {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .row3 td:first-child .qr-code-wrap .qr-code img {
    width: 1.77rem;
    height: 1.77rem;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .lx_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .lx_info .title {
    color: #152031;
    font-size: 0.2rem;
    font-weight: 700;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .lx_info .info {
    font-size: 0.19rem;
    color: #171717;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .lx_info .info .qq {
    background-image: url('../img/qq.png');
    background-repeat: no-repeat;
    background-size: 0.2rem 0.24rem;
    height: 0.24rem;
    line-height: 0.24rem;
    padding-left: 0.3rem;
    display: flex;
    align-items: center;
    margin: 0.18rem 0;
  }
  .contact-recruit .contact-recruit-in > .contact .table-wrap table.contact-list .lx_info .info .phone {
    background-image: url('../img/phone.png');
    background-repeat: no-repeat;
    background-size: 0.2rem 0.2rem;
    height: 0.2rem;
    line-height: 0.2rem;
    padding-left: 0.3rem;
    display: flex;
    align-items: center;
    margin: 0.18rem 0;
  }
}
@media (max-width: 750px) {
  #elevator {
    display: none;
  }
}
@media (min-width: 751px) {
  #elevator {
    position: fixed;
    z-index: 999;
    top: 466px;
    right: 60px;
  }
  #elevator .item {
    width: 68px;
    height: 68px;
    background: #ffac1e;
    box-shadow: 0 1px 3px 0 rgba(193, 143, 58, 0.5);
    border-radius: 8px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 17px;
    cursor: pointer;
    position: relative;
  }
  #elevator .phone img {
    width: 24px;
    margin: 6px 0 1px 0;
  }
  #elevator .wechat img {
    width: 29px;
    margin: 6px 0 1px 0;
  }
  #elevator .wechat .follow_box {
    display: none;
    position: absolute;
    bottom: 0;
    right: 76px;
    width: 130px;
    height: 144px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 8px 16px 16px 16px;
  }
  #elevator .wechat .follow_box img {
    width: 98px;
    margin: 6px 0 1px 0;
  }
  #elevator .wechat .follow_box span {
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    line-height: 18px;
  }
  #elevator .wechat .follow_box .jiaotou {
    width: 20px;
    position: absolute;
    right: -10px;
    bottom: 24px;
    transform: rotate(180deg);
  }
  #elevator .goTop img {
    width: 29px;
    margin: 6px 0 1px 0;
  }
}
.footer {
  background-color: #17263E;
}
@media (max-width: 750px) {
  .footer > .footer-h5-in {
    padding-top: 0.62rem;
    padding-left: 0.38rem;
    padding-right: 0.38rem;
  }
  .footer > .footer-h5-in .contact-info {
    border-bottom: 0.02rem dashed #707070;
  }
  .footer > .footer-h5-in .contact-info .fav .divider {
    display: none;
  }
  .footer > .footer-h5-in .contact-info .fav .item {
    padding: 0.28rem 0;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 0.02rem solid #2A2D30;
  }
  .footer > .footer-h5-in .contact-info .fav .item:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "+";
    font-size: 0.4rem;
    color: #A6A8A9;
  }
  .footer > .footer-h5-in .contact-info .fav .item a {
    color: #A6A8A9;
    font-size: 0.28rem;
    display: flex;
    align-items: center;
  }
  .footer > .footer-h5-in .contact-info .power {
    margin-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #A6A8A9;
    font-size: 0.24rem;
  }
  .footer > .footer-h5-in .contact-info .power > .item {
    margin: 0.1rem 0;
  }
  .footer > .footer-h5-in .contact-info .power > .item a {
    color: #A6A8A9;
    font-size: 0.24rem;
  }
  .footer > .footer-h5-in .contact-info .power > .divider {
    padding: 0 0.08rem;
    color: #fff;
  }
  .footer > .footer-h5-in .contact-info .power a {
    color: #A6A8A9;
    font-size: 0.24rem;
  }
  .footer > .footer-h5-in .contact-info .address {
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
    color: #A6A8A9;
    font-size: 0.24rem;
  }
  .footer > .footer-h5-in .contact-info .address p {
    line-height: 1.4;
  }
  .footer > .footer-h5-in .company {
    margin-top: 0.2rem;
    color: #A6A8A9;
    font-size: 0.24rem;
  }
  .footer > .footer-h5-in .descp {
    font-size: 0.24rem;
    color: #A6A8A9;
    line-height: 0.4rem;
    padding-bottom: 0.38rem;
  }
  .footer > .footer-h5-in .descp p {
    margin: 0.2rem 0;
  }
  .footer > .footer-h5-in .descp a {
    font-size: 0.24rem;
    color: #A6A8A9;
  }
  .footer > .footer-h5-in .icons {
    color: #A6A8A9;
    font-size: 0.24rem;
    text-align: center;
    padding-bottom: 1.2rem;
  }
  .footer > .footer-h5-in .icons a {
    line-height: 1.4;
    margin: 0.2rem;
  }
  .footer > .footer-in {
    display: none;
  }
}
@media (min-width: 751px) {
  .footer > .footer-h5-in {
    display: none;
  }
  .footer > .footer-in {
    margin: 0 auto;
    width: 15rem;
    padding-top: 0.78rem;
    padding-bottom: 1.01rem;
  }
  .footer > .footer-in .contact-info {
    padding-bottom: 0.26rem;
    border-bottom: 0.01rem solid #707070;
  }
  .footer > .footer-in .contact-info > .fav,
  .footer > .footer-in .contact-info .power {
    display: flex;
  }
  .footer > .footer-in .contact-info > .fav > .item a,
  .footer > .footer-in .contact-info .power > .item a {
    font-size: 0.18rem;
    color: #fff;
  }
  .footer > .footer-in .contact-info > .fav > .divider,
  .footer > .footer-in .contact-info .power > .divider {
    padding: 0 0.08rem;
    color: #fff;
  }
  .footer > .footer-in .contact-info .fav {
    margin-bottom: 0.1rem;
    align-items: center;
  }
  .footer > .footer-in .contact-info .fav .item a {
    display: flex;
    align-items: center;
  }
  .footer > .footer-in .contact-info .power {
    margin: 0.12rem 0;
  }
  .footer > .footer-in .contact-info .power > .item > a {
    color: #A6A8A9;
  }
  .footer > .footer-in .contact-info .address {
    font-size: 0.18rem;
    color: #A6A8A9;
  }
  .footer > .footer-in .company {
    font-size: 0.18rem;
    color: #A6A8A9;
    margin-top: 0.2rem;
  }
  .footer > .footer-in > .descp {
    padding-top: 0.18rem;
  }
  .footer > .footer-in > .descp > p {
    font-size: 0.18rem;
    color: #A6A8A9;
    margin-bottom: 0.14rem;
  }
  .footer > .footer-in > .descp a {
    font-size: 0.18rem;
    color: #A6A8A9;
  }
  .footer > .footer-in > .icons {
    display: flex;
    padding-top: 0.2rem;
  }
  .footer > .footer-in > .icons > a {
    margin-right: 0.1rem;
  }
  .footer > .footer-in > .icons > a img {
    width: 1.81rem;
    height: 0.53rem;
  }
}