.cookie_dia_box[data-v-7764fcbf] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cookie_dia_box .cookie_one[data-v-7764fcbf] {
  padding-top: 36px;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cookie_dia_box .cookie_two[data-v-7764fcbf] {
  padding-top: 6px;
  padding-left: 80px;
  padding-right: 80px;
  padding-bottom: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.top_sli_btn[data-v-7764fcbf] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: -webkit-gradient(linear, right top, left top, from(#A575FF), to(#38FCFF));
  background: linear-gradient(-90deg, #A575FF 0%, #38FCFF 100%);
  z-index: 3;
}
.top_left_btn[data-v-7764fcbf] {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#38FCFF), to(#A575FF));
  background: linear-gradient(180deg, #38FCFF 0%, #A575FF 100%);
  z-index: 3;
}
.label[data-v-7764fcbf] {
  width: 210px;
  margin-right: 18px;
}
.label[data-v-7764fcbf]:last-child {
  margin-right: 0px;
}
a[data-v-7764fcbf] {
  color: #21c9cc;
  font-size: initial;
  text-decoration: underline;
}
.close_pop[data-v-7764fcbf] {
  position: absolute;
  top: 20px;
  right: 80px;
  width: 24px;
  z-index: 9;
}
.back_box .back_icon[data-v-7764fcbf] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG/SURBVHgB7ZpNTsJAGIa/rx2QqDs0cWtikKVHYOnSG+gRvAFwBI/A0lOIO3fKjmUPYBNNXBCgjFMjSnCK/LTN/LxP0gWdsHifTBuY7yUCAAAAAPCUkEpG7Dfawd4xz8avEflGGr5ycC7V9UCGEFBJpOGZufP98YIMoRQBS+FTIjKEwgVowitmd+QDC8/8z1U9bHbIBxAe4RF+ft2SD+jDN2/IBxAe4REe4RHeBxAe4RHeufC8alF/mEFv6nohi5DM3enHsK9byxQgamctDkNjDi93IUz4dDQaRrq17CMxIcgF1A7uZoX/Wl/1ZaH+x7OU7cV70pJHgElGkoNe1tZfm1TC35dg45oc4d/JkJrg9NNJjtoqrd+7fBVW69FsEg/IctYajbksYe3ZoKsSNhqOuihh4+mwaxK2Go+7JGHrfkCWhIo4ek+m8RNZwk4FCZ0EyXQpKnVKJvEjWcDODRHtTmBu2SIhl4qMzRJy6wjZKiHXkpSNEnJvidkmoZCanE0SCusJ2iKh0KJklgSu1QdyHA/JAApviuoksOQT9ZO5Rz6xfLJEPrIg4ZkModSy9PxxCAJ5nxjyDgAAAAAA8JZPaPA4v4bKo/4AAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.back_box .back_icon[data-v-7764fcbf]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHjSURBVHgB7ZrBUQIxFIb/XS0ErcARETlJC3ZgB9oBSwfaAXZgB+LJYRhntAEnJXB3NOYxMoOYXdglCXnhfSeyC4f/Y5N5eVlAEARBEARBCMPxZFq0XqZ9RMIhAkLhNbJBdoBLMxwjAnIEYhF+PtA4QSQEEfAnPCg/FCLBu4DV8L/cIRK8rgG28GZcqG77AZGQwRMV4YeICC8CuIQnnAvgFJ5wKoBbeMLZImgNr3GrLtr3iBgnT4D9n8e16p5Fs9qXsbUAzuGJrQRwD080FpBCeKKRgFTCE7UFpBSeqCUgtfDExgJSDE9sJCDV8MRaASmHJyoFlDQzZuZXb2CE/tJD1euMbfdKBVDnNsuzJySA/v48Ur2est0L1hTdFfPdaEl4onIKtCavgwy6WLk8M7s8DlNAIc9H6vz0uepLaxdBm4S9WQQXpCxh40IoVQm1SuEUJdTeDKUmodF2OCUJjRsiqUhoXAhRq5uKjOVrxuaIymcwYuumqO1JMOPhR7dTgAFO2uKcJTg7GeIqwenRGEcJzg9HuUnwcjzOSYK3FyS4SPAmgOAgwasAoqRivDIV4yMiwHtLzFoxZrhBJATpCf6ToNFHJARrii5LMFMgmp5i0HeFSYJZE8wn/Q5BEARBEARht/wAxvUzkiTAFlEAAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.back_box:hover .back_icon[data-v-7764fcbf] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHjSURBVHgB7ZrBUQIxFIb/XS0ErcARETlJC3ZgB9oBSwfaAXZgB+LJYRhntAEnJXB3NOYxMoOYXdglCXnhfSeyC4f/Y5N5eVlAEARBEARBCMPxZFq0XqZ9RMIhAkLhNbJBdoBLMxwjAnIEYhF+PtA4QSQEEfAnPCg/FCLBu4DV8L/cIRK8rgG28GZcqG77AZGQwRMV4YeICC8CuIQnnAvgFJ5wKoBbeMLZImgNr3GrLtr3iBgnT4D9n8e16p5Fs9qXsbUAzuGJrQRwD080FpBCeKKRgFTCE7UFpBSeqCUgtfDExgJSDE9sJCDV8MRaASmHJyoFlDQzZuZXb2CE/tJD1euMbfdKBVDnNsuzJySA/v48Ur2est0L1hTdFfPdaEl4onIKtCavgwy6WLk8M7s8DlNAIc9H6vz0uepLaxdBm4S9WQQXpCxh40IoVQm1SuEUJdTeDKUmodF2OCUJjRsiqUhoXAhRq5uKjOVrxuaIymcwYuumqO1JMOPhR7dTgAFO2uKcJTg7GeIqwenRGEcJzg9HuUnwcjzOSYK3FyS4SPAmgOAgwasAoqRivDIV4yMiwHtLzFoxZrhBJATpCf6ToNFHJARrii5LMFMgmp5i0HeFSYJZE8wn/Q5BEARBEARht/wAxvUzkiTAFlEAAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.back_box[data-v-7764fcbf]:hover {
  color: #21C9CC;
}
.page_box--top[data-v-a61272c4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 47px 10px 100px;
  z-index: 19;
  background: #F7F7F7;
  height: 72px; /* 10px padding-top + 52px content + 10px padding-bottom */
}
.page_box--topCn[data-v-a61272c4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 100px 10px 100px;
  z-index: 19;
  background: #F7F7F7;
  height: 72px; /* 10px padding-top + 52px content + 10px padding-bottom */
}
.nav-logo[data-v-a61272c4] {
  height: 52px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.actived[data-v-a61272c4] {
  color: #21C9CC;
  font-family: "Roboto";
  font-weight: 500;
  position: relative;
}
.actived[data-v-a61272c4]::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 24px;
  height: 4px;
  background: #21C9CC;
  border-radius: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.lange_box-out[data-v-a61272c4] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.lange_box-out .app-lange[data-v-a61272c4] {
  color: #8F8F8F;
}
.lange_box-out .lang_list--hover[data-v-a61272c4] {
  position: absolute;
  top: 100%;
  right: 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: none;
}
.lange_box-out .lang_list--hover div[data-v-a61272c4] {
  padding: 5px 10px;
  border-radius: 2px;
}
.lange_box-out .lang_list--hover div[data-v-a61272c4]:hover {
  background: rgba(33, 201, 204, 0.1490196078);
}
.lange_box-out .lang_list--hover .hover[data-v-a61272c4] {
  background: rgba(33, 201, 204, 0.1490196078);
}
.lange_box-out:hover .lang_list--hover[data-v-a61272c4] {
  display: block;
}

.am-overlay[data-v-26308841]{
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.am-backdrop[data-v-26308841]{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
}
.am-dialog[data-v-26308841]{
  position: relative;
  width: 520px;
  max-width: calc(100% - 32px);
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 12px 40px rgba(0,0,0,0.12);
          box-shadow: 0 12px 40px rgba(0,0,0,0.12);
  overflow: hidden;
  z-index: 10;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: opacity .22s ease, -webkit-transform .22s ease;
  transition: opacity .22s ease, -webkit-transform .22s ease;
  transition: transform .22s ease, opacity .22s ease;
  transition: transform .22s ease, opacity .22s ease, -webkit-transform .22s ease;
}
.am-header[data-v-26308841]{ padding: 20px 24px;}
.am-title[data-v-26308841]{ margin: 0; font-size: 18px; color:#111;
}
.am-body[data-v-26308841]{ padding: 20px 24px; color:#333; font-size:14px; line-height:1.6; max-height:60vh; overflow:auto;
}
.am-foot[data-v-26308841]{ padding: 16px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; gap:12px; background:#fff;
}
.btn[data-v-26308841]{ min-width:86px; height:36px; border-radius:6px; cursor:pointer; border:0;
}
.btn-cancel[data-v-26308841]{ background:#f5f5f5; color:#333;
}
.btn-confirm[data-v-26308841]{ background:#21C9CC; color:#fff;
}


/* Custom gradient for the sidebar border */
.sidebar-gradient[data-v-7a157d91] {
    background: -webkit-gradient(linear, left top, left bottom, from(#38FCFF), to(#A575FF));
    background: linear-gradient(180deg, #38FCFF 0%, #A575FF 100%);
}

/* Hide scrollbar for cleaner look */
.no-scrollbar[data-v-7a157d91]::-webkit-scrollbar {
    display: none;
}
.no-scrollbar[data-v-7a157d91] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 简单的淡入淡出动画 */
.fade-enter-active[data-v-7a157d91], .fade-leave-active[data-v-7a157d91] {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter[data-v-7a157d91], .fade-leave-to[data-v-7a157d91] {
  opacity: 0;
}
.top_sli_btn[data-v-7a157d91]{
  position: absolute;
  top: 0;
  width: 100%;
  height: 6px;
    background: -webkit-gradient(linear, right top, left top, from(#A575FF), to(#38FCFF));
    background: linear-gradient(-90deg, #A575FF 0%, #38FCFF 100%);
  z-index: 3;
}
.tipstxt[data-v-7a157d91]{
  color: #4D4D4D
}
.auto-height-textarea[data-v-7a157d91]{
  overflow-y: hidden; /* 隐藏垂直滚动条 */
  resize: none;       /* 禁止用户手动调整大小 */
  min-height: calc(1.5em * 3); /* 可选：设置一个基于行高的最小高度，例如 3 行 */
}

.btn_footer-next[data-v-623ed4b0] {
  background: #0D0E0E;
  padding: 23px 100px;
  z-index: 99;
}
.btn_footer-next .line[data-v-623ed4b0] {
  width: 1px;
  height: 9px;
  background: #FFFFFF;
  margin: 0 12px;
}
.share[data-v-623ed4b0] {
  width: 40px;
  height: 40px;
  margin-left: 24px;
  cursor: pointer;
}
.contact_us[data-v-623ed4b0]:hover {
  color: #21c9cc;
}
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.out_mask[data-v-12875744] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cookie_dia_box[data-v-12875744] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cookie_dia_box .cookie_one[data-v-12875744] {
  padding-top: 26px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cookie_dia_box .cookie_two[data-v-12875744] {
  padding-top: 26px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.top_sli_btn[data-v-12875744] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: -webkit-gradient(linear, right top, left top, from(#A575FF), to(#38FCFF));
  background: linear-gradient(-90deg, #A575FF 0%, #38FCFF 100%);
  z-index: 3;
}
.top_left_btn[data-v-12875744] {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#38FCFF), to(#A575FF));
  background: linear-gradient(180deg, #38FCFF 0%, #A575FF 100%);
  z-index: 3;
}
.label[data-v-12875744] {
  color: #fff;
  font-size: 14px;
}
.labelt[data-v-12875744] {
  margin-top: 18px;
}
a[data-v-12875744] {
  color: #21c9cc;
  font-size: initial;
  text-decoration: underline;
}
.close_pop[data-v-12875744] {
  right: 24px;
  width: 24px;
  z-index: 9;
}
.back_box .back_icon[data-v-12875744] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG/SURBVHgB7ZpNTsJAGIa/rx2QqDs0cWtikKVHYOnSG+gRvAFwBI/A0lOIO3fKjmUPYBNNXBCgjFMjSnCK/LTN/LxP0gWdsHifTBuY7yUCAAAAAPCUkEpG7Dfawd4xz8avEflGGr5ycC7V9UCGEFBJpOGZufP98YIMoRQBS+FTIjKEwgVowitmd+QDC8/8z1U9bHbIBxAe4RF+ft2SD+jDN2/IBxAe4REe4RHeBxAe4RHeufC8alF/mEFv6nohi5DM3enHsK9byxQgamctDkNjDi93IUz4dDQaRrq17CMxIcgF1A7uZoX/Wl/1ZaH+x7OU7cV70pJHgElGkoNe1tZfm1TC35dg45oc4d/JkJrg9NNJjtoqrd+7fBVW69FsEg/IctYajbksYe3ZoKsSNhqOuihh4+mwaxK2Go+7JGHrfkCWhIo4ek+m8RNZwk4FCZ0EyXQpKnVKJvEjWcDODRHtTmBu2SIhl4qMzRJy6wjZKiHXkpSNEnJvidkmoZCanE0SCusJ2iKh0KJklgSu1QdyHA/JAApviuoksOQT9ZO5Rz6xfLJEPrIg4ZkModSy9PxxCAJ5nxjyDgAAAAAA8JZPaPA4v4bKo/4AAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.back_box .back_icon[data-v-12875744]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHjSURBVHgB7ZrBUQIxFIb/XS0ErcARETlJC3ZgB9oBSwfaAXZgB+LJYRhntAEnJXB3NOYxMoOYXdglCXnhfSeyC4f/Y5N5eVlAEARBEARBCMPxZFq0XqZ9RMIhAkLhNbJBdoBLMxwjAnIEYhF+PtA4QSQEEfAnPCg/FCLBu4DV8L/cIRK8rgG28GZcqG77AZGQwRMV4YeICC8CuIQnnAvgFJ5wKoBbeMLZImgNr3GrLtr3iBgnT4D9n8e16p5Fs9qXsbUAzuGJrQRwD080FpBCeKKRgFTCE7UFpBSeqCUgtfDExgJSDE9sJCDV8MRaASmHJyoFlDQzZuZXb2CE/tJD1euMbfdKBVDnNsuzJySA/v48Ur2est0L1hTdFfPdaEl4onIKtCavgwy6WLk8M7s8DlNAIc9H6vz0uepLaxdBm4S9WQQXpCxh40IoVQm1SuEUJdTeDKUmodF2OCUJjRsiqUhoXAhRq5uKjOVrxuaIymcwYuumqO1JMOPhR7dTgAFO2uKcJTg7GeIqwenRGEcJzg9HuUnwcjzOSYK3FyS4SPAmgOAgwasAoqRivDIV4yMiwHtLzFoxZrhBJATpCf6ToNFHJARrii5LMFMgmp5i0HeFSYJZE8wn/Q5BEARBEARht/wAxvUzkiTAFlEAAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.back_box:hover .back_icon[data-v-12875744] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHjSURBVHgB7ZrBUQIxFIb/XS0ErcARETlJC3ZgB9oBSwfaAXZgB+LJYRhntAEnJXB3NOYxMoOYXdglCXnhfSeyC4f/Y5N5eVlAEARBEARBCMPxZFq0XqZ9RMIhAkLhNbJBdoBLMxwjAnIEYhF+PtA4QSQEEfAnPCg/FCLBu4DV8L/cIRK8rgG28GZcqG77AZGQwRMV4YeICC8CuIQnnAvgFJ5wKoBbeMLZImgNr3GrLtr3iBgnT4D9n8e16p5Fs9qXsbUAzuGJrQRwD080FpBCeKKRgFTCE7UFpBSeqCUgtfDExgJSDE9sJCDV8MRaASmHJyoFlDQzZuZXb2CE/tJD1euMbfdKBVDnNsuzJySA/v48Ur2est0L1hTdFfPdaEl4onIKtCavgwy6WLk8M7s8DlNAIc9H6vz0uepLaxdBm4S9WQQXpCxh40IoVQm1SuEUJdTeDKUmodF2OCUJjRsiqUhoXAhRq5uKjOVrxuaIymcwYuumqO1JMOPhR7dTgAFO2uKcJTg7GeIqwenRGEcJzg9HuUnwcjzOSYK3FyS4SPAmgOAgwasAoqRivDIV4yMiwHtLzFoxZrhBJATpCf6ToNFHJARrii5LMFMgmp5i0HeFSYJZE8wn/Q5BEARBEARht/wAxvUzkiTAFlEAAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.back_box[data-v-12875744]:hover {
  color: #21C9CC;
}
.font-14[data-v-12875744] {
  font-size: 14px;
}
.pt-0[data-v-12875744] {
  padding-top: 2px;
}

.line[data-v-774b6e0c]{
  width: 1px;
  height: 9px;
  background: #FFFFFF;
  margin: 0px 8px 0;
  /* margin: 0px 0px 0; */
}
.ccbox[data-v-774b6e0c]{
  padding-top: 28px;
}


.am-overlay[data-v-499b8423]{
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.am-backdrop[data-v-499b8423]{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
}
.am-dialog[data-v-499b8423]{
  position: relative;
  width: 520px;
  max-width: calc(100% - 32px);
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 12px 40px rgba(0,0,0,0.12);
          box-shadow: 0 12px 40px rgba(0,0,0,0.12);
  overflow: hidden;
  z-index: 10;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: opacity .22s ease, -webkit-transform .22s ease;
  transition: opacity .22s ease, -webkit-transform .22s ease;
  transition: transform .22s ease, opacity .22s ease;
  transition: transform .22s ease, opacity .22s ease, -webkit-transform .22s ease;
}
.am-header[data-v-499b8423]{ padding: 20px 24px;
}
.am-title[data-v-499b8423]{ margin: 0; font-size: 18px; color:#111;
}
.am-body[data-v-499b8423]{ padding: 20px 24px; color:#333; font-size:14px; line-height:1.6; max-height:60vh; overflow:auto;
}
.am-foot[data-v-499b8423]{ padding: 16px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; gap:12px; background:#fff
}
.btn[data-v-499b8423]{ min-width:86px; height:36px; border-radius:6px; cursor:pointer; border:0;
}
.btn-cancel[data-v-499b8423]{ background:#f5f5f5; color:#333;
}
.btn-confirm[data-v-499b8423]{ background:#21C9CC; color:#fff;
}


/* 可选：如果你没有引入 Tailwind 默认重置，可能需要清除 img 的默认间距 */
img[data-v-715cc902] {
  max-width: 100%;
}
.auto-height-textarea[data-v-715cc902]{
  overflow-y: hidden; /* 隐藏垂直滚动条 */
  resize: none;       /* 禁止用户手动调整大小 */
  min-height: calc(1.5em * 3); /* 可选：设置一个基于行高的最小高度，例如 3 行 */
}

@charset "UTF-8";
ol, ul {
  list-style: disc !important;
  margin-left: 40px !important;
}

@-webkit-keyframes soft-bob {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes soft-bob {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 760px) {
  @font-face {
    font-family: "Roboto";
    src: url(../fonts/Roboto-VariableFont_wdth,wght.3aa911d4.ttf) format("truetype");
    font-weight: 100 900;
    font-display: swap;
  }
  * {
    font-family: "Roboto", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Noto Sans SC", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.028em;
    line-height: 1.4;
  }
  .main_bg {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0.3;
  }
  .main_bgb {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0.3;
  }
  .p-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .d-none {
    display: none !important;
  }
  .no-shrink {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .flex-2 {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .d-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .a-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .a-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .a-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .j-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .j-sb {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .j-sa {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .j-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .p-rel {
    position: relative;
  }
  .p-abs {
    position: absolute;
  }
  .ls--1 {
    letter-spacing: -0.5px;
  }
  .ls--5 {
    letter-spacing: 0.5px;
  }
  .ls-0 {
    letter-spacing: 0px;
  }
  .ls-1 {
    letter-spacing: 1px;
  }
  .ls-2 {
    letter-spacing: 2px;
  }
  .ls-3 {
    letter-spacing: 3px;
  }
  .ls-4 {
    letter-spacing: 4px;
  }
  .ls-4 {
    letter-spacing: 5px;
  }
  .ls-6 {
    letter-spacing: 6px;
  }
  .ls-7 {
    letter-spacing: 7px;
  }
  .ls-8 {
    letter-spacing: 8px;
  }
  .line-h1 {
    line-height: 1px;
  }
  .w-2 {
    width: 2% !important;
  }
  .wpx-2 {
    width: 2px;
  }
  .hpx-2 {
    height: 2px;
  }
  .z-index-2 {
    z-index: 2;
  }
  .vw-2 {
    width: 2vw;
  }
  .vh-2 {
    height: 2vh;
  }
  .line-h2 {
    line-height: 2px;
  }
  .w-3 {
    width: 3% !important;
  }
  .wpx-3 {
    width: 3px;
  }
  .hpx-3 {
    height: 3px;
  }
  .z-index-3 {
    z-index: 3;
  }
  .vw-3 {
    width: 3vw;
  }
  .vh-3 {
    height: 3vh;
  }
  .line-h3 {
    line-height: 3px;
  }
  .w-4 {
    width: 4% !important;
  }
  .wpx-4 {
    width: 4px;
  }
  .hpx-4 {
    height: 4px;
  }
  .z-index-4 {
    z-index: 4;
  }
  .vw-4 {
    width: 4vw;
  }
  .vh-4 {
    height: 4vh;
  }
  .line-h4 {
    line-height: 4px;
  }
  .w-5 {
    width: 5% !important;
  }
  .wpx-5 {
    width: 5px;
  }
  .hpx-5 {
    height: 5px;
  }
  .z-index-5 {
    z-index: 5;
  }
  .vw-5 {
    width: 5vw;
  }
  .vh-5 {
    height: 5vh;
  }
  .line-h5 {
    line-height: 5px;
  }
  .w-6 {
    /* width: 6% !important; */
  }
  .wpx-6 {
    width: 6px;
  }
  .hpx-6 {
    height: 6px;
  }
  .z-index-6 {
    z-index: 6;
  }
  .vw-6 {
    width: 6vw;
  }
  .vh-6 {
    height: 6vh;
  }
  .line-h6 {
    line-height: 6px;
  }
  .w-7 {
    width: 7% !important;
  }
  .wpx-7 {
    width: 7px;
  }
  .hpx-7 {
    height: 7px;
  }
  .z-index-7 {
    z-index: 7;
  }
  .vw-7 {
    width: 7vw;
  }
  .vh-7 {
    height: 7vh;
  }
  .line-h7 {
    line-height: 7px;
  }
  .w-8 {
    width: 8% !important;
  }
  .wpx-8 {
    width: 8px;
  }
  .hpx-8 {
    height: 8px;
  }
  .z-index-8 {
    z-index: 8;
  }
  .vw-8 {
    width: 8vw;
  }
  .vh-8 {
    height: 8vh;
  }
  .line-h8 {
    line-height: 8px;
  }
  .w-9 {
    width: 9% !important;
  }
  .wpx-9 {
    width: 9px;
  }
  .hpx-9 {
    height: 9px;
  }
  .z-index-9 {
    z-index: 9;
  }
  .vw-9 {
    width: 9vw;
  }
  .vh-9 {
    height: 9vh;
  }
  .line-h9 {
    line-height: 9px;
  }
  .w-10 {
    width: 10% !important;
  }
  .wpx-10 {
    width: 10px;
  }
  .hpx-10 {
    height: 10px;
  }
  .z-index-10 {
    z-index: 10;
  }
  .vw-10 {
    width: 10vw;
  }
  .vh-10 {
    height: 10vh;
  }
  .line-h10 {
    line-height: 10px;
  }
  .w-11 {
    width: 11% !important;
  }
  .wpx-11 {
    width: 11px;
  }
  .hpx-11 {
    height: 11px;
  }
  .z-index-11 {
    z-index: 11;
  }
  .vw-11 {
    width: 11vw;
  }
  .vh-11 {
    height: 11vh;
  }
  .line-h11 {
    line-height: 11px;
  }
  .w-12 {
    width: 12% !important;
  }
  .wpx-12 {
    width: 12px;
  }
  .hpx-12 {
    height: 12px;
  }
  .z-index-12 {
    z-index: 12;
  }
  .vw-12 {
    width: 12vw;
  }
  .vh-12 {
    height: 12vh;
  }
  .line-h12 {
    line-height: 12px;
  }
  .w-13 {
    width: 13% !important;
  }
  .wpx-13 {
    width: 13px;
  }
  .hpx-13 {
    height: 13px;
  }
  .z-index-13 {
    z-index: 13;
  }
  .vw-13 {
    width: 13vw;
  }
  .vh-13 {
    height: 13vh;
  }
  .line-h13 {
    line-height: 13px;
  }
  .w-14 {
    width: 14% !important;
  }
  .wpx-14 {
    width: 14px;
  }
  .hpx-14 {
    height: 14px;
  }
  .z-index-14 {
    z-index: 14;
  }
  .vw-14 {
    width: 14vw;
  }
  .vh-14 {
    height: 14vh;
  }
  .line-h14 {
    line-height: 14px;
  }
  .w-15 {
    width: 15% !important;
  }
  .wpx-15 {
    width: 15px;
  }
  .hpx-15 {
    height: 15px;
  }
  .z-index-15 {
    z-index: 15;
  }
  .vw-15 {
    width: 15vw;
  }
  .vh-15 {
    height: 15vh;
  }
  .line-h15 {
    line-height: 15px;
  }
  .w-16 {
    width: 16% !important;
  }
  .wpx-16 {
    width: 16px;
  }
  .hpx-16 {
    height: 16px;
  }
  .z-index-16 {
    z-index: 16;
  }
  .vw-16 {
    width: 16vw;
  }
  .vh-16 {
    height: 16vh;
  }
  .line-h16 {
    line-height: 16px;
  }
  .w-17 {
    width: 17% !important;
  }
  .wpx-17 {
    width: 17px;
  }
  .hpx-17 {
    height: 17px;
  }
  .z-index-17 {
    z-index: 17;
  }
  .vw-17 {
    width: 17vw;
  }
  .vh-17 {
    height: 17vh;
  }
  .line-h17 {
    line-height: 17px;
  }
  .w-18 {
    width: 18% !important;
  }
  .wpx-18 {
    width: 18px;
  }
  .hpx-18 {
    height: 18px;
  }
  .z-index-18 {
    z-index: 18;
  }
  .vw-18 {
    width: 18vw;
  }
  .vh-18 {
    height: 18vh;
  }
  .line-h18 {
    line-height: 18px;
  }
  .w-19 {
    width: 19% !important;
  }
  .wpx-19 {
    width: 19px;
  }
  .hpx-19 {
    height: 19px;
  }
  .z-index-19 {
    z-index: 19;
  }
  .vw-19 {
    width: 19vw;
  }
  .vh-19 {
    height: 19vh;
  }
  .line-h19 {
    line-height: 19px;
  }
  .w-20 {
    width: 20% !important;
  }
  .wpx-20 {
    width: 20px;
  }
  .hpx-20 {
    height: 20px;
  }
  .z-index-20 {
    z-index: 20;
  }
  .vw-20 {
    width: 20vw;
  }
  .vh-20 {
    height: 20vh;
  }
  .line-h20 {
    line-height: 20px;
  }
  .w-21 {
    width: 21% !important;
  }
  .wpx-21 {
    width: 21px;
  }
  .hpx-21 {
    height: 21px;
  }
  .z-index-21 {
    z-index: 21;
  }
  .vw-21 {
    width: 21vw;
  }
  .vh-21 {
    height: 21vh;
  }
  .line-h21 {
    line-height: 21px;
  }
  .w-22 {
    width: 22% !important;
  }
  .wpx-22 {
    width: 22px;
  }
  .hpx-22 {
    height: 22px;
  }
  .z-index-22 {
    z-index: 22;
  }
  .vw-22 {
    width: 22vw;
  }
  .vh-22 {
    height: 22vh;
  }
  .line-h22 {
    line-height: 22px;
  }
  .w-23 {
    width: 23% !important;
  }
  .wpx-23 {
    width: 23px;
  }
  .hpx-23 {
    height: 23px;
  }
  .z-index-23 {
    z-index: 23;
  }
  .vw-23 {
    width: 23vw;
  }
  .vh-23 {
    height: 23vh;
  }
  .line-h23 {
    line-height: 23px;
  }
  .w-24 {
    width: 24% !important;
  }
  .wpx-24 {
    width: 24px;
  }
  .hpx-24 {
    height: 24px;
  }
  .z-index-24 {
    z-index: 24;
  }
  .vw-24 {
    width: 24vw;
  }
  .vh-24 {
    height: 24vh;
  }
  .line-h24 {
    line-height: 24px;
  }
  .w-25 {
    width: 25% !important;
  }
  .wpx-25 {
    width: 25px;
  }
  .hpx-25 {
    height: 25px;
  }
  .z-index-25 {
    z-index: 25;
  }
  .vw-25 {
    width: 25vw;
  }
  .vh-25 {
    height: 25vh;
  }
  .line-h25 {
    line-height: 25px;
  }
  .w-26 {
    width: 26% !important;
  }
  .wpx-26 {
    width: 26px;
  }
  .hpx-26 {
    height: 26px;
  }
  .z-index-26 {
    z-index: 26;
  }
  .vw-26 {
    width: 26vw;
  }
  .vh-26 {
    height: 26vh;
  }
  .line-h26 {
    line-height: 26px !important;
  }
  .w-27 {
    width: 27% !important;
  }
  .wpx-27 {
    width: 27px;
  }
  .hpx-27 {
    height: 27px;
  }
  .z-index-27 {
    z-index: 27;
  }
  .vw-27 {
    width: 27vw;
  }
  .vh-27 {
    height: 27vh;
  }
  .line-h27 {
    line-height: 27px;
  }
  .w-28 {
    width: 28% !important;
  }
  .wpx-28 {
    width: 28px;
  }
  .hpx-28 {
    height: 28px;
  }
  .z-index-28 {
    z-index: 28;
  }
  .vw-28 {
    width: 28vw;
  }
  .vh-28 {
    height: 28vh;
  }
  .line-h28 {
    line-height: 28px;
  }
  .w-29 {
    width: 29% !important;
  }
  .wpx-29 {
    width: 29px;
  }
  .hpx-29 {
    height: 29px;
  }
  .z-index-29 {
    z-index: 29;
  }
  .vw-29 {
    width: 29vw;
  }
  .vh-29 {
    height: 29vh;
  }
  .line-h29 {
    line-height: 29px;
  }
  .w-30 {
    width: 30% !important;
  }
  .wpx-30 {
    width: 30px;
  }
  .hpx-30 {
    height: 30px;
  }
  .z-index-30 {
    z-index: 30;
  }
  .vw-30 {
    width: 30vw;
  }
  .vh-30 {
    height: 30vh;
  }
  .line-h30 {
    line-height: 30px !important;
  }
  .w-31 {
    width: 31% !important;
  }
  .wpx-31 {
    width: 31px;
  }
  .hpx-31 {
    height: 31px;
  }
  .z-index-31 {
    z-index: 31;
  }
  .vw-31 {
    width: 31vw;
  }
  .vh-31 {
    height: 31vh;
  }
  .line-h31 {
    line-height: 31px;
  }
  .w-32 {
    width: 32% !important;
  }
  .wpx-32 {
    width: 32px;
  }
  .hpx-32 {
    height: 32px;
  }
  .z-index-32 {
    z-index: 32;
  }
  .vw-32 {
    width: 32vw;
  }
  .vh-32 {
    height: 32vh;
  }
  .line-h32 {
    line-height: 32px !important;
  }
  .w-33 {
    width: 33% !important;
  }
  .wpx-33 {
    width: 33px;
  }
  .hpx-33 {
    height: 33px;
  }
  .z-index-33 {
    z-index: 33;
  }
  .vw-33 {
    width: 33vw;
  }
  .vh-33 {
    height: 33vh;
  }
  .line-h33 {
    line-height: 33px;
  }
  .w-34 {
    width: 34% !important;
  }
  .wpx-34 {
    width: 34px;
  }
  .hpx-34 {
    height: 34px;
  }
  .z-index-34 {
    z-index: 34;
  }
  .vw-34 {
    width: 34vw;
  }
  .vh-34 {
    height: 34vh;
  }
  .line-h34 {
    line-height: 34px !important;
  }
  .w-35 {
    width: 35% !important;
  }
  .wpx-35 {
    width: 35px;
  }
  .hpx-35 {
    height: 35px;
  }
  .z-index-35 {
    z-index: 35;
  }
  .vw-35 {
    width: 35vw;
  }
  .vh-35 {
    height: 35vh;
  }
  .line-h35 {
    line-height: 35px;
  }
  .w-36 {
    width: 36% !important;
  }
  .wpx-36 {
    width: 36px;
  }
  .hpx-36 {
    height: 36px;
  }
  .z-index-36 {
    z-index: 36;
  }
  .vw-36 {
    width: 36vw;
  }
  .vh-36 {
    height: 36vh;
  }
  .line-h36 {
    line-height: 36px;
  }
  .w-37 {
    width: 37% !important;
  }
  .wpx-37 {
    width: 37px;
  }
  .hpx-37 {
    height: 37px;
  }
  .z-index-37 {
    z-index: 37;
  }
  .vw-37 {
    width: 37vw;
  }
  .vh-37 {
    height: 37vh;
  }
  .line-h37 {
    line-height: 37px;
  }
  .w-38 {
    width: 38% !important;
  }
  .wpx-38 {
    width: 38px;
  }
  .hpx-38 {
    height: 38px;
  }
  .z-index-38 {
    z-index: 38;
  }
  .vw-38 {
    width: 38vw;
  }
  .vh-38 {
    height: 38vh;
  }
  .line-h38 {
    line-height: 38px;
  }
  .w-39 {
    width: 39% !important;
  }
  .wpx-39 {
    width: 39px;
  }
  .hpx-39 {
    height: 39px;
  }
  .z-index-39 {
    z-index: 39;
  }
  .vw-39 {
    width: 39vw;
  }
  .vh-39 {
    height: 39vh;
  }
  .line-h39 {
    line-height: 39px;
  }
  .w-40 {
    width: 40% !important;
  }
  .wpx-40 {
    width: 40px;
  }
  .hpx-40 {
    height: 40px;
  }
  .z-index-40 {
    z-index: 40;
  }
  .vw-40 {
    width: 40vw;
  }
  .vh-40 {
    height: 40vh;
  }
  .line-h40 {
    line-height: 40px;
  }
  .w-41 {
    width: 41% !important;
  }
  .wpx-41 {
    width: 41px;
  }
  .hpx-41 {
    height: 41px;
  }
  .z-index-41 {
    z-index: 41;
  }
  .vw-41 {
    width: 41vw;
  }
  .vh-41 {
    height: 41vh;
  }
  .line-h41 {
    line-height: 41px;
  }
  .w-42 {
    width: 42% !important;
  }
  .wpx-42 {
    width: 42px;
  }
  .hpx-42 {
    height: 42px;
  }
  .z-index-42 {
    z-index: 42;
  }
  .vw-42 {
    width: 42vw;
  }
  .vh-42 {
    height: 42vh;
  }
  .line-h42 {
    line-height: 42px;
  }
  .w-43 {
    width: 43% !important;
  }
  .wpx-43 {
    width: 43px;
  }
  .hpx-43 {
    height: 43px;
  }
  .z-index-43 {
    z-index: 43;
  }
  .vw-43 {
    width: 43vw;
  }
  .vh-43 {
    height: 43vh;
  }
  .line-h43 {
    line-height: 43px;
  }
  .w-44 {
    width: 44% !important;
  }
  .wpx-44 {
    width: 44px;
  }
  .hpx-44 {
    height: 44px;
  }
  .z-index-44 {
    z-index: 44;
  }
  .vw-44 {
    width: 44vw;
  }
  .vh-44 {
    height: 44vh;
  }
  .line-h44 {
    line-height: 44px;
  }
  .w-45 {
    width: 45% !important;
  }
  .wpx-45 {
    width: 45px;
  }
  .hpx-45 {
    height: 45px;
  }
  .z-index-45 {
    z-index: 45;
  }
  .vw-45 {
    width: 45vw;
  }
  .vh-45 {
    height: 45vh;
  }
  .line-h45 {
    line-height: 45px;
  }
  .w-46 {
    width: 46% !important;
  }
  .wpx-46 {
    width: 46px;
  }
  .hpx-46 {
    height: 46px;
  }
  .z-index-46 {
    z-index: 46;
  }
  .vw-46 {
    width: 46vw;
  }
  .vh-46 {
    height: 46vh;
  }
  .line-h46 {
    line-height: 46px;
  }
  .w-47 {
    width: 47% !important;
  }
  .wpx-47 {
    width: 47px;
  }
  .hpx-47 {
    height: 47px;
  }
  .z-index-47 {
    z-index: 47;
  }
  .vw-47 {
    width: 47vw;
  }
  .vh-47 {
    height: 47vh;
  }
  .line-h47 {
    line-height: 47px;
  }
  .w-48 {
    width: 48% !important;
  }
  .wpx-48 {
    width: 48px;
  }
  .hpx-48 {
    height: 48px;
  }
  .z-index-48 {
    z-index: 48;
  }
  .vw-48 {
    width: 48vw;
  }
  .vh-48 {
    height: 48vh;
  }
  .line-h48 {
    line-height: 48px;
  }
  .w-49 {
    width: 49% !important;
  }
  .wpx-49 {
    width: 49px;
  }
  .hpx-49 {
    height: 49px;
  }
  .z-index-49 {
    z-index: 49;
  }
  .vw-49 {
    width: 49vw;
  }
  .vh-49 {
    height: 49vh;
  }
  .line-h49 {
    line-height: 49px;
  }
  .w-50 {
    width: 50% !important;
  }
  .wpx-50 {
    width: 50px;
  }
  .hpx-50 {
    height: 50px;
  }
  .z-index-50 {
    z-index: 50;
  }
  .vw-50 {
    width: 50vw;
  }
  .vh-50 {
    height: 50vh;
  }
  .line-h50 {
    line-height: 50px;
  }
  .w-51 {
    width: 51% !important;
  }
  .wpx-51 {
    width: 51px;
  }
  .hpx-51 {
    height: 51px;
  }
  .z-index-51 {
    z-index: 51;
  }
  .vw-51 {
    width: 51vw;
  }
  .vh-51 {
    height: 51vh;
  }
  .line-h51 {
    line-height: 51px;
  }
  .w-52 {
    width: 52% !important;
  }
  .wpx-52 {
    width: 52px;
  }
  .hpx-52 {
    height: 52px;
  }
  .z-index-52 {
    z-index: 52;
  }
  .vw-52 {
    width: 52vw;
  }
  .vh-52 {
    height: 52vh;
  }
  .line-h52 {
    line-height: 52px;
  }
  .w-53 {
    width: 53% !important;
  }
  .wpx-53 {
    width: 53px;
  }
  .hpx-53 {
    height: 53px;
  }
  .z-index-53 {
    z-index: 53;
  }
  .vw-53 {
    width: 53vw;
  }
  .vh-53 {
    height: 53vh;
  }
  .line-h53 {
    line-height: 53px;
  }
  .w-54 {
    width: 54% !important;
  }
  .wpx-54 {
    width: 54px;
  }
  .hpx-54 {
    height: 54px;
  }
  .z-index-54 {
    z-index: 54;
  }
  .vw-54 {
    width: 54vw;
  }
  .vh-54 {
    height: 54vh;
  }
  .line-h54 {
    line-height: 54px;
  }
  .w-55 {
    width: 55% !important;
  }
  .wpx-55 {
    width: 55px;
  }
  .hpx-55 {
    height: 55px;
  }
  .z-index-55 {
    z-index: 55;
  }
  .vw-55 {
    width: 55vw;
  }
  .vh-55 {
    height: 55vh;
  }
  .line-h55 {
    line-height: 55px;
  }
  .w-56 {
    width: 56% !important;
  }
  .wpx-56 {
    width: 56px;
  }
  .hpx-56 {
    height: 56px;
  }
  .z-index-56 {
    z-index: 56;
  }
  .vw-56 {
    width: 56vw;
  }
  .vh-56 {
    height: 56vh;
  }
  .line-h56 {
    line-height: 56px;
  }
  .w-57 {
    width: 57% !important;
  }
  .wpx-57 {
    width: 57px;
  }
  .hpx-57 {
    height: 57px;
  }
  .z-index-57 {
    z-index: 57;
  }
  .vw-57 {
    width: 57vw;
  }
  .vh-57 {
    height: 57vh;
  }
  .line-h57 {
    line-height: 57px;
  }
  .w-58 {
    width: 58% !important;
  }
  .wpx-58 {
    width: 58px;
  }
  .hpx-58 {
    height: 58px;
  }
  .z-index-58 {
    z-index: 58;
  }
  .vw-58 {
    width: 58vw;
  }
  .vh-58 {
    height: 58vh;
  }
  .line-h58 {
    line-height: 58px;
  }
  .w-59 {
    width: 59% !important;
  }
  .wpx-59 {
    width: 59px;
  }
  .hpx-59 {
    height: 59px;
  }
  .z-index-59 {
    z-index: 59;
  }
  .vw-59 {
    width: 59vw;
  }
  .vh-59 {
    height: 59vh;
  }
  .line-h59 {
    line-height: 59px;
  }
  .w-60 {
    width: 60% !important;
  }
  .wpx-60 {
    width: 60px;
  }
  .hpx-60 {
    height: 60px;
  }
  .z-index-60 {
    z-index: 60;
  }
  .vw-60 {
    width: 60vw;
  }
  .vh-60 {
    height: 60vh;
  }
  .line-h60 {
    line-height: 60px;
  }
  .w-61 {
    width: 61% !important;
  }
  .wpx-61 {
    width: 61px;
  }
  .hpx-61 {
    height: 61px;
  }
  .z-index-61 {
    z-index: 61;
  }
  .vw-61 {
    width: 61vw;
  }
  .vh-61 {
    height: 61vh;
  }
  .line-h61 {
    line-height: 61px;
  }
  .w-62 {
    width: 62% !important;
  }
  .wpx-62 {
    width: 62px;
  }
  .hpx-62 {
    height: 62px;
  }
  .z-index-62 {
    z-index: 62;
  }
  .vw-62 {
    width: 62vw;
  }
  .vh-62 {
    height: 62vh;
  }
  .line-h62 {
    line-height: 62px;
  }
  .w-63 {
    width: 63% !important;
  }
  .wpx-63 {
    width: 63px;
  }
  .hpx-63 {
    height: 63px;
  }
  .z-index-63 {
    z-index: 63;
  }
  .vw-63 {
    width: 63vw;
  }
  .vh-63 {
    height: 63vh;
  }
  .line-h63 {
    line-height: 63px;
  }
  .w-64 {
    width: 64% !important;
  }
  .wpx-64 {
    width: 64px;
  }
  .hpx-64 {
    height: 64px;
  }
  .z-index-64 {
    z-index: 64;
  }
  .vw-64 {
    width: 64vw;
  }
  .vh-64 {
    height: 64vh;
  }
  .line-h64 {
    line-height: 64px;
  }
  .w-65 {
    width: 65% !important;
  }
  .wpx-65 {
    width: 65px;
  }
  .hpx-65 {
    height: 65px;
  }
  .z-index-65 {
    z-index: 65;
  }
  .vw-65 {
    width: 65vw;
  }
  .vh-65 {
    height: 65vh;
  }
  .line-h65 {
    line-height: 65px;
  }
  .w-66 {
    width: 66% !important;
  }
  .wpx-66 {
    width: 66px;
  }
  .hpx-66 {
    height: 66px;
  }
  .z-index-66 {
    z-index: 66;
  }
  .vw-66 {
    width: 66vw;
  }
  .vh-66 {
    height: 66vh;
  }
  .line-h66 {
    line-height: 66px;
  }
  .w-67 {
    width: 67% !important;
  }
  .wpx-67 {
    width: 67px;
  }
  .hpx-67 {
    height: 67px;
  }
  .z-index-67 {
    z-index: 67;
  }
  .vw-67 {
    width: 67vw;
  }
  .vh-67 {
    height: 67vh;
  }
  .line-h67 {
    line-height: 67px;
  }
  .w-68 {
    width: 68% !important;
  }
  .wpx-68 {
    width: 68px;
  }
  .hpx-68 {
    height: 68px;
  }
  .z-index-68 {
    z-index: 68;
  }
  .vw-68 {
    width: 68vw;
  }
  .vh-68 {
    height: 68vh;
  }
  .line-h68 {
    line-height: 68px;
  }
  .w-69 {
    width: 69% !important;
  }
  .wpx-69 {
    width: 69px;
  }
  .hpx-69 {
    height: 69px;
  }
  .z-index-69 {
    z-index: 69;
  }
  .vw-69 {
    width: 69vw;
  }
  .vh-69 {
    height: 69vh;
  }
  .line-h69 {
    line-height: 69px;
  }
  .w-70 {
    width: 70% !important;
  }
  .wpx-70 {
    width: 70px;
  }
  .hpx-70 {
    height: 70px;
  }
  .z-index-70 {
    z-index: 70;
  }
  .vw-70 {
    width: 70vw;
  }
  .vh-70 {
    height: 70vh;
  }
  .line-h70 {
    line-height: 70px;
  }
  .w-71 {
    width: 71% !important;
  }
  .wpx-71 {
    width: 71px;
  }
  .hpx-71 {
    height: 71px;
  }
  .z-index-71 {
    z-index: 71;
  }
  .vw-71 {
    width: 71vw;
  }
  .vh-71 {
    height: 71vh;
  }
  .line-h71 {
    line-height: 71px;
  }
  .w-72 {
    width: 72% !important;
  }
  .wpx-72 {
    width: 72px;
  }
  .hpx-72 {
    height: 72px;
  }
  .z-index-72 {
    z-index: 72;
  }
  .vw-72 {
    width: 72vw;
  }
  .vh-72 {
    height: 72vh;
  }
  .line-h72 {
    line-height: 72px;
  }
  .w-73 {
    width: 73% !important;
  }
  .wpx-73 {
    width: 73px;
  }
  .hpx-73 {
    height: 73px;
  }
  .z-index-73 {
    z-index: 73;
  }
  .vw-73 {
    width: 73vw;
  }
  .vh-73 {
    height: 73vh;
  }
  .line-h73 {
    line-height: 73px;
  }
  .w-74 {
    width: 74% !important;
  }
  .wpx-74 {
    width: 74px;
  }
  .hpx-74 {
    height: 74px;
  }
  .z-index-74 {
    z-index: 74;
  }
  .vw-74 {
    width: 74vw;
  }
  .vh-74 {
    height: 74vh;
  }
  .line-h74 {
    line-height: 74px;
  }
  .w-75 {
    width: 75% !important;
  }
  .wpx-75 {
    width: 75px;
  }
  .hpx-75 {
    height: 75px;
  }
  .z-index-75 {
    z-index: 75;
  }
  .vw-75 {
    width: 75vw;
  }
  .vh-75 {
    height: 75vh;
  }
  .line-h75 {
    line-height: 75px;
  }
  .w-76 {
    width: 76% !important;
  }
  .wpx-76 {
    width: 76px;
  }
  .hpx-76 {
    height: 76px;
  }
  .z-index-76 {
    z-index: 76;
  }
  .vw-76 {
    width: 76vw;
  }
  .vh-76 {
    height: 76vh;
  }
  .line-h76 {
    line-height: 76px;
  }
  .w-77 {
    width: 77% !important;
  }
  .wpx-77 {
    width: 77px;
  }
  .hpx-77 {
    height: 77px;
  }
  .z-index-77 {
    z-index: 77;
  }
  .vw-77 {
    width: 77vw;
  }
  .vh-77 {
    height: 77vh;
  }
  .line-h77 {
    line-height: 77px;
  }
  .w-78 {
    width: 78% !important;
  }
  .wpx-78 {
    width: 78px;
  }
  .hpx-78 {
    height: 78px;
  }
  .z-index-78 {
    z-index: 78;
  }
  .vw-78 {
    width: 78vw;
  }
  .vh-78 {
    height: 78vh;
  }
  .line-h78 {
    line-height: 78px;
  }
  .w-79 {
    width: 79% !important;
  }
  .wpx-79 {
    width: 79px;
  }
  .hpx-79 {
    height: 79px;
  }
  .z-index-79 {
    z-index: 79;
  }
  .vw-79 {
    width: 79vw;
  }
  .vh-79 {
    height: 79vh;
  }
  .line-h79 {
    line-height: 79px;
  }
  .w-80 {
    width: 80% !important;
  }
  .wpx-80 {
    width: 80px;
  }
  .hpx-80 {
    height: 80px;
  }
  .z-index-80 {
    z-index: 80;
  }
  .vw-80 {
    width: 80vw;
  }
  .vh-80 {
    height: 80vh;
  }
  .line-h80 {
    line-height: 80px;
  }
  .w-81 {
    width: 81% !important;
  }
  .wpx-81 {
    width: 81px;
  }
  .hpx-81 {
    height: 81px;
  }
  .z-index-81 {
    z-index: 81;
  }
  .vw-81 {
    width: 81vw;
  }
  .vh-81 {
    height: 81vh;
  }
  .line-h81 {
    line-height: 81px;
  }
  .w-82 {
    width: 82% !important;
  }
  .wpx-82 {
    width: 82px;
  }
  .hpx-82 {
    height: 82px;
  }
  .z-index-82 {
    z-index: 82;
  }
  .vw-82 {
    width: 82vw;
  }
  .vh-82 {
    height: 82vh;
  }
  .line-h82 {
    line-height: 82px;
  }
  .w-83 {
    width: 83% !important;
  }
  .wpx-83 {
    width: 83px;
  }
  .hpx-83 {
    height: 83px;
  }
  .z-index-83 {
    z-index: 83;
  }
  .vw-83 {
    width: 83vw;
  }
  .vh-83 {
    height: 83vh;
  }
  .line-h83 {
    line-height: 83px;
  }
  .w-84 {
    width: 84% !important;
  }
  .wpx-84 {
    width: 84px;
  }
  .hpx-84 {
    height: 84px;
  }
  .z-index-84 {
    z-index: 84;
  }
  .vw-84 {
    width: 84vw;
  }
  .vh-84 {
    height: 84vh;
  }
  .line-h84 {
    line-height: 84px;
  }
  .w-85 {
    width: 85% !important;
  }
  .wpx-85 {
    width: 85px;
  }
  .hpx-85 {
    height: 85px;
  }
  .z-index-85 {
    z-index: 85;
  }
  .vw-85 {
    width: 85vw;
  }
  .vh-85 {
    height: 85vh;
  }
  .line-h85 {
    line-height: 85px;
  }
  .w-86 {
    width: 86% !important;
  }
  .wpx-86 {
    width: 86px;
  }
  .hpx-86 {
    height: 86px;
  }
  .z-index-86 {
    z-index: 86;
  }
  .vw-86 {
    width: 86vw;
  }
  .vh-86 {
    height: 86vh;
  }
  .line-h86 {
    line-height: 86px;
  }
  .w-87 {
    width: 87% !important;
  }
  .wpx-87 {
    width: 87px;
  }
  .hpx-87 {
    height: 87px;
  }
  .z-index-87 {
    z-index: 87;
  }
  .vw-87 {
    width: 87vw;
  }
  .vh-87 {
    height: 87vh;
  }
  .line-h87 {
    line-height: 87px;
  }
  .w-88 {
    width: 88% !important;
  }
  .wpx-88 {
    width: 88px;
  }
  .hpx-88 {
    height: 88px;
  }
  .z-index-88 {
    z-index: 88;
  }
  .vw-88 {
    width: 88vw;
  }
  .vh-88 {
    height: 88vh;
  }
  .line-h88 {
    line-height: 88px;
  }
  .w-89 {
    width: 89% !important;
  }
  .wpx-89 {
    width: 89px;
  }
  .hpx-89 {
    height: 89px;
  }
  .z-index-89 {
    z-index: 89;
  }
  .vw-89 {
    width: 89vw;
  }
  .vh-89 {
    height: 89vh;
  }
  .line-h89 {
    line-height: 89px;
  }
  .w-90 {
    width: 90% !important;
  }
  .wpx-90 {
    width: 90px;
  }
  .hpx-90 {
    height: 90px;
  }
  .z-index-90 {
    z-index: 90;
  }
  .vw-90 {
    width: 90vw;
  }
  .vh-90 {
    height: 90vh;
  }
  .line-h90 {
    line-height: 90px;
  }
  .w-91 {
    width: 91% !important;
  }
  .wpx-91 {
    width: 91px;
  }
  .hpx-91 {
    height: 91px;
  }
  .z-index-91 {
    z-index: 91;
  }
  .vw-91 {
    width: 91vw;
  }
  .vh-91 {
    height: 91vh;
  }
  .line-h91 {
    line-height: 91px;
  }
  .w-92 {
    width: 92% !important;
  }
  .wpx-92 {
    width: 92px;
  }
  .hpx-92 {
    height: 92px;
  }
  .z-index-92 {
    z-index: 92;
  }
  .vw-92 {
    width: 92vw;
  }
  .vh-92 {
    height: 92vh;
  }
  .line-h92 {
    line-height: 92px;
  }
  .w-93 {
    width: 93% !important;
  }
  .wpx-93 {
    width: 93px;
  }
  .hpx-93 {
    height: 93px;
  }
  .z-index-93 {
    z-index: 93;
  }
  .vw-93 {
    width: 93vw;
  }
  .vh-93 {
    height: 93vh;
  }
  .line-h93 {
    line-height: 93px;
  }
  .w-94 {
    width: 94% !important;
  }
  .wpx-94 {
    width: 94px;
  }
  .hpx-94 {
    height: 94px;
  }
  .z-index-94 {
    z-index: 94;
  }
  .vw-94 {
    width: 94vw;
  }
  .vh-94 {
    height: 94vh;
  }
  .line-h94 {
    line-height: 94px;
  }
  .w-95 {
    width: 95% !important;
  }
  .wpx-95 {
    width: 95px;
  }
  .hpx-95 {
    height: 95px;
  }
  .z-index-95 {
    z-index: 95;
  }
  .vw-95 {
    width: 95vw;
  }
  .vh-95 {
    height: 95vh;
  }
  .line-h95 {
    line-height: 95px;
  }
  .w-96 {
    width: 96% !important;
  }
  .wpx-96 {
    width: 96px;
  }
  .hpx-96 {
    height: 96px;
  }
  .z-index-96 {
    z-index: 96;
  }
  .vw-96 {
    width: 96vw;
  }
  .vh-96 {
    height: 96vh;
  }
  .line-h96 {
    line-height: 96px;
  }
  .w-97 {
    width: 97% !important;
  }
  .wpx-97 {
    width: 97px;
  }
  .hpx-97 {
    height: 97px;
  }
  .z-index-97 {
    z-index: 97;
  }
  .vw-97 {
    width: 97vw;
  }
  .vh-97 {
    height: 97vh;
  }
  .line-h97 {
    line-height: 97px;
  }
  .w-98 {
    width: 98% !important;
  }
  .wpx-98 {
    width: 98px;
  }
  .hpx-98 {
    height: 98px;
  }
  .z-index-98 {
    z-index: 98;
  }
  .vw-98 {
    width: 98vw;
  }
  .vh-98 {
    height: 98vh;
  }
  .line-h98 {
    line-height: 98px;
  }
  .w-99 {
    width: 99% !important;
  }
  .wpx-99 {
    width: 99px;
  }
  .hpx-99 {
    height: 99px;
  }
  .z-index-99 {
    z-index: 99;
  }
  .vw-99 {
    width: 99vw;
  }
  .vh-99 {
    height: 99vh;
  }
  .line-h99 {
    line-height: 99px;
  }
  .w-100 {
    width: 100% !important;
  }
  .wpx-100 {
    width: 100px;
  }
  .hpx-100 {
    height: 100px;
  }
  .z-index-100 {
    z-index: 100;
  }
  .vw-100 {
    width: 100vw;
  }
  .vh-100 {
    height: 100vh;
  }
  .line-h100 {
    line-height: 100px;
  }
  .h-100 {
    height: 100%;
  }
  .lh-10 {
    line-height: 1 !important;
  }
  .lh-11 {
    line-height: 1.1 !important;
  }
  .lh-12 {
    line-height: 1.2 !important;
  }
  .lh-13 {
    line-height: 1.3 !important;
  }
  .lh-14 {
    line-height: 1.4 !important;
  }
  .lh-15 {
    line-height: 1.5 !important;
  }
  .lh-16 {
    line-height: 1.6 !important;
  }
  .lh-17 {
    line-height: 1.7 !important;
  }
  .lh-18 {
    line-height: 1.8 !important;
  }
  .lh-19 {
    line-height: 1.9 !important;
  }
  .lh-20 {
    line-height: 2 !important;
  }
  .lh-21 {
    line-height: 2.1 !important;
  }
  .lh-22 {
    line-height: 2.2 !important;
  }
  .ls--1 {
    letter-spacing: -0.5px;
  }
  .ls-0 {
    letter-spacing: 0px;
  }
  .ls-0-5 {
    letter-spacing: 0.5px;
  }
  .ls-1 {
    letter-spacing: 1px;
  }
  .ls-1-5 {
    letter-spacing: 1.5px;
  }
  .ls-2 {
    letter-spacing: 2px;
  }
  .ls-3 {
    letter-spacing: 3px;
  }
  .ls-4 {
    letter-spacing: 4px;
  }
  .ls-5 {
    letter-spacing: 1px;
  }
  .ls-6 {
    letter-spacing: 1px;
  }
  .ls-7 {
    letter-spacing: 1px;
  }
  .ls-8 {
    letter-spacing: 1px;
  }
  .font-b {
    font-weight: bold;
  }
  .vh-100 {
    height: 100vh !important;
  }
  .breakword {
    white-space: pre-wrap; /* 保留空白符并自动换行 */
  }
  .o-x-s {
    overflow-x: scroll;
  }
  .o-y {
    overflow-y: auto;
  }
  .o-h {
    overflow-y: hidden;
  }
  .border {
    border: 1px solid #ebeef5;
  }
  /* Native CSS Animations */
  @-webkit-keyframes slideUp {
    from {
      opacity: 0;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes slideUp {
    from {
      opacity: 0;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translateY(10px);
              transform: translateY(10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes pageEnter {
    from {
      opacity: 0;
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @keyframes pageEnter {
    from {
      opacity: 0;
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @-webkit-keyframes slideDown {
    from {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes slideDown {
    from {
      opacity: 0;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
    }
  }
  @keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
    }
  }
  @-webkit-keyframes progress {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  @keyframes progress {
    0% {
      width: 0%;
    }
    100% {
      width: 100%;
    }
  }
  .animate-slide-up {
    -webkit-animation: slideUp 0.7s forwards;
            animation: slideUp 0.7s forwards;
  }
  .animate-fade-in {
    -webkit-animation: fadeIn 0.5s forwards;
            animation: fadeIn 0.5s forwards;
  }
  .animate-fade-in-up {
    -webkit-animation: fadeInUp 0.7s forwards;
            animation: fadeInUp 0.7s forwards;
  }
  .animate-page-enter {
    -webkit-animation: pageEnter 0.5s forwards;
            animation: pageEnter 0.5s forwards;
  }
  .animate-slide-down {
    -webkit-animation: slideDown 0.3s forwards;
            animation: slideDown 0.3s forwards;
  }
  .animate-marquee {
    -webkit-animation: marquee 20s linear infinite;
            animation: marquee 20s linear infinite;
  }
  .animate-marquee1 {
    -webkit-animation: marquee 30s linear infinite;
            animation: marquee 30s linear infinite;
  }
  .animate-progress {
    -webkit-animation: progress 5s linear infinite;
            animation: progress 5s linear infinite;
  }
  /* Hide Scrollbar globally */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body, html, .ssssss {
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#0d0e0e));
    background: linear-gradient(to bottom, #F7F7F7, #0d0e0e);
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-text-size-adjust: 100%; /* 禁止文本自动缩放 */
    -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
         text-size-adjust: 100%;
    overflow-x: hidden;
    -ms-touch-action: pan-y;
        touch-action: pan-y; /* 仅允许垂直滚动，进一步限制缩放行为 */
  }
  .TechnologyBtn {
    position: fixed;
    bottom: 0;
    left: 0;
  }
  * {
    -ms-touch-action: manipulation;
        touch-action: manipulation; /* 告诉浏览器只允许滚动和点击，禁用双击缩放 */
    -webkit-touch-callout: none; /* 禁用长按菜单 */
  }
}
@media (min-width: 761px) {
  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,
  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: 14px;
    font: inherit;
    font-family: "Roboto", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Noto Sans SC", sans-serif;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
    height: 100vh;
    overflow-y: scroll;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  *::-webkit-scrollbar {
    display: none !important;
  }
  .c-t {
    color: #FFCB34;
  }
  .bg-t {
    background-color: #FFCB34;
  }
  .c-blue {
    color: #055fe8;
  }
  .bg-blue {
    background-color: #055fe8;
  }
  .b-blue {
    border-color: #055fe8 !important;
  }
  .c-sub-blue {
    color: #7189ff;
  }
  .bg-sub-blue {
    background-color: #7189ff;
  }
  .b-sub-blue {
    border-color: #7189ff !important;
  }
  .c-lighter-blue {
    color: #8499ff;
  }
  .bg-lighter-blue {
    background-color: #8499ff;
  }
  .b-lighter-blue {
    border-color: #8499ff !important;
  }
  .c-light-blue {
    color: #e7ebfe;
  }
  .bg-light-blue {
    background-color: #e7ebfe;
  }
  .b-light-blue {
    border-color: #e7ebfe !important;
  }
  .c-grey-d {
    color: #707070;
  }
  .bg-grey-d {
    background-color: #707070;
  }
  .b-grey-d {
    border-color: #707070 !important;
  }
  .c-light-grey {
    color: #e3e3e3;
  }
  .bg-light-grey {
    background-color: #e3e3e3;
  }
  .b-light-grey {
    border-color: #e3e3e3 !important;
  }
  .c-light-greyer {
    color: #FAFAFA;
  }
  .bg-light-greyer {
    background-color: #FAFAFA;
  }
  .b-light-greyer {
    border-color: #FAFAFA !important;
  }
  .c-dull-red {
    color: #cd6b0f;
  }
  .bg-dull-red {
    background-color: #cd6b0f;
  }
  .b-dull-red {
    border-color: #cd6b0f !important;
  }
  .c-pink {
    color: #e77272;
  }
  .bg-pink {
    background-color: #e77272;
  }
  .b-pink {
    border-color: #e77272 !important;
  }
  .c-white {
    color: #fff;
  }
  .bg-white {
    background-color: #fff;
  }
  .b-white {
    border-color: #fff !important;
  }
  .c-black {
    color: #000;
  }
  .bg-black {
    background-color: #000;
  }
  .b-black {
    border-color: #000 !important;
  }
  .c-lighter-blue {
    color: #8499ff;
  }
  .bg-lighter-blue {
    background-color: #8499ff;
  }
  .b-lighter-blue {
    border-color: #8499ff !important;
  }
  .c-grey-lighter {
    color: #777777;
  }
  .bg-grey-lighter {
    background-color: #777777;
  }
  .b-grey-lighter {
    border-color: #777777 !important;
  }
  .c-ash {
    color: #f6f7f9;
  }
  .bg-ash {
    background-color: #f6f7f9;
  }
  .b-ash {
    border-color: #f6f7f9 !important;
  }
  .c-grey-light {
    color: #e6e6e6;
  }
  .bg-grey-light {
    background-color: #e6e6e6;
  }
  .b-grey-light {
    border-color: #e6e6e6 !important;
  }
  .c-text {
    color: #3a3a3b;
  }
  .bg-text {
    background-color: #3a3a3b;
  }
  .b-text {
    border-color: #3a3a3b !important;
  }
  .c-scroll-bar {
    color: #f5f5f5;
  }
  .bg-scroll-bar {
    background-color: #f5f5f5;
  }
  .b-scroll-bar {
    border-color: #f5f5f5 !important;
  }
  .c-scroll-bg {
    color: #f6f7f9;
  }
  .bg-scroll-bg {
    background-color: #f6f7f9;
  }
  .b-scroll-bg {
    border-color: #f6f7f9 !important;
  }
  .c-red {
    color: red;
  }
  .bg-red {
    background-color: red;
  }
  .b-red {
    border-color: red !important;
  }
  .c-purple {
    color: #7736f3;
  }
  .bg-purple {
    background-color: #7736f3;
  }
  .b-purple {
    border-color: #7736f3 !important;
  }
  .c-green {
    color: #28be0c;
  }
  .bg-green {
    background-color: #28be0c;
  }
  .b-green {
    border-color: #28be0c !important;
  }
  .c-light-khaki {
    color: #f09c37;
  }
  .bg-light-khaki {
    background-color: #f09c37;
  }
  .b-light-khaki {
    border-color: #f09c37 !important;
  }
  .c-cigarett-ash {
    color: #ebeef5;
  }
  .bg-cigarett-ash {
    background-color: #ebeef5;
  }
  .b-cigarett-ash {
    border-color: #ebeef5 !important;
  }
  .c-bg {
    color: #fcfcfc;
  }
  .bg-bg {
    background-color: #fcfcfc;
  }
  .b-bg {
    border-color: #fcfcfc !important;
  }
  .c-block-bg {
    color: #f8f9fe;
  }
  .bg-block-bg {
    background-color: #f8f9fe;
  }
  .b-block-bg {
    border-color: #f8f9fe !important;
  }
  .c-dark-border {
    color: #E9E8E8;
  }
  .bg-dark-border {
    background-color: #E9E8E8;
  }
  .b-dark-border {
    border-color: #E9E8E8 !important;
  }
  body,
  html {
    padding: 0;
    margin: 0;
    /* height: 100%; */
    font-size: 14px !important;
    color: #000;
    line-height: 1.2;
  }
  .p-none,
  p {
    padding: 0 !important;
    margin: 0 !important;
  }
  .no-w-s {
    white-space: nowrap;
  }
  .ic-style-collepse {
    width: 24px;
    height: 24px;
  }
  /********* elment UI ***********/
  .el-button + .el-button {
    margin-left: 5px;
    margin-right: 5px;
  }
  .el-button {
    margin-left: 5px;
    margin-right: 5px;
  }
  .el-select-dropdown__empty {
    padding: 10px 0 !important;
  }
  .el-dialog__headerbtn .el-dialog__close {
    font-size: 26px;
  }
  .cell {
    text-align: center;
  }
  .el-table__expanded-cell {
    padding: 8px !important;
  }
  .sn-is-required .el-form-item__label::before,
  .sn-is-required.cell::after {
    content: "*";
    color: #f56c6c;
    margin: 0 4px;
  }
  .el-dialog__body {
    color: #323232;
  }
  /********************************/
  .d-under-line {
    -webkit-text-decoration: underline solid red;
            text-decoration: underline solid red;
  }
  .d-line-through {
    -webkit-text-decoration: line-through solid red;
            text-decoration: line-through solid red;
  }
  .d-i-b {
    display: inline-block !important;
    vertical-align: top;
  }
  .d-block {
    display: block;
  }
  .d-inline-block {
    display: inline-block;
  }
  .d-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .d-none {
    display: none !important;
  }
  .no-shrink {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .flex-2 {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .d-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .a-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .a-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .a-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .j-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .j-sb {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .j-sa {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .j-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .p-rel {
    position: relative;
  }
  .p-abs {
    position: absolute;
  }
  .p-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  .border {
    border: 1px solid #ebeef5;
  }
  .border-dotted {
    border: 1px dotted #ebeef5;
  }
  .b-none {
    border: none;
  }
  .c-p {
    cursor: pointer !important;
  }
  .font-b {
    font-weight: bold;
  }
  .o-x-h {
    overflow-x: hidden;
  }
  .o-y {
    overflow-y: auto;
  }
  .o-h {
    overflow: hidden;
  }
  .b-s-n {
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.17);
            box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.17);
  }
  .b-s {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .b-r-10 {
    border-radius: 10px;
  }
  .b-r-5 {
    border-radius: 5px;
  }
  .b-r-3 {
    border-radius: 3px;
  }
  .b-r-20 {
    border-radius: 20px;
  }
  .btn-hover:hover {
    background-color: #f6f7f9;
  }
  .v-a-m {
    vertical-align: middle;
  }
  .t-center {
    text-align: center;
  }
  .top-0 {
    top: 0;
  }
  .t-top {
    text-align: top;
  }
  .b-top {
    border-top: 1px solid #ebeef5;
  }
  .mt-a {
    margin-top: auto !important;
  }
  .left-0 {
    left: 0;
  }
  .t-left {
    text-align: left;
  }
  .b-left {
    border-left: 1px solid #ddd;
  }
  .ml-a {
    margin-left: auto !important;
  }
  .right-0 {
    right: 0;
  }
  .t-right {
    text-align: right;
  }
  .b-right {
    border-right: 1px solid #ebeef5;
  }
  .mr-a {
    margin-right: auto !important;
  }
  .bottom-0 {
    bottom: 0;
  }
  .t-bottom {
    text-align: bottom;
  }
  .b-bottom {
    border-bottom: 1px solid #ebeef5;
  }
  .mb-a {
    margin-bottom: auto !important;
  }
  .bradius-1 {
    border-radius: 1px;
  }
  .bradius-2 {
    border-radius: 2px;
  }
  .bradius-3 {
    border-radius: 3px;
  }
  .bradius-4 {
    border-radius: 4px;
  }
  .bradius-5 {
    border-radius: 5px;
  }
  .bradius-6 {
    border-radius: 6px;
  }
  .bradius-7 {
    border-radius: 7px;
  }
  .bradius-8 {
    border-radius: 8px;
  }
  .bradius-9 {
    border-radius: 9px;
  }
  .bradius-10 {
    border-radius: 10px;
  }
  .bradius-11 {
    border-radius: 11px;
  }
  .bradius-12 {
    border-radius: 12px;
  }
  .bradius-13 {
    border-radius: 13px;
  }
  .bradius-14 {
    border-radius: 14px;
  }
  .bradius-15 {
    border-radius: 15px;
  }
  .bradius-16 {
    border-radius: 16px;
  }
  .bradius-17 {
    border-radius: 17px;
  }
  .bradius-18 {
    border-radius: 18px;
  }
  .bradius-19 {
    border-radius: 19px;
  }
  .bradius-20 {
    border-radius: 20px;
  }
  .bradius-21 {
    border-radius: 21px;
  }
  .bradius-22 {
    border-radius: 22px;
  }
  .bradius-23 {
    border-radius: 23px;
  }
  .bradius-24 {
    border-radius: 24px;
  }
  .bradius-25 {
    border-radius: 25px;
  }
  .bradius-26 {
    border-radius: 26px;
  }
  .bradius-27 {
    border-radius: 27px;
  }
  .bradius-28 {
    border-radius: 28px;
  }
  .bradius-29 {
    border-radius: 29px;
  }
  .bradius-30 {
    border-radius: 30px;
  }
  .bradius-31 {
    border-radius: 31px;
  }
  .bradius-32 {
    border-radius: 32px;
  }
  .bradius-33 {
    border-radius: 33px;
  }
  .bradius-34 {
    border-radius: 34px;
  }
  .bradius-35 {
    border-radius: 35px;
  }
  .bradius-36 {
    border-radius: 36px;
  }
  .bradius-37 {
    border-radius: 37px;
  }
  .bradius-38 {
    border-radius: 38px;
  }
  .bradius-39 {
    border-radius: 39px;
  }
  .bradius-40 {
    border-radius: 40px;
  }
  .bradius-41 {
    border-radius: 41px;
  }
  .bradius-42 {
    border-radius: 42px;
  }
  .bradius-43 {
    border-radius: 43px;
  }
  .bradius-44 {
    border-radius: 44px;
  }
  .bradius-45 {
    border-radius: 45px;
  }
  .bradius-46 {
    border-radius: 46px;
  }
  .bradius-47 {
    border-radius: 47px;
  }
  .bradius-48 {
    border-radius: 48px;
  }
  .bradius-49 {
    border-radius: 49px;
  }
  .bradius-50 {
    border-radius: 50px;
  }
  .bradius-51 {
    border-radius: 51px;
  }
  .bradius-52 {
    border-radius: 52px;
  }
  .bradius-53 {
    border-radius: 53px;
  }
  .bradius-54 {
    border-radius: 54px;
  }
  .bradius-55 {
    border-radius: 55px;
  }
  .bradius-56 {
    border-radius: 56px;
  }
  .bradius-57 {
    border-radius: 57px;
  }
  .bradius-58 {
    border-radius: 58px;
  }
  .bradius-59 {
    border-radius: 59px;
  }
  .bradius-60 {
    border-radius: 60px;
  }
  .bradius-61 {
    border-radius: 61px;
  }
  .bradius-62 {
    border-radius: 62px;
  }
  .bradius-63 {
    border-radius: 63px;
  }
  .bradius-64 {
    border-radius: 64px;
  }
  .bradius-65 {
    border-radius: 65px;
  }
  .bradius-66 {
    border-radius: 66px;
  }
  .bradius-67 {
    border-radius: 67px;
  }
  .bradius-68 {
    border-radius: 68px;
  }
  .bradius-69 {
    border-radius: 69px;
  }
  .bradius-70 {
    border-radius: 70px;
  }
  .bradius-71 {
    border-radius: 71px;
  }
  .bradius-72 {
    border-radius: 72px;
  }
  .bradius-73 {
    border-radius: 73px;
  }
  .bradius-74 {
    border-radius: 74px;
  }
  .bradius-75 {
    border-radius: 75px;
  }
  .bradius-76 {
    border-radius: 76px;
  }
  .bradius-77 {
    border-radius: 77px;
  }
  .bradius-78 {
    border-radius: 78px;
  }
  .bradius-79 {
    border-radius: 79px;
  }
  .bradius-80 {
    border-radius: 80px;
  }
  .bradius-81 {
    border-radius: 81px;
  }
  .bradius-82 {
    border-radius: 82px;
  }
  .bradius-83 {
    border-radius: 83px;
  }
  .bradius-84 {
    border-radius: 84px;
  }
  .bradius-85 {
    border-radius: 85px;
  }
  .bradius-86 {
    border-radius: 86px;
  }
  .bradius-87 {
    border-radius: 87px;
  }
  .bradius-88 {
    border-radius: 88px;
  }
  .bradius-89 {
    border-radius: 89px;
  }
  .bradius-90 {
    border-radius: 90px;
  }
  .bradius-91 {
    border-radius: 91px;
  }
  .bradius-92 {
    border-radius: 92px;
  }
  .bradius-93 {
    border-radius: 93px;
  }
  .bradius-94 {
    border-radius: 94px;
  }
  .bradius-95 {
    border-radius: 95px;
  }
  .bradius-96 {
    border-radius: 96px;
  }
  .bradius-97 {
    border-radius: 97px;
  }
  .bradius-98 {
    border-radius: 98px;
  }
  .bradius-99 {
    border-radius: 99px;
  }
  .bradius-100 {
    border-radius: 100px;
  }
  .o-1 {
    opacity: 0.1;
  }
  .o-2 {
    opacity: 0.2;
  }
  .o-3 {
    opacity: 0.3;
  }
  .o-4 {
    opacity: 0.4;
  }
  .o-5 {
    opacity: 0.5;
  }
  .o-6 {
    opacity: 0.6;
  }
  .o-7 {
    opacity: 0.7;
  }
  .o-8 {
    opacity: 0.8;
  }
  .o-9 {
    opacity: 0.9;
  }
  .o-0 {
    opacity: 0;
  }
  .o-10 {
    opacity: 1;
  }
  .f-100 {
    font-weight: 100;
  }
  .f-200 {
    font-weight: 200;
  }
  .f-300 {
    font-weight: 300;
  }
  .f-400 {
    font-weight: 400;
  }
  .f-500 {
    font-weight: 500;
  }
  .f-600 {
    font-weight: 600;
  }
  .f-700 {
    font-weight: 700;
  }
  .f-800 {
    font-weight: 800;
  }
  .f-900 {
    font-weight: 900;
  }
  .font-1 {
    font-size: 1px !important;
  }
  .font-2 {
    font-size: 2px !important;
  }
  .font-3 {
    font-size: 3px !important;
  }
  .font-4 {
    font-size: 4px !important;
  }
  .font-5 {
    font-size: 5px !important;
  }
  .font-6 {
    font-size: 6px !important;
  }
  .font-7 {
    font-size: 7px !important;
  }
  .font-8 {
    font-size: 8px !important;
  }
  .font-9 {
    font-size: 9px !important;
  }
  .font-10 {
    font-size: 10px !important;
  }
  .font-11 {
    font-size: 11px !important;
  }
  .font-12 {
    font-size: 12px !important;
  }
  .font-13 {
    font-size: 13px !important;
  }
  .font-14 {
    font-size: 14px !important;
  }
  .font-15 {
    font-size: 15px !important;
  }
  .font-16 {
    font-size: 16px !important;
  }
  .font-17 {
    font-size: 17px !important;
  }
  .font-18 {
    font-size: 18px !important;
  }
  .font-19 {
    font-size: 19px !important;
  }
  .font-20 {
    font-size: 20px !important;
  }
  .font-21 {
    font-size: 21px !important;
  }
  .font-22 {
    font-size: 22px !important;
  }
  .font-23 {
    font-size: 23px !important;
  }
  .font-24 {
    font-size: 24px !important;
  }
  .font-25 {
    font-size: 25px !important;
  }
  .font-26 {
    font-size: 26px !important;
  }
  .font-27 {
    font-size: 27px !important;
  }
  .font-28 {
    font-size: 28px !important;
  }
  .font-29 {
    font-size: 29px !important;
  }
  .font-30 {
    font-size: 30px !important;
  }
  .font-31 {
    font-size: 31px !important;
  }
  .font-32 {
    font-size: 32px !important;
  }
  .font-33 {
    font-size: 33px !important;
  }
  .font-34 {
    font-size: 34px !important;
  }
  .font-35 {
    font-size: 35px !important;
  }
  .font-36 {
    font-size: 36px !important;
  }
  .font-37 {
    font-size: 37px !important;
  }
  .font-38 {
    font-size: 38px !important;
  }
  .font-39 {
    font-size: 39px !important;
  }
  .font-40 {
    font-size: 40px !important;
  }
  .font-41 {
    font-size: 41px !important;
  }
  .font-42 {
    font-size: 42px !important;
  }
  .font-43 {
    font-size: 43px !important;
  }
  .font-44 {
    font-size: 44px !important;
  }
  .font-45 {
    font-size: 45px !important;
  }
  .font-46 {
    font-size: 46px !important;
  }
  .font-47 {
    font-size: 47px !important;
  }
  .font-48 {
    font-size: 48px !important;
  }
  .font-49 {
    font-size: 49px !important;
  }
  .font-50 {
    font-size: 50px !important;
  }
  .font-51 {
    font-size: 51px !important;
  }
  .font-52 {
    font-size: 52px !important;
  }
  .font-53 {
    font-size: 53px !important;
  }
  .font-54 {
    font-size: 54px !important;
  }
  .font-55 {
    font-size: 55px !important;
  }
  .font-56 {
    font-size: 56px !important;
  }
  .font-57 {
    font-size: 57px !important;
  }
  .font-58 {
    font-size: 58px !important;
  }
  .font-59 {
    font-size: 59px !important;
  }
  .font-60 {
    font-size: 60px !important;
  }
  .font-61 {
    font-size: 61px !important;
  }
  .font-62 {
    font-size: 62px !important;
  }
  .font-63 {
    font-size: 63px !important;
  }
  .font-64 {
    font-size: 64px !important;
  }
  .font-65 {
    font-size: 65px !important;
  }
  .font-66 {
    font-size: 66px !important;
  }
  .font-67 {
    font-size: 67px !important;
  }
  .font-68 {
    font-size: 68px !important;
  }
  .font-69 {
    font-size: 69px !important;
  }
  .font-70 {
    font-size: 70px !important;
  }
  .font-71 {
    font-size: 71px !important;
  }
  .font-72 {
    font-size: 72px !important;
  }
  .font-73 {
    font-size: 73px !important;
  }
  .font-74 {
    font-size: 74px !important;
  }
  .font-75 {
    font-size: 75px !important;
  }
  .font-76 {
    font-size: 76px !important;
  }
  .font-77 {
    font-size: 77px !important;
  }
  .font-78 {
    font-size: 78px !important;
  }
  .font-79 {
    font-size: 79px !important;
  }
  .font-80 {
    font-size: 80px !important;
  }
  .font-81 {
    font-size: 81px !important;
  }
  .font-82 {
    font-size: 82px !important;
  }
  .font-83 {
    font-size: 83px !important;
  }
  .font-84 {
    font-size: 84px !important;
  }
  .font-85 {
    font-size: 85px !important;
  }
  .font-86 {
    font-size: 86px !important;
  }
  .font-87 {
    font-size: 87px !important;
  }
  .font-88 {
    font-size: 88px !important;
  }
  .font-89 {
    font-size: 89px !important;
  }
  .font-90 {
    font-size: 90px !important;
  }
  .font-91 {
    font-size: 91px !important;
  }
  .font-92 {
    font-size: 92px !important;
  }
  .font-93 {
    font-size: 93px !important;
  }
  .font-94 {
    font-size: 94px !important;
  }
  .font-95 {
    font-size: 95px !important;
  }
  .font-96 {
    font-size: 96px !important;
  }
  .font-97 {
    font-size: 97px !important;
  }
  .font-98 {
    font-size: 98px !important;
  }
  .font-99 {
    font-size: 99px !important;
  }
  .font-100 {
    font-size: 100px !important;
  }
  .w-1 {
    width: 1% !important;
  }
  .wpx-1 {
    width: 1px;
  }
  .hpx-1 {
    height: 1px;
  }
  .z-index-1 {
    z-index: 1;
  }
  .vw-1 {
    width: 1vw;
  }
  .vh-1 {
    height: 1vh;
  }
  .line-h1 {
    line-height: 1px;
  }
  .w-2 {
    width: 2% !important;
  }
  .wpx-2 {
    width: 2px;
  }
  .hpx-2 {
    height: 2px;
  }
  .z-index-2 {
    z-index: 2;
  }
  .vw-2 {
    width: 2vw;
  }
  .vh-2 {
    height: 2vh;
  }
  .line-h2 {
    line-height: 2px;
  }
  .w-3 {
    width: 3% !important;
  }
  .wpx-3 {
    width: 3px;
  }
  .hpx-3 {
    height: 3px;
  }
  .z-index-3 {
    z-index: 3;
  }
  .vw-3 {
    width: 3vw;
  }
  .vh-3 {
    height: 3vh;
  }
  .line-h3 {
    line-height: 3px;
  }
  .w-4 {
    width: 4% !important;
  }
  .wpx-4 {
    width: 4px;
  }
  .hpx-4 {
    height: 4px;
  }
  .z-index-4 {
    z-index: 4;
  }
  .vw-4 {
    width: 4vw;
  }
  .vh-4 {
    height: 4vh;
  }
  .line-h4 {
    line-height: 4px;
  }
  .w-5 {
    width: 5% !important;
  }
  .wpx-5 {
    width: 5px;
  }
  .hpx-5 {
    height: 5px;
  }
  .z-index-5 {
    z-index: 5;
  }
  .vw-5 {
    width: 5vw;
  }
  .vh-5 {
    height: 5vh;
  }
  .line-h5 {
    line-height: 5px;
  }
  .w-6 {
    width: 6% !important;
  }
  .wpx-6 {
    width: 6px;
  }
  .hpx-6 {
    height: 6px;
  }
  .z-index-6 {
    z-index: 6;
  }
  .vw-6 {
    width: 6vw;
  }
  .vh-6 {
    height: 6vh;
  }
  .line-h6 {
    line-height: 6px;
  }
  .w-7 {
    width: 7% !important;
  }
  .wpx-7 {
    width: 7px;
  }
  .hpx-7 {
    height: 7px;
  }
  .z-index-7 {
    z-index: 7;
  }
  .vw-7 {
    width: 7vw;
  }
  .vh-7 {
    height: 7vh;
  }
  .line-h7 {
    line-height: 7px;
  }
  .w-8 {
    width: 8% !important;
  }
  .wpx-8 {
    width: 8px;
  }
  .hpx-8 {
    height: 8px;
  }
  .z-index-8 {
    z-index: 8;
  }
  .vw-8 {
    width: 8vw;
  }
  .vh-8 {
    height: 8vh;
  }
  .line-h8 {
    line-height: 8px;
  }
  .w-9 {
    width: 9% !important;
  }
  .wpx-9 {
    width: 9px;
  }
  .hpx-9 {
    height: 9px;
  }
  .z-index-9 {
    z-index: 9;
  }
  .vw-9 {
    width: 9vw;
  }
  .vh-9 {
    height: 9vh;
  }
  .line-h9 {
    line-height: 9px;
  }
  .w-10 {
    width: 10% !important;
  }
  .wpx-10 {
    width: 10px;
  }
  .hpx-10 {
    height: 10px;
  }
  .z-index-10 {
    z-index: 10;
  }
  .vw-10 {
    width: 10vw;
  }
  .vh-10 {
    height: 10vh;
  }
  .line-h10 {
    line-height: 10px;
  }
  .w-11 {
    width: 11% !important;
  }
  .wpx-11 {
    width: 11px;
  }
  .hpx-11 {
    height: 11px;
  }
  .z-index-11 {
    z-index: 11;
  }
  .vw-11 {
    width: 11vw;
  }
  .vh-11 {
    height: 11vh;
  }
  .line-h11 {
    line-height: 11px;
  }
  .w-12 {
    width: 12% !important;
  }
  .wpx-12 {
    width: 12px;
  }
  .hpx-12 {
    height: 12px;
  }
  .z-index-12 {
    z-index: 12;
  }
  .vw-12 {
    width: 12vw;
  }
  .vh-12 {
    height: 12vh;
  }
  .line-h12 {
    line-height: 12px;
  }
  .w-13 {
    width: 13% !important;
  }
  .wpx-13 {
    width: 13px;
  }
  .hpx-13 {
    height: 13px;
  }
  .z-index-13 {
    z-index: 13;
  }
  .vw-13 {
    width: 13vw;
  }
  .vh-13 {
    height: 13vh;
  }
  .line-h13 {
    line-height: 13px;
  }
  .w-14 {
    width: 14% !important;
  }
  .wpx-14 {
    width: 14px;
  }
  .hpx-14 {
    height: 14px;
  }
  .z-index-14 {
    z-index: 14;
  }
  .vw-14 {
    width: 14vw;
  }
  .vh-14 {
    height: 14vh;
  }
  .line-h14 {
    line-height: 14px;
  }
  .w-15 {
    width: 15% !important;
  }
  .wpx-15 {
    width: 15px;
  }
  .hpx-15 {
    height: 15px;
  }
  .z-index-15 {
    z-index: 15;
  }
  .vw-15 {
    width: 15vw;
  }
  .vh-15 {
    height: 15vh;
  }
  .line-h15 {
    line-height: 15px;
  }
  .w-16 {
    width: 16% !important;
  }
  .wpx-16 {
    width: 16px;
  }
  .hpx-16 {
    height: 16px;
  }
  .z-index-16 {
    z-index: 16;
  }
  .vw-16 {
    width: 16vw;
  }
  .vh-16 {
    height: 16vh;
  }
  .line-h16 {
    line-height: 16px;
  }
  .w-17 {
    width: 17% !important;
  }
  .wpx-17 {
    width: 17px;
  }
  .hpx-17 {
    height: 17px;
  }
  .z-index-17 {
    z-index: 17;
  }
  .vw-17 {
    width: 17vw;
  }
  .vh-17 {
    height: 17vh;
  }
  .line-h17 {
    line-height: 17px;
  }
  .w-18 {
    width: 18% !important;
  }
  .wpx-18 {
    width: 18px;
  }
  .hpx-18 {
    height: 18px;
  }
  .z-index-18 {
    z-index: 18;
  }
  .vw-18 {
    width: 18vw;
  }
  .vh-18 {
    height: 18vh;
  }
  .line-h18 {
    line-height: 18px;
  }
  .w-19 {
    width: 19% !important;
  }
  .wpx-19 {
    width: 19px;
  }
  .hpx-19 {
    height: 19px;
  }
  .z-index-19 {
    z-index: 19;
  }
  .vw-19 {
    width: 19vw;
  }
  .vh-19 {
    height: 19vh;
  }
  .line-h19 {
    line-height: 19px;
  }
  .w-20 {
    width: 20% !important;
  }
  .wpx-20 {
    width: 20px;
  }
  .hpx-20 {
    height: 20px;
  }
  .z-index-20 {
    z-index: 20;
  }
  .vw-20 {
    width: 20vw;
  }
  .vh-20 {
    height: 20vh;
  }
  .line-h20 {
    line-height: 20px;
  }
  .w-21 {
    width: 21% !important;
  }
  .wpx-21 {
    width: 21px;
  }
  .hpx-21 {
    height: 21px;
  }
  .z-index-21 {
    z-index: 21;
  }
  .vw-21 {
    width: 21vw;
  }
  .vh-21 {
    height: 21vh;
  }
  .line-h21 {
    line-height: 21px;
  }
  .w-22 {
    width: 22% !important;
  }
  .wpx-22 {
    width: 22px;
  }
  .hpx-22 {
    height: 22px;
  }
  .z-index-22 {
    z-index: 22;
  }
  .vw-22 {
    width: 22vw;
  }
  .vh-22 {
    height: 22vh;
  }
  .line-h22 {
    line-height: 22px;
  }
  .w-23 {
    width: 23% !important;
  }
  .wpx-23 {
    width: 23px;
  }
  .hpx-23 {
    height: 23px;
  }
  .z-index-23 {
    z-index: 23;
  }
  .vw-23 {
    width: 23vw;
  }
  .vh-23 {
    height: 23vh;
  }
  .line-h23 {
    line-height: 23px;
  }
  .w-24 {
    width: 24% !important;
  }
  .wpx-24 {
    width: 24px;
  }
  .hpx-24 {
    height: 24px;
  }
  .z-index-24 {
    z-index: 24;
  }
  .vw-24 {
    width: 24vw;
  }
  .vh-24 {
    height: 24vh;
  }
  .line-h24 {
    line-height: 24px;
  }
  .w-25 {
    width: 25% !important;
  }
  .wpx-25 {
    width: 25px;
  }
  .hpx-25 {
    height: 25px;
  }
  .z-index-25 {
    z-index: 25;
  }
  .vw-25 {
    width: 25vw;
  }
  .vh-25 {
    height: 25vh;
  }
  .line-h25 {
    line-height: 25px;
  }
  .w-26 {
    width: 26% !important;
  }
  .wpx-26 {
    width: 26px;
  }
  .hpx-26 {
    height: 26px;
  }
  .z-index-26 {
    z-index: 26;
  }
  .vw-26 {
    width: 26vw;
  }
  .vh-26 {
    height: 26vh;
  }
  .line-h26 {
    line-height: 26px;
  }
  .w-27 {
    width: 27% !important;
  }
  .wpx-27 {
    width: 27px;
  }
  .hpx-27 {
    height: 27px;
  }
  .z-index-27 {
    z-index: 27;
  }
  .vw-27 {
    width: 27vw;
  }
  .vh-27 {
    height: 27vh;
  }
  .line-h27 {
    line-height: 27px;
  }
  .w-28 {
    width: 28% !important;
  }
  .wpx-28 {
    width: 28px;
  }
  .hpx-28 {
    height: 28px;
  }
  .z-index-28 {
    z-index: 28;
  }
  .vw-28 {
    width: 28vw;
  }
  .vh-28 {
    height: 28vh;
  }
  .line-h28 {
    line-height: 28px;
  }
  .w-29 {
    width: 29% !important;
  }
  .wpx-29 {
    width: 29px;
  }
  .hpx-29 {
    height: 29px;
  }
  .z-index-29 {
    z-index: 29;
  }
  .vw-29 {
    width: 29vw;
  }
  .vh-29 {
    height: 29vh;
  }
  .line-h29 {
    line-height: 29px;
  }
  .w-30 {
    width: 30% !important;
  }
  .wpx-30 {
    width: 30px;
  }
  .hpx-30 {
    height: 30px;
  }
  .z-index-30 {
    z-index: 30;
  }
  .vw-30 {
    width: 30vw;
  }
  .vh-30 {
    height: 30vh;
  }
  .line-h30 {
    line-height: 30px;
  }
  .w-31 {
    width: 31% !important;
  }
  .wpx-31 {
    width: 31px;
  }
  .hpx-31 {
    height: 31px;
  }
  .z-index-31 {
    z-index: 31;
  }
  .vw-31 {
    width: 31vw;
  }
  .vh-31 {
    height: 31vh;
  }
  .line-h31 {
    line-height: 31px;
  }
  .w-32 {
    width: 32% !important;
  }
  .wpx-32 {
    width: 32px;
  }
  .hpx-32 {
    height: 32px;
  }
  .z-index-32 {
    z-index: 32;
  }
  .vw-32 {
    width: 32vw;
  }
  .vh-32 {
    height: 32vh;
  }
  .line-h32 {
    line-height: 32px;
  }
  .w-33 {
    width: 33% !important;
  }
  .wpx-33 {
    width: 33px;
  }
  .hpx-33 {
    height: 33px;
  }
  .z-index-33 {
    z-index: 33;
  }
  .vw-33 {
    width: 33vw;
  }
  .vh-33 {
    height: 33vh;
  }
  .line-h33 {
    line-height: 33px;
  }
  .w-34 {
    width: 34% !important;
  }
  .wpx-34 {
    width: 34px;
  }
  .hpx-34 {
    height: 34px;
  }
  .z-index-34 {
    z-index: 34;
  }
  .vw-34 {
    width: 34vw;
  }
  .vh-34 {
    height: 34vh;
  }
  .line-h34 {
    line-height: 34px;
  }
  .w-35 {
    width: 35% !important;
  }
  .wpx-35 {
    width: 35px;
  }
  .hpx-35 {
    height: 35px;
  }
  .z-index-35 {
    z-index: 35;
  }
  .vw-35 {
    width: 35vw;
  }
  .vh-35 {
    height: 35vh;
  }
  .line-h35 {
    line-height: 35px;
  }
  .w-36 {
    width: 36% !important;
  }
  .wpx-36 {
    width: 36px;
  }
  .hpx-36 {
    height: 36px;
  }
  .z-index-36 {
    z-index: 36;
  }
  .vw-36 {
    width: 36vw;
  }
  .vh-36 {
    height: 36vh;
  }
  .line-h36 {
    line-height: 36px;
  }
  .w-37 {
    width: 37% !important;
  }
  .wpx-37 {
    width: 37px;
  }
  .hpx-37 {
    height: 37px;
  }
  .z-index-37 {
    z-index: 37;
  }
  .vw-37 {
    width: 37vw;
  }
  .vh-37 {
    height: 37vh;
  }
  .line-h37 {
    line-height: 37px;
  }
  .w-38 {
    width: 38% !important;
  }
  .wpx-38 {
    width: 38px;
  }
  .hpx-38 {
    height: 38px;
  }
  .z-index-38 {
    z-index: 38;
  }
  .vw-38 {
    width: 38vw;
  }
  .vh-38 {
    height: 38vh;
  }
  .line-h38 {
    line-height: 38px;
  }
  .w-39 {
    width: 39% !important;
  }
  .wpx-39 {
    width: 39px;
  }
  .hpx-39 {
    height: 39px;
  }
  .z-index-39 {
    z-index: 39;
  }
  .vw-39 {
    width: 39vw;
  }
  .vh-39 {
    height: 39vh;
  }
  .line-h39 {
    line-height: 39px;
  }
  .w-40 {
    width: 40% !important;
  }
  .wpx-40 {
    width: 40px;
  }
  .hpx-40 {
    height: 40px;
  }
  .z-index-40 {
    z-index: 40;
  }
  .vw-40 {
    width: 40vw;
  }
  .vh-40 {
    height: 40vh;
  }
  .line-h40 {
    line-height: 40px;
  }
  .w-41 {
    width: 41% !important;
  }
  .wpx-41 {
    width: 41px;
  }
  .hpx-41 {
    height: 41px;
  }
  .z-index-41 {
    z-index: 41;
  }
  .vw-41 {
    width: 41vw;
  }
  .vh-41 {
    height: 41vh;
  }
  .line-h41 {
    line-height: 41px;
  }
  .w-42 {
    width: 42% !important;
  }
  .wpx-42 {
    width: 42px;
  }
  .hpx-42 {
    height: 42px;
  }
  .z-index-42 {
    z-index: 42;
  }
  .vw-42 {
    width: 42vw;
  }
  .vh-42 {
    height: 42vh;
  }
  .line-h42 {
    line-height: 42px;
  }
  .w-43 {
    width: 43% !important;
  }
  .wpx-43 {
    width: 43px;
  }
  .hpx-43 {
    height: 43px;
  }
  .z-index-43 {
    z-index: 43;
  }
  .vw-43 {
    width: 43vw;
  }
  .vh-43 {
    height: 43vh;
  }
  .line-h43 {
    line-height: 43px;
  }
  .w-44 {
    width: 44% !important;
  }
  .wpx-44 {
    width: 44px;
  }
  .hpx-44 {
    height: 44px;
  }
  .z-index-44 {
    z-index: 44;
  }
  .vw-44 {
    width: 44vw;
  }
  .vh-44 {
    height: 44vh;
  }
  .line-h44 {
    line-height: 44px;
  }
  .w-45 {
    width: 45% !important;
  }
  .wpx-45 {
    width: 45px;
  }
  .hpx-45 {
    height: 45px;
  }
  .z-index-45 {
    z-index: 45;
  }
  .vw-45 {
    width: 45vw;
  }
  .vh-45 {
    height: 45vh;
  }
  .line-h45 {
    line-height: 45px;
  }
  .w-46 {
    width: 46% !important;
  }
  .wpx-46 {
    width: 46px;
  }
  .hpx-46 {
    height: 46px;
  }
  .z-index-46 {
    z-index: 46;
  }
  .vw-46 {
    width: 46vw;
  }
  .vh-46 {
    height: 46vh;
  }
  .line-h46 {
    line-height: 46px;
  }
  .w-47 {
    width: 47% !important;
  }
  .wpx-47 {
    width: 47px;
  }
  .hpx-47 {
    height: 47px;
  }
  .z-index-47 {
    z-index: 47;
  }
  .vw-47 {
    width: 47vw;
  }
  .vh-47 {
    height: 47vh;
  }
  .line-h47 {
    line-height: 47px;
  }
  .w-48 {
    width: 48% !important;
  }
  .wpx-48 {
    width: 48px;
  }
  .hpx-48 {
    height: 48px;
  }
  .z-index-48 {
    z-index: 48;
  }
  .vw-48 {
    width: 48vw;
  }
  .vh-48 {
    height: 48vh;
  }
  .line-h48 {
    line-height: 48px;
  }
  .w-49 {
    width: 49% !important;
  }
  .wpx-49 {
    width: 49px;
  }
  .hpx-49 {
    height: 49px;
  }
  .z-index-49 {
    z-index: 49;
  }
  .vw-49 {
    width: 49vw;
  }
  .vh-49 {
    height: 49vh;
  }
  .line-h49 {
    line-height: 49px;
  }
  .w-50 {
    width: 50% !important;
  }
  .wpx-50 {
    width: 50px;
  }
  .hpx-50 {
    height: 50px;
  }
  .z-index-50 {
    z-index: 50;
  }
  .vw-50 {
    width: 50vw;
  }
  .vh-50 {
    height: 50vh;
  }
  .line-h50 {
    line-height: 50px;
  }
  .w-51 {
    width: 51% !important;
  }
  .wpx-51 {
    width: 51px;
  }
  .hpx-51 {
    height: 51px;
  }
  .z-index-51 {
    z-index: 51;
  }
  .vw-51 {
    width: 51vw;
  }
  .vh-51 {
    height: 51vh;
  }
  .line-h51 {
    line-height: 51px;
  }
  .w-52 {
    width: 52% !important;
  }
  .wpx-52 {
    width: 52px;
  }
  .hpx-52 {
    height: 52px;
  }
  .z-index-52 {
    z-index: 52;
  }
  .vw-52 {
    width: 52vw;
  }
  .vh-52 {
    height: 52vh;
  }
  .line-h52 {
    line-height: 52px;
  }
  .w-53 {
    width: 53% !important;
  }
  .wpx-53 {
    width: 53px;
  }
  .hpx-53 {
    height: 53px;
  }
  .z-index-53 {
    z-index: 53;
  }
  .vw-53 {
    width: 53vw;
  }
  .vh-53 {
    height: 53vh;
  }
  .line-h53 {
    line-height: 53px;
  }
  .w-54 {
    width: 54% !important;
  }
  .wpx-54 {
    width: 54px;
  }
  .hpx-54 {
    height: 54px;
  }
  .z-index-54 {
    z-index: 54;
  }
  .vw-54 {
    width: 54vw;
  }
  .vh-54 {
    height: 54vh;
  }
  .line-h54 {
    line-height: 54px;
  }
  .w-55 {
    width: 55% !important;
  }
  .wpx-55 {
    width: 55px;
  }
  .hpx-55 {
    height: 55px;
  }
  .z-index-55 {
    z-index: 55;
  }
  .vw-55 {
    width: 55vw;
  }
  .vh-55 {
    height: 55vh;
  }
  .line-h55 {
    line-height: 55px;
  }
  .w-56 {
    width: 56% !important;
  }
  .wpx-56 {
    width: 56px;
  }
  .hpx-56 {
    height: 56px;
  }
  .z-index-56 {
    z-index: 56;
  }
  .vw-56 {
    width: 56vw;
  }
  .vh-56 {
    height: 56vh;
  }
  .line-h56 {
    line-height: 56px;
  }
  .w-57 {
    width: 57% !important;
  }
  .wpx-57 {
    width: 57px;
  }
  .hpx-57 {
    height: 57px;
  }
  .z-index-57 {
    z-index: 57;
  }
  .vw-57 {
    width: 57vw;
  }
  .vh-57 {
    height: 57vh;
  }
  .line-h57 {
    line-height: 57px;
  }
  .w-58 {
    width: 58% !important;
  }
  .wpx-58 {
    width: 58px;
  }
  .hpx-58 {
    height: 58px;
  }
  .z-index-58 {
    z-index: 58;
  }
  .vw-58 {
    width: 58vw;
  }
  .vh-58 {
    height: 58vh;
  }
  .line-h58 {
    line-height: 58px;
  }
  .w-59 {
    width: 59% !important;
  }
  .wpx-59 {
    width: 59px;
  }
  .hpx-59 {
    height: 59px;
  }
  .z-index-59 {
    z-index: 59;
  }
  .vw-59 {
    width: 59vw;
  }
  .vh-59 {
    height: 59vh;
  }
  .line-h59 {
    line-height: 59px;
  }
  .w-60 {
    width: 60% !important;
  }
  .wpx-60 {
    width: 60px;
  }
  .hpx-60 {
    height: 60px;
  }
  .z-index-60 {
    z-index: 60;
  }
  .vw-60 {
    width: 60vw;
  }
  .vh-60 {
    height: 60vh;
  }
  .line-h60 {
    line-height: 60px;
  }
  .w-61 {
    width: 61% !important;
  }
  .wpx-61 {
    width: 61px;
  }
  .hpx-61 {
    height: 61px;
  }
  .z-index-61 {
    z-index: 61;
  }
  .vw-61 {
    width: 61vw;
  }
  .vh-61 {
    height: 61vh;
  }
  .line-h61 {
    line-height: 61px;
  }
  .w-62 {
    width: 62% !important;
  }
  .wpx-62 {
    width: 62px;
  }
  .hpx-62 {
    height: 62px;
  }
  .z-index-62 {
    z-index: 62;
  }
  .vw-62 {
    width: 62vw;
  }
  .vh-62 {
    height: 62vh;
  }
  .line-h62 {
    line-height: 62px;
  }
  .w-63 {
    width: 63% !important;
  }
  .wpx-63 {
    width: 63px;
  }
  .hpx-63 {
    height: 63px;
  }
  .z-index-63 {
    z-index: 63;
  }
  .vw-63 {
    width: 63vw;
  }
  .vh-63 {
    height: 63vh;
  }
  .line-h63 {
    line-height: 63px;
  }
  .w-64 {
    width: 64% !important;
  }
  .wpx-64 {
    width: 64px;
  }
  .hpx-64 {
    height: 64px;
  }
  .z-index-64 {
    z-index: 64;
  }
  .vw-64 {
    width: 64vw;
  }
  .vh-64 {
    height: 64vh;
  }
  .line-h64 {
    line-height: 64px;
  }
  .w-65 {
    width: 65% !important;
  }
  .wpx-65 {
    width: 65px;
  }
  .hpx-65 {
    height: 65px;
  }
  .z-index-65 {
    z-index: 65;
  }
  .vw-65 {
    width: 65vw;
  }
  .vh-65 {
    height: 65vh;
  }
  .line-h65 {
    line-height: 65px;
  }
  .w-66 {
    width: 66% !important;
  }
  .wpx-66 {
    width: 66px;
  }
  .hpx-66 {
    height: 66px;
  }
  .z-index-66 {
    z-index: 66;
  }
  .vw-66 {
    width: 66vw;
  }
  .vh-66 {
    height: 66vh;
  }
  .line-h66 {
    line-height: 66px;
  }
  .w-67 {
    width: 67% !important;
  }
  .wpx-67 {
    width: 67px;
  }
  .hpx-67 {
    height: 67px;
  }
  .z-index-67 {
    z-index: 67;
  }
  .vw-67 {
    width: 67vw;
  }
  .vh-67 {
    height: 67vh;
  }
  .line-h67 {
    line-height: 67px;
  }
  .w-68 {
    width: 68% !important;
  }
  .wpx-68 {
    width: 68px;
  }
  .hpx-68 {
    height: 68px;
  }
  .z-index-68 {
    z-index: 68;
  }
  .vw-68 {
    width: 68vw;
  }
  .vh-68 {
    height: 68vh;
  }
  .line-h68 {
    line-height: 68px;
  }
  .w-69 {
    width: 69% !important;
  }
  .wpx-69 {
    width: 69px;
  }
  .hpx-69 {
    height: 69px;
  }
  .z-index-69 {
    z-index: 69;
  }
  .vw-69 {
    width: 69vw;
  }
  .vh-69 {
    height: 69vh;
  }
  .line-h69 {
    line-height: 69px;
  }
  .w-70 {
    width: 70% !important;
  }
  .wpx-70 {
    width: 70px;
  }
  .hpx-70 {
    height: 70px;
  }
  .z-index-70 {
    z-index: 70;
  }
  .vw-70 {
    width: 70vw;
  }
  .vh-70 {
    height: 70vh;
  }
  .line-h70 {
    line-height: 70px;
  }
  .w-71 {
    width: 71% !important;
  }
  .wpx-71 {
    width: 71px;
  }
  .hpx-71 {
    height: 71px;
  }
  .z-index-71 {
    z-index: 71;
  }
  .vw-71 {
    width: 71vw;
  }
  .vh-71 {
    height: 71vh;
  }
  .line-h71 {
    line-height: 71px;
  }
  .w-72 {
    width: 72% !important;
  }
  .wpx-72 {
    width: 72px;
  }
  .hpx-72 {
    height: 72px;
  }
  .z-index-72 {
    z-index: 72;
  }
  .vw-72 {
    width: 72vw;
  }
  .vh-72 {
    height: 72vh;
  }
  .line-h72 {
    line-height: 72px;
  }
  .w-73 {
    width: 73% !important;
  }
  .wpx-73 {
    width: 73px;
  }
  .hpx-73 {
    height: 73px;
  }
  .z-index-73 {
    z-index: 73;
  }
  .vw-73 {
    width: 73vw;
  }
  .vh-73 {
    height: 73vh;
  }
  .line-h73 {
    line-height: 73px;
  }
  .w-74 {
    width: 74% !important;
  }
  .wpx-74 {
    width: 74px;
  }
  .hpx-74 {
    height: 74px;
  }
  .z-index-74 {
    z-index: 74;
  }
  .vw-74 {
    width: 74vw;
  }
  .vh-74 {
    height: 74vh;
  }
  .line-h74 {
    line-height: 74px;
  }
  .w-75 {
    width: 75% !important;
  }
  .wpx-75 {
    width: 75px;
  }
  .hpx-75 {
    height: 75px;
  }
  .z-index-75 {
    z-index: 75;
  }
  .vw-75 {
    width: 75vw;
  }
  .vh-75 {
    height: 75vh;
  }
  .line-h75 {
    line-height: 75px;
  }
  .w-76 {
    width: 76% !important;
  }
  .wpx-76 {
    width: 76px;
  }
  .hpx-76 {
    height: 76px;
  }
  .z-index-76 {
    z-index: 76;
  }
  .vw-76 {
    width: 76vw;
  }
  .vh-76 {
    height: 76vh;
  }
  .line-h76 {
    line-height: 76px;
  }
  .w-77 {
    width: 77% !important;
  }
  .wpx-77 {
    width: 77px;
  }
  .hpx-77 {
    height: 77px;
  }
  .z-index-77 {
    z-index: 77;
  }
  .vw-77 {
    width: 77vw;
  }
  .vh-77 {
    height: 77vh;
  }
  .line-h77 {
    line-height: 77px;
  }
  .w-78 {
    width: 78% !important;
  }
  .wpx-78 {
    width: 78px;
  }
  .hpx-78 {
    height: 78px;
  }
  .z-index-78 {
    z-index: 78;
  }
  .vw-78 {
    width: 78vw;
  }
  .vh-78 {
    height: 78vh;
  }
  .line-h78 {
    line-height: 78px;
  }
  .w-79 {
    width: 79% !important;
  }
  .wpx-79 {
    width: 79px;
  }
  .hpx-79 {
    height: 79px;
  }
  .z-index-79 {
    z-index: 79;
  }
  .vw-79 {
    width: 79vw;
  }
  .vh-79 {
    height: 79vh;
  }
  .line-h79 {
    line-height: 79px;
  }
  .w-80 {
    width: 80% !important;
  }
  .wpx-80 {
    width: 80px;
  }
  .hpx-80 {
    height: 80px;
  }
  .z-index-80 {
    z-index: 80;
  }
  .vw-80 {
    width: 80vw;
  }
  .vh-80 {
    height: 80vh;
  }
  .line-h80 {
    line-height: 80px;
  }
  .w-81 {
    width: 81% !important;
  }
  .wpx-81 {
    width: 81px;
  }
  .hpx-81 {
    height: 81px;
  }
  .z-index-81 {
    z-index: 81;
  }
  .vw-81 {
    width: 81vw;
  }
  .vh-81 {
    height: 81vh;
  }
  .line-h81 {
    line-height: 81px;
  }
  .w-82 {
    width: 82% !important;
  }
  .wpx-82 {
    width: 82px;
  }
  .hpx-82 {
    height: 82px;
  }
  .z-index-82 {
    z-index: 82;
  }
  .vw-82 {
    width: 82vw;
  }
  .vh-82 {
    height: 82vh;
  }
  .line-h82 {
    line-height: 82px;
  }
  .w-83 {
    width: 83% !important;
  }
  .wpx-83 {
    width: 83px;
  }
  .hpx-83 {
    height: 83px;
  }
  .z-index-83 {
    z-index: 83;
  }
  .vw-83 {
    width: 83vw;
  }
  .vh-83 {
    height: 83vh;
  }
  .line-h83 {
    line-height: 83px;
  }
  .w-84 {
    width: 84% !important;
  }
  .wpx-84 {
    width: 84px;
  }
  .hpx-84 {
    height: 84px;
  }
  .z-index-84 {
    z-index: 84;
  }
  .vw-84 {
    width: 84vw;
  }
  .vh-84 {
    height: 84vh;
  }
  .line-h84 {
    line-height: 84px;
  }
  .w-85 {
    width: 85% !important;
  }
  .wpx-85 {
    width: 85px;
  }
  .hpx-85 {
    height: 85px;
  }
  .z-index-85 {
    z-index: 85;
  }
  .vw-85 {
    width: 85vw;
  }
  .vh-85 {
    height: 85vh;
  }
  .line-h85 {
    line-height: 85px;
  }
  .w-86 {
    width: 86% !important;
  }
  .wpx-86 {
    width: 86px;
  }
  .hpx-86 {
    height: 86px;
  }
  .z-index-86 {
    z-index: 86;
  }
  .vw-86 {
    width: 86vw;
  }
  .vh-86 {
    height: 86vh;
  }
  .line-h86 {
    line-height: 86px;
  }
  .w-87 {
    width: 87% !important;
  }
  .wpx-87 {
    width: 87px;
  }
  .hpx-87 {
    height: 87px;
  }
  .z-index-87 {
    z-index: 87;
  }
  .vw-87 {
    width: 87vw;
  }
  .vh-87 {
    height: 87vh;
  }
  .line-h87 {
    line-height: 87px;
  }
  .w-88 {
    width: 88% !important;
  }
  .wpx-88 {
    width: 88px;
  }
  .hpx-88 {
    height: 88px;
  }
  .z-index-88 {
    z-index: 88;
  }
  .vw-88 {
    width: 88vw;
  }
  .vh-88 {
    height: 88vh;
  }
  .line-h88 {
    line-height: 88px;
  }
  .w-89 {
    width: 89% !important;
  }
  .wpx-89 {
    width: 89px;
  }
  .hpx-89 {
    height: 89px;
  }
  .z-index-89 {
    z-index: 89;
  }
  .vw-89 {
    width: 89vw;
  }
  .vh-89 {
    height: 89vh;
  }
  .line-h89 {
    line-height: 89px;
  }
  .w-90 {
    width: 90% !important;
  }
  .wpx-90 {
    width: 90px;
  }
  .hpx-90 {
    height: 90px;
  }
  .z-index-90 {
    z-index: 90;
  }
  .vw-90 {
    width: 90vw;
  }
  .vh-90 {
    height: 90vh;
  }
  .line-h90 {
    line-height: 90px;
  }
  .w-91 {
    width: 91% !important;
  }
  .wpx-91 {
    width: 91px;
  }
  .hpx-91 {
    height: 91px;
  }
  .z-index-91 {
    z-index: 91;
  }
  .vw-91 {
    width: 91vw;
  }
  .vh-91 {
    height: 91vh;
  }
  .line-h91 {
    line-height: 91px;
  }
  .w-92 {
    width: 92% !important;
  }
  .wpx-92 {
    width: 92px;
  }
  .hpx-92 {
    height: 92px;
  }
  .z-index-92 {
    z-index: 92;
  }
  .vw-92 {
    width: 92vw;
  }
  .vh-92 {
    height: 92vh;
  }
  .line-h92 {
    line-height: 92px;
  }
  .w-93 {
    width: 93% !important;
  }
  .wpx-93 {
    width: 93px;
  }
  .hpx-93 {
    height: 93px;
  }
  .z-index-93 {
    z-index: 93;
  }
  .vw-93 {
    width: 93vw;
  }
  .vh-93 {
    height: 93vh;
  }
  .line-h93 {
    line-height: 93px;
  }
  .w-94 {
    width: 94% !important;
  }
  .wpx-94 {
    width: 94px;
  }
  .hpx-94 {
    height: 94px;
  }
  .z-index-94 {
    z-index: 94;
  }
  .vw-94 {
    width: 94vw;
  }
  .vh-94 {
    height: 94vh;
  }
  .line-h94 {
    line-height: 94px;
  }
  .w-95 {
    width: 95% !important;
  }
  .wpx-95 {
    width: 95px;
  }
  .hpx-95 {
    height: 95px;
  }
  .z-index-95 {
    z-index: 95;
  }
  .vw-95 {
    width: 95vw;
  }
  .vh-95 {
    height: 95vh;
  }
  .line-h95 {
    line-height: 95px;
  }
  .w-96 {
    width: 96% !important;
  }
  .wpx-96 {
    width: 96px;
  }
  .hpx-96 {
    height: 96px;
  }
  .z-index-96 {
    z-index: 96;
  }
  .vw-96 {
    width: 96vw;
  }
  .vh-96 {
    height: 96vh;
  }
  .line-h96 {
    line-height: 96px;
  }
  .w-97 {
    width: 97% !important;
  }
  .wpx-97 {
    width: 97px;
  }
  .hpx-97 {
    height: 97px;
  }
  .z-index-97 {
    z-index: 97;
  }
  .vw-97 {
    width: 97vw;
  }
  .vh-97 {
    height: 97vh;
  }
  .line-h97 {
    line-height: 97px;
  }
  .w-98 {
    width: 98% !important;
  }
  .wpx-98 {
    width: 98px;
  }
  .hpx-98 {
    height: 98px;
  }
  .z-index-98 {
    z-index: 98;
  }
  .vw-98 {
    width: 98vw;
  }
  .vh-98 {
    height: 98vh;
  }
  .line-h98 {
    line-height: 98px;
  }
  .w-99 {
    width: 99% !important;
  }
  .wpx-99 {
    width: 99px;
  }
  .hpx-99 {
    height: 99px;
  }
  .z-index-99 {
    z-index: 99;
  }
  .vw-99 {
    width: 99vw;
  }
  .vh-99 {
    height: 99vh;
  }
  .line-h99 {
    line-height: 99px;
  }
  .w-100 {
    width: 100% !important;
  }
  .wpx-100 {
    width: 100px;
  }
  .hpx-100 {
    height: 100px;
  }
  .z-index-100 {
    z-index: 100;
  }
  .vw-100 {
    width: 100vw;
  }
  .vh-100 {
    height: 100vh;
  }
  .line-h100 {
    line-height: 100px;
  }
  .h-100 {
    height: 100%;
  }
  .lh-10 {
    line-height: 1 !important;
  }
  .lh-11 {
    line-height: 1.1 !important;
  }
  .lh-12 {
    line-height: 1.2 !important;
  }
  .lh-13 {
    line-height: 1.3 !important;
  }
  .lh-14 {
    line-height: 1.4 !important;
  }
  .lh-15 {
    line-height: 1.5 !important;
  }
  .lh-16 {
    line-height: 1.6 !important;
  }
  .lh-17 {
    line-height: 1.7 !important;
  }
  .lh-18 {
    line-height: 1.8 !important;
  }
  .lh-19 {
    line-height: 1.9 !important;
  }
  .lh-20 {
    line-height: 2 !important;
  }
  .lh-21 {
    line-height: 2.1 !important;
  }
  .lh-22 {
    line-height: 2.2 !important;
  }
  /**
  padding margin
  */
  .m-0 {
    margin: 3px !important;
  }
  .m-1 {
    margin: 5px !important;
  }
  .m-2 {
    margin: 10px !important;
  }
  .m-3 {
    margin: 15px !important;
  }
  .m-4 {
    margin: 20px !important;
  }
  .m-5 {
    margin: 25px !important;
  }
  .m-6 {
    margin: 30px !important;
  }
  .m-7 {
    margin: 35px !important;
  }
  .m-8 {
    margin: 40px !important;
  }
  .m-9 {
    margin: 45px !important;
  }
  .m-10 {
    margin: 50px !important;
  }
  .m-a {
    margin: auto !important;
  }
  .mx-0 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .mx-1 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mx-2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mx-3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mx-4 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mx-5 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mx-6 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .mx-7 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .mx-8 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .mx-9 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .mx-10 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .mx-a {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-0 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .my-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .my-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .my-3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .my-4 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .my-5 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .my-6 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .my-7 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .my-8 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .my-9 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .my-10 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .my-a {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-0 {
    margin-top: 3px !important;
  }
  .mt-1 {
    margin-top: 5px !important;
  }
  .mt-2 {
    margin-top: 10px !important;
  }
  .mt-3 {
    margin-top: 15px !important;
  }
  .mt-4 {
    margin-top: 20px !important;
  }
  .mt-5 {
    margin-top: 25px !important;
  }
  .mt-6 {
    margin-top: 30px !important;
  }
  .mt-7 {
    margin-top: 35px !important;
  }
  .mt-8 {
    margin-top: 40px !important;
  }
  .mt-9 {
    margin-top: 45px !important;
  }
  .mt-10 {
    margin-top: 50px !important;
  }
  .mt-a {
    margin-top: auto !important;
  }
  .mb-0 {
    margin-bottom: 3px !important;
  }
  .mb-1 {
    margin-bottom: 5px !important;
  }
  .mb-2 {
    margin-bottom: 10px !important;
  }
  .mb-3 {
    margin-bottom: 15px !important;
  }
  .mb-4 {
    margin-bottom: 20px !important;
  }
  .mb-5 {
    margin-bottom: 25px !important;
  }
  .mb-6 {
    margin-bottom: 30px !important;
  }
  .mb-7 {
    margin-bottom: 35px !important;
  }
  .mb-8 {
    margin-bottom: 40px !important;
  }
  .mb-9 {
    margin-bottom: 45px !important;
  }
  .mb-10 {
    margin-bottom: 50px !important;
  }
  .mb-a {
    margin-bottom: auto !important;
  }
  .ml-0 {
    margin-left: 3px !important;
  }
  .ml-1 {
    margin-left: 5px !important;
  }
  .ml-2 {
    margin-left: 10px !important;
  }
  .ml-3 {
    margin-left: 15px !important;
  }
  .ml-4 {
    margin-left: 20px !important;
  }
  .ml-5 {
    margin-left: 25px !important;
  }
  .ml-6 {
    margin-left: 30px !important;
  }
  .ml-7 {
    margin-left: 35px !important;
  }
  .ml-8 {
    margin-left: 40px !important;
  }
  .ml-9 {
    margin-left: 45px !important;
  }
  .ml-10 {
    margin-left: 50px !important;
  }
  .ml-a {
    margin-left: auto !important;
  }
  .mr-0 {
    margin-right: 3px !important;
  }
  .mr-1 {
    margin-right: 5px !important;
  }
  .mr-2 {
    margin-right: 10px !important;
  }
  .mr-3 {
    margin-right: 15px !important;
  }
  .mr-4 {
    margin-right: 20px !important;
  }
  .mr-5 {
    margin-right: 25px !important;
  }
  .mr-6 {
    margin-right: 30px !important;
  }
  .mr-7 {
    margin-right: 35px !important;
  }
  .mr-8 {
    margin-right: 40px !important;
  }
  .mr-9 {
    margin-right: 45px !important;
  }
  .mr-10 {
    margin-right: 50px !important;
  }
  .mr-a {
    margin-right: auto !important;
  }
  .p-0 {
    padding: 3px !important;
  }
  .p-1 {
    padding: 5px !important;
  }
  .p-2 {
    padding: 10px !important;
  }
  .p-3 {
    padding: 15px !important;
  }
  .p-4 {
    padding: 20px !important;
  }
  .p-5 {
    padding: 25px !important;
  }
  .p-6 {
    padding: 30px !important;
  }
  .p-7 {
    padding: 35px !important;
  }
  .p-8 {
    padding: 40px !important;
  }
  .p-9 {
    padding: 45px !important;
  }
  .p-10 {
    padding: 50px !important;
  }
  .p-a {
    padding: auto !important;
  }
  .px-0 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .px-1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .px-2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .px-4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-5 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .px-6 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .px-7 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .px-8 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .px-9 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .px-10 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .px-a {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-0 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .py-1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .py-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .py-3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-4 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .py-5 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .py-6 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .py-7 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .py-8 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .py-9 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .py-10 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .py-a {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-0 {
    padding-top: 3px !important;
  }
  .pt-1 {
    padding-top: 5px !important;
  }
  .pt-2 {
    padding-top: 10px !important;
  }
  .pt-3 {
    padding-top: 15px !important;
  }
  .pt-4 {
    padding-top: 20px !important;
  }
  .pt-5 {
    padding-top: 25px !important;
  }
  .pt-6 {
    padding-top: 30px !important;
  }
  .pt-7 {
    padding-top: 35px !important;
  }
  .pt-8 {
    padding-top: 40px !important;
  }
  .pt-9 {
    padding-top: 45px !important;
  }
  .pt-10 {
    padding-top: 50px !important;
  }
  .pt-a {
    padding-top: auto !important;
  }
  .pb-0 {
    padding-bottom: 3px !important;
  }
  .pb-1 {
    padding-bottom: 5px !important;
  }
  .pb-2 {
    padding-bottom: 10px !important;
  }
  .pb-3 {
    padding-bottom: 15px !important;
  }
  .pb-4 {
    padding-bottom: 20px !important;
  }
  .pb-5 {
    padding-bottom: 25px !important;
  }
  .pb-6 {
    padding-bottom: 30px !important;
  }
  .pb-7 {
    padding-bottom: 35px !important;
  }
  .pb-8 {
    padding-bottom: 40px !important;
  }
  .pb-9 {
    padding-bottom: 45px !important;
  }
  .pb-10 {
    padding-bottom: 50px !important;
  }
  .pb-a {
    padding-bottom: auto !important;
  }
  .pl-0 {
    padding-left: 3px !important;
  }
  .pl-1 {
    padding-left: 5px !important;
  }
  .pl-2 {
    padding-left: 10px !important;
  }
  .pl-3 {
    padding-left: 15px !important;
  }
  .pl-4 {
    padding-left: 20px !important;
  }
  .pl-5 {
    padding-left: 25px !important;
  }
  .pl-6 {
    padding-left: 30px !important;
  }
  .pl-7 {
    padding-left: 35px !important;
  }
  .pl-8 {
    padding-left: 40px !important;
  }
  .pl-9 {
    padding-left: 45px !important;
  }
  .pl-10 {
    padding-left: 50px !important;
  }
  .pl-a {
    padding-left: auto !important;
  }
  .pr-0 {
    padding-right: 3px !important;
  }
  .pr-1 {
    padding-right: 5px !important;
  }
  .pr-2 {
    padding-right: 10px !important;
  }
  .pr-3 {
    padding-right: 15px !important;
  }
  .pr-4 {
    padding-right: 20px !important;
  }
  .pr-5 {
    padding-right: 25px !important;
  }
  .pr-6 {
    padding-right: 30px !important;
  }
  .pr-7 {
    padding-right: 35px !important;
  }
  .pr-8 {
    padding-right: 40px !important;
  }
  .pr-9 {
    padding-right: 45px !important;
  }
  .pr-10 {
    padding-right: 50px !important;
  }
  .pr-a {
    padding-right: auto !important;
  }
  table {
    border-collapse: collapse; /* 合并边框 */
  }
  th, td {
    padding: 8px;
    text-align: left;
  }
  .dot {
    position: relative;
    padding-left: 28px;
  }
  .dot::before {
    content: " • ";
    position: absolute;
    top: 14px;
    left: 6px;
    font-size: 30px;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 100%;
  }
  .line_title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px !important;
  }
  .line_title_s {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px !important;
  }
  a {
    text-decoration: none;
  }
  .m-a0 {
    margin: 0 auto;
  }
  .bg-e {
    background: #eee;
  }
  .themcolor {
    color: #1D2B5B;
  }
  .themBg {
    background: #1D2B5B;
  }
  .justify-text {
    text-align: justify;
    text-justify: inter-word;
  }
  .ls--1 {
    letter-spacing: -0.5px;
  }
  .ls-0 {
    letter-spacing: 0px;
  }
  .ls-1 {
    letter-spacing: 1px;
  }
  .ls-2 {
    letter-spacing: 1px;
  }
  .ls-3 {
    letter-spacing: 1px;
  }
  .ls-4 {
    letter-spacing: 1px;
  }
  .ls-4 {
    letter-spacing: 1px;
  }
  .ls-6 {
    letter-spacing: 1px;
  }
  .ls-7 {
    letter-spacing: 1px;
  }
  .ls-8 {
    letter-spacing: 1px;
  }
  /* style.css 或 global.css */
  @font-face {
    font-family: "Roboto";
    src: url(../fonts/Roboto-VariableFont_wdth,wght.3aa911d4.ttf) format("truetype");
    font-weight: 100 900;
    font-display: swap;
  }
  * {
    font-family: "Roboto", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Noto Sans SC", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.028em;
    line-height: 1.4;
  }
  .PingFangL {
    font-family: "Roboto";
    font-weight: 300;
  }
  .PingFangM {
    font-family: "Roboto";
    font-weight: 500;
  }
  .PingFangR {
    font-family: "Roboto";
  }
  .no-copy {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  *::-webkit-scrollbar {
    display: none !important;
  }
  * {
    word-break: break-word;
  }
  .pageMain {
    padding-top: 72px;
  }
  .fullScreen {
    height: 100%;
  }
  .main_bg {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0.3;
  }
  .word-break {
    word-break: break-word;
  }
  .text-ellipsis {
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏超出容器的部分 */
    text-overflow: ellipsis; /* 显示省略号 */
  }
  .animated-text {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
    transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  }
  /* 可见状态 - 移动到原位置并显示 */
  .animated-text.visible {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .multilineOne-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .multilineTwo-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .multilineFour-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .multilineThree-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .breakword {
    white-space: pre-wrap; /* 保留空白符并自动换行 */
  }
}
@charset "UTF-8";
/* style.css 或 global.css */
@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto-VariableFont_wdth,wght.3aa911d4.ttf) format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
* {
  font-family: "Roboto", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "Noto Sans SC", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.028em;
  line-height: 1.4;
}

.PingFangL {
  font-family: "Roboto";
  font-weight: 300;
}

.PingFangM {
  font-family: "Roboto";
  font-weight: 500;
}

.PingFangR {
  font-family: "Roboto";
}

.no-copy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

*::-webkit-scrollbar {
  display: none !important;
}

* {
  word-break: break-word;
}

.pageMain {
  padding-top: 72px;
}

.fullScreen {
  height: 100%;
}

.main_bg {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 9999;
  opacity: 0.3;
}

.word-break {
  word-break: break-word;
}

.text-ellipsis {
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏超出容器的部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}

.animated-text {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}

/* 可见状态 - 移动到原位置并显示 */
.animated-text.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.multilineOne-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multilineTwo-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multilineFour-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* 显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multilineThree-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!
 * fullPage 3.1.2
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}