/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
:root {
  --primary-color: #1890FF;
  --component-background: #ffffff;
  --text-color: rgba(0, 0, 0, 0.65);
  --text-color-secondary: rgba(0, 0, 0, 0.45);
  --text-color-inverse: #fff;
  --icon-color: inherit;
  --icon-color-hover: rgba(0, 0, 0, 0.75);
  --heading-color: rgba(0, 0, 0, 0.85);
  --heading-color-dark: #ffffff;
  --text-color-dark: rgba(255, 255, 255, 0.85);
  --text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --text-selection-bg: #1890FF;
  --font-size-base: 12px;
  --font-size-lg: 14px;
  --font-size-sm: 12px;
  --line-height-base: 1.5;
  --border-radius-base: 4px;
  --border-radius-sm: 2px;
  --item-active-bg: rgba(0, 0, 0, 0.1);
  --item-hover-bg: rgba(0, 0, 0, 0.05);
  --item-hover-color: rgba(0, 0, 0, 0.65);
  --link-color: #1890ff;
  --link-hover-color: #40a9ff;
  --link-active-color: #096dd9;
  --link-decoration: none;
  --link-hover-decoration: none;
  --border-color-base: #d9d9d9;
  --border-color-split: #e8e8e8;
  --border-color-inverse: #fff;
  --border-width-base: 1px;
  --border-style-base: solid;
  --outline-blur-size: 0;
  --outline-width: 2px;
  --outline-color: #1890ff;
  --background-color-light: #fafafa;
  --background-color-base: #f5f5f5;
  --disabled-color: rgba(0, 0, 0, 0.25);
  --disabled-bg: #f5f5f5;
  --disabled-color-dark: rgba(255, 255, 255, 0.35);
  --shadow-color: rgba(0, 0, 0, 0.15);
  --shadow-color-inverse: #fff;
  --box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-1-up: 0 -2px 8px rgba(0, 0, 0, 0.15);
  --shadow-1-down: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-1-left: -2px 0 8px rgba(0, 0, 0, 0.15);
  --shadow-1-right: 2px 0 8px rgba(0, 0, 0, 0.15);
  --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.15);
  --btn-default-color: #000000;
  --btn-default-bg: #fff;
  --btn-default-border-color: rgba(0, 0, 0, 0.2);
  --btn-danger-bg: #ff4d4f;
  --error-8: #a8071a;
}
.gant-pageloading {
  background: var(--component-background);
  text-align: center;
  /*.turn150{
    transform-origin:50% 50px;
    transform:rotate(120deg);
  }
  .turn-150{
    transform-origin:50% 50px;
    transform:rotate(240deg);
  }
  */
}
.gant-pageloading .loader {
  width: 200px;
  height: 200px;
  float: left;
  position: relative;
}
.gant-pageloading .tr3d {
  -webkit-perspective: 150px;
          perspective: 150px;
}
.gant-pageloading .square-spin > div {
  width: 70px;
  height: 70px;
  background: #1890ff;
  position: absolute;
  left: calc(50% - 70px / 2);
  top: calc(50% - 70px / 2);
  -webkit-animation: square-spin 2.6s ease-in-out infinite;
          animation: square-spin 2.6s ease-in-out infinite;
}
@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: rotateY(-0.5turn);
            transform: rotateY(-0.5turn);
  }
  50% {
    -webkit-transform: rotateY(-0.5turn) rotateX(0.5turn);
            transform: rotateY(-0.5turn) rotateX(0.5turn);
  }
  75% {
    -webkit-transform: rotateY(-1turn) rotateX(0.5turn);
            transform: rotateY(-1turn) rotateX(0.5turn);
  }
  100% {
    -webkit-transform: rotateY(-1turn) rotateX(0turn);
            transform: rotateY(-1turn) rotateX(0turn);
  }
}
@keyframes square-spin {
  25% {
    -webkit-transform: rotateY(-0.5turn);
            transform: rotateY(-0.5turn);
  }
  50% {
    -webkit-transform: rotateY(-0.5turn) rotateX(0.5turn);
            transform: rotateY(-0.5turn) rotateX(0.5turn);
  }
  75% {
    -webkit-transform: rotateY(-1turn) rotateX(0.5turn);
            transform: rotateY(-1turn) rotateX(0.5turn);
  }
  100% {
    -webkit-transform: rotateY(-1turn) rotateX(0turn);
            transform: rotateY(-1turn) rotateX(0turn);
  }
}
.gant-pageloading .triangle-skew-spin div {
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-top-color: #1890ff;
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px + 12px);
  -webkit-animation: triangle-skew-spin 2.6s ease-in-out infinite;
          animation: triangle-skew-spin 2.6s ease-in-out infinite;
  -webkit-transform-origin: 50% 25%;
      -ms-transform-origin: 50% 25%;
          transform-origin: 50% 25%;
}
@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: rotateX(-0.5turn);
            transform: rotateX(-0.5turn);
  }
  50% {
    -webkit-transform: rotateY(-0.5turn) rotateX(-0.5turn);
            transform: rotateY(-0.5turn) rotateX(-0.5turn);
  }
  75% {
    -webkit-transform: rotateY(-0.5turn) rotateX(-1turn);
            transform: rotateY(-0.5turn) rotateX(-1turn);
  }
  100% {
    -webkit-transform: rotateY(-1turn) rotateX(-1turn);
            transform: rotateY(-1turn) rotateX(-1turn);
  }
}
@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: rotateX(-0.5turn);
            transform: rotateX(-0.5turn);
  }
  50% {
    -webkit-transform: rotateY(-0.5turn) rotateX(-0.5turn);
            transform: rotateY(-0.5turn) rotateX(-0.5turn);
  }
  75% {
    -webkit-transform: rotateY(-0.5turn) rotateX(-1turn);
            transform: rotateY(-0.5turn) rotateX(-1turn);
  }
  100% {
    -webkit-transform: rotateY(-1turn) rotateX(-1turn);
            transform: rotateY(-1turn) rotateX(-1turn);
  }
}
.gant-pageloading .ball-clip-rotate > div {
  width: 30px;
  height: 30px;
  border: 3px solid #1890ff;
  border-top-color: transparent;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 30px / 2);
  top: calc(50% - 30px / 2);
  -webkit-animation: ball-clip-rotate 0.85s linear infinite;
          animation: ball-clip-rotate 0.85s linear infinite;
}
@-webkit-keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0) scale(0.5);
            transform: rotate(0) scale(0.5);
  }
  50% {
    -webkit-transform: rotate(0.5turn) scale(1);
            transform: rotate(0.5turn) scale(1);
  }
  100% {
    -webkit-transform: rotate(1turn) scale(0.5);
            transform: rotate(1turn) scale(0.5);
  }
}
@keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0) scale(0.5);
            transform: rotate(0) scale(0.5);
  }
  50% {
    -webkit-transform: rotate(0.5turn) scale(1);
            transform: rotate(0.5turn) scale(1);
  }
  100% {
    -webkit-transform: rotate(1turn) scale(0.5);
            transform: rotate(1turn) scale(0.5);
  }
}
.gant-pageloading .ball-clip-rotate-pulse > div:first-child {
  width: 14px;
  height: 14px;
  background: #1890ff;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 14px / 2);
  top: calc(50% - 14px / 2);
  -webkit-animation: ball-clip-rotate-pulse1 1s ease-out infinite;
          animation: ball-clip-rotate-pulse1 1s ease-out infinite;
}
.gant-pageloading .ball-clip-rotate-pulse > div:last-child {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 2px solid #1890ff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 32px / 2);
  top: calc(50% - 32px / 2);
  -webkit-animation: ball-clip-rotate-pulse2 1s linear infinite;
          animation: ball-clip-rotate-pulse2 1s linear infinite;
}
@-webkit-keyframes ball-clip-rotate-pulse1 {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes ball-clip-rotate-pulse1 {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes ball-clip-rotate-pulse2 {
  40%,
  50% {
    -webkit-transform: rotate(0.5turn) scale(0.6);
            transform: rotate(0.5turn) scale(0.6);
  }
  90%,
  100% {
    -webkit-transform: rotate(1turn) scale(1);
            transform: rotate(1turn) scale(1);
  }
}
@keyframes ball-clip-rotate-pulse2 {
  40%,
  50% {
    -webkit-transform: rotate(0.5turn) scale(0.6);
            transform: rotate(0.5turn) scale(0.6);
  }
  90%,
  100% {
    -webkit-transform: rotate(1turn) scale(1);
            transform: rotate(1turn) scale(1);
  }
}
.gant-pageloading .ball-clip-rotate-multiple > div:first-child {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid #1890ff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 18px / 2);
  top: calc(50% - 18px / 2);
  -webkit-animation: ball-clip-rotate-multiple1 1s linear infinite;
          animation: ball-clip-rotate-multiple1 1s linear infinite;
}
.gant-pageloading .ball-clip-rotate-multiple > div:last-child {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40px;
  height: 40px;
  border: 2px solid #1890ff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 40px / 2);
  top: calc(50% - 40px / 2);
  -webkit-animation: ball-clip-rotate-multiple2 1s linear infinite;
          animation: ball-clip-rotate-multiple2 1s linear infinite;
}
@-webkit-keyframes ball-clip-rotate-multiple1 {
  40%,
  45% {
    -webkit-transform: rotate(-1turn) scale(0.7);
            transform: rotate(-1turn) scale(0.7);
  }
  95%,
  100% {
    -webkit-transform: rotate(-2turn) scale(1);
            transform: rotate(-2turn) scale(1);
  }
}
@keyframes ball-clip-rotate-multiple1 {
  40%,
  45% {
    -webkit-transform: rotate(-1turn) scale(0.7);
            transform: rotate(-1turn) scale(0.7);
  }
  95%,
  100% {
    -webkit-transform: rotate(-2turn) scale(1);
            transform: rotate(-2turn) scale(1);
  }
}
@-webkit-keyframes ball-clip-rotate-multiple2 {
  40%,
  50% {
    -webkit-transform: rotate(0.5turn) scale(0.5);
            transform: rotate(0.5turn) scale(0.5);
  }
  90%,
  100% {
    -webkit-transform: rotate(1turn) scale(1);
            transform: rotate(1turn) scale(1);
  }
}
@keyframes ball-clip-rotate-multiple2 {
  40%,
  50% {
    -webkit-transform: rotate(0.5turn) scale(0.5);
            transform: rotate(0.5turn) scale(0.5);
  }
  90%,
  100% {
    -webkit-transform: rotate(1turn) scale(1);
            transform: rotate(1turn) scale(1);
  }
}
.gant-pageloading .ball-rotate div,
.gant-pageloading .ball-rotate div:after,
.gant-pageloading .ball-rotate div:before {
  width: 16px;
  height: 16px;
  background: #1890ff;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 16px / 2);
  top: calc(50% - 16px / 2);
}
.gant-pageloading .ball-rotate > div {
  -webkit-animation: ball-rotate 1s linear infinite;
          animation: ball-rotate 1s linear infinite;
}
.gant-pageloading .ball-rotate div:before {
  content: "";
  left: calc(-16px * 1.7);
}
.gant-pageloading .ball-rotate div:after {
  content: "";
  left: calc(16px * 1.7);
}
@-webkit-keyframes ball-rotate {
  0%,
  10% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  40%,
  60% {
    -webkit-transform: rotate(0.5turn) scale(0.5);
            transform: rotate(0.5turn) scale(0.5);
  }
  90%,
  100% {
    -webkit-transform: rotate(1turn) scale(1);
            transform: rotate(1turn) scale(1);
  }
}
@keyframes ball-rotate {
  0%,
  10% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  40%,
  60% {
    -webkit-transform: rotate(0.5turn) scale(0.5);
            transform: rotate(0.5turn) scale(0.5);
  }
  90%,
  100% {
    -webkit-transform: rotate(1turn) scale(1);
            transform: rotate(1turn) scale(1);
  }
}
.gant-pageloading .ball-pulse div {
  width: 16px;
  height: 16px;
  background: #1890ff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 16px / 2);
  -webkit-animation: ball-pulse 0.8s infinite linear;
          animation: ball-pulse 0.8s infinite linear;
}
.gant-pageloading .ball-pulse div:first-child {
  left: calc(50% - 16px / 2 - 16px * 1.4);
}
.gant-pageloading .ball-pulse div:nth-child(2) {
  left: calc(50% - 16px / 2);
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.gant-pageloading .ball-pulse div:nth-child(3) {
  left: calc(50% - 16px / 2 + 16px * 1.4);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
@-webkit-keyframes ball-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes ball-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.gant-pageloading .ball-beat div,
.gant-pageloading .ball-pulse-sync div {
  width: 16px;
  height: 16px;
  background: #1890ff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 16px / 2);
}
.gant-pageloading .ball-beat div {
  -webkit-animation: ball-beat 0.8s infinite linear;
          animation: ball-beat 0.8s infinite linear;
}
.gant-pageloading .ball-beat div:first-child {
  left: calc(50% - 16px / 2 - 16px * 1.3);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.gant-pageloading .ball-beat div:nth-child(2) {
  left: calc(50% - 16px / 2);
}
.gant-pageloading .ball-beat div:nth-child(3) {
  left: calc(50% - 16px / 2 + 16px * 1.3);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes ball-beat {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.gant-pageloading .ball-pulse-sync div {
  -webkit-animation: ball-pulse-sync 0.6s ease-out infinite backwards;
          animation: ball-pulse-sync 0.6s ease-out infinite backwards;
}
.gant-pageloading .ball-pulse-sync div:first-child {
  left: calc(50% - 16px / 2 - 16px * 1.3);
}
.gant-pageloading .ball-pulse-sync div:nth-child(2) {
  left: calc(50% - 16px / 2);
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}
.gant-pageloading .ball-pulse-sync div:nth-child(3) {
  left: calc(50% - 16px / 2 + 16px * 1.3);
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
}
@-webkit-keyframes ball-pulse-sync {
  0% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  35% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  100% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
}
@keyframes ball-pulse-sync {
  0% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  35% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  100% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
}
.gant-pageloading .ball-spin-fade-loader div {
  width: 16px;
  height: 16px;
  -webkit-transform-origin: 50% 36px;
      -ms-transform-origin: 50% 36px;
          transform-origin: 50% 36px;
  position: absolute;
  top: calc(50% - 16px / 2 - 36px);
  left: calc(50% - 16px / 2);
}
.gant-pageloading .ball-spin-fade-loader div:after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  background: #1890ff;
  border-radius: 50%;
  -webkit-animation: ball-spin-fade-loader 0.8s ease infinite;
          animation: ball-spin-fade-loader 0.8s ease infinite;
}
.gant-pageloading .line-spin-fade-loader div {
  width: 5px;
  height: 16px;
  -webkit-transform-origin: 50% 30px;
      -ms-transform-origin: 50% 30px;
          transform-origin: 50% 30px;
  position: absolute;
  top: calc(50% - 15px / 2 - 30px);
  left: calc(50% - 5px / 2);
}
.gant-pageloading .line-spin-fade-loader div:after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: 3px;
  background: #1890ff;
  -webkit-animation: line-spin-fade-loader 0.8s ease infinite;
          animation: line-spin-fade-loader 0.8s ease infinite;
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(2),
.gant-pageloading .line-spin-fade-loader > div:nth-child(2) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(3),
.gant-pageloading .line-spin-fade-loader > div:nth-child(3) {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(4),
.gant-pageloading .line-spin-fade-loader > div:nth-child(4) {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(5),
.gant-pageloading .line-spin-fade-loader > div:nth-child(5) {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(6),
.gant-pageloading .line-spin-fade-loader > div:nth-child(6) {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(7),
.gant-pageloading .line-spin-fade-loader > div:nth-child(7) {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(8),
.gant-pageloading .line-spin-fade-loader > div:nth-child(8) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(2):after,
.gant-pageloading .line-spin-fade-loader > div:nth-child(2):after {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(3):after,
.gant-pageloading .line-spin-fade-loader > div:nth-child(3):after {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(4):after,
.gant-pageloading .line-spin-fade-loader > div:nth-child(4):after {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(5):after,
.gant-pageloading .line-spin-fade-loader > div:nth-child(5):after {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(6):after,
.gant-pageloading .line-spin-fade-loader > div:nth-child(6):after {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(7):after,
.gant-pageloading .line-spin-fade-loader > div:nth-child(7):after {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.gant-pageloading .ball-spin-fade-loader > div:nth-child(8):after,
.gant-pageloading .line-spin-fade-loader > div:nth-child(8):after {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
@-webkit-keyframes ball-spin-fade-loader {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.3;
  }
}
@keyframes ball-spin-fade-loader {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.3;
  }
}
@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
}
@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
}
.gant-pageloading .ball-scale > div,
.gant-pageloading .ball-scale-multiple > div {
  width: 80px;
  height: 80px;
  background: #1890ff;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 80px / 2);
  top: calc(50% - 80px / 2);
}
.gant-pageloading .ball-scale > div {
  -webkit-animation: ball-scale 1s infinite ease-in-out;
          animation: ball-scale 1s infinite ease-in-out;
}
.gant-pageloading .ball-scale-multiple > div {
  -webkit-animation: ball-scale 1s infinite linear;
          animation: ball-scale 1s infinite linear;
}
.gant-pageloading .ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.gant-pageloading .ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
.gant-pageloading .ball-scale-ripple > div,
.gant-pageloading .ball-scale-ripple-multiple > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70px;
  height: 70px;
  border: 2px solid #1890ff;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 70px / 2);
  top: calc(50% - 70px / 2);
}
.gant-pageloading .ball-scale-ripple > div {
  -webkit-animation: ball-scale-ripple 1s infinite ease-in-out;
          animation: ball-scale-ripple 1s infinite ease-in-out;
}
.gant-pageloading .ball-scale-ripple-multiple > div {
  -webkit-animation: ball-scale-ripple 1s infinite ease-out;
          animation: ball-scale-ripple 1s infinite ease-out;
}
.gant-pageloading .ball-scale-ripple-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.gant-pageloading .ball-scale-ripple-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  85% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  85% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
.gant-pageloading .cube-transition > div {
  width: 10px;
  height: 10px;
  background: #1890ff;
  position: absolute;
  left: calc(50% - 10px / 2 - 25px);
  top: calc(50% - 10px / 2 - 25px);
  -webkit-animation: cube-transition 1.6s infinite ease-in-out;
          animation: cube-transition 1.6s infinite ease-in-out;
}
.gant-pageloading .cube-transition > div:last-child {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translate3d(50px, 0, 0) rotate(-90deg) scale(0.5);
            transform: translate3d(50px, 0, 0) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translate3d(50px, 50px, 0) rotate(-180deg) scale(1);
            transform: translate3d(50px, 50px, 0) rotate(-180deg) scale(1);
  }
  75% {
    -webkit-transform: translate3d(0, 50px, 0) rotate(-270deg) scale(0.5);
            transform: translate3d(0, 50px, 0) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-1turn) scale(1);
            transform: translate3d(0, 0, 0) rotate(-1turn) scale(1);
  }
}
@keyframes cube-transition {
  25% {
    -webkit-transform: translate3d(50px, 0, 0) rotate(-90deg) scale(0.5);
            transform: translate3d(50px, 0, 0) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translate3d(50px, 50px, 0) rotate(-180deg) scale(1);
            transform: translate3d(50px, 50px, 0) rotate(-180deg) scale(1);
  }
  75% {
    -webkit-transform: translate3d(0, 50px, 0) rotate(-270deg) scale(0.5);
            transform: translate3d(0, 50px, 0) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(-1turn) scale(1);
            transform: translate3d(0, 0, 0) rotate(-1turn) scale(1);
  }
}
.gant-pageloading .ball-zig-zag div,
.gant-pageloading .ball-zig-zag-deflect div {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 16px / 2);
  top: calc(50% - 16px / 2);
}
.gant-pageloading .turn {
  -webkit-transform: rotate(0.5turn);
      -ms-transform: rotate(0.5turn);
          transform: rotate(0.5turn);
}
.gant-pageloading .ball-zig-zag div:not([class="turn"]) {
  background: #1890ff;
  -webkit-animation: ball-zig-zag 0.8s linear infinite;
          animation: ball-zig-zag 0.8s linear infinite;
}
@-webkit-keyframes ball-zig-zag {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  33.3% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
  66.6% {
    -webkit-transform: translate3d(15px, -30px, 0);
            transform: translate3d(15px, -30px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes ball-zig-zag {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  33.3% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
  66.6% {
    -webkit-transform: translate3d(15px, -30px, 0);
            transform: translate3d(15px, -30px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.gant-pageloading .ball-zig-zag-deflect div:not([class="turn"]) {
  background: #1890ff;
  -webkit-animation: ball-zig-zag-deflect 1.4s linear infinite;
          animation: ball-zig-zag-deflect 1.4s linear infinite;
}
@-webkit-keyframes ball-zig-zag-deflect {
  0% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
  15% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -30px, 0);
            transform: translate3d(15px, -30px, 0);
  }
  65% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(15px, -30px, 0);
            transform: translate3d(15px, -30px, 0);
  }
  100% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
}
@keyframes ball-zig-zag-deflect {
  0% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
  15% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  30% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -30px, 0);
            transform: translate3d(15px, -30px, 0);
  }
  65% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(15px, -30px, 0);
            transform: translate3d(15px, -30px, 0);
  }
  100% {
    -webkit-transform: translate3d(-15px, -30px, 0);
            transform: translate3d(-15px, -30px, 0);
  }
}
.gant-pageloading .ball-pulse-rise div {
  width: 16px;
  height: 16px;
  background: #1890ff;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 16px / 2);
  top: calc(50% - 16px / 2 - 25px);
  -webkit-animation: ball-pulse-rise 1s linear infinite;
          animation: ball-pulse-rise 1s linear infinite;
}
.gant-pageloading .ball-pulse-rise div:nth-child(2),
.gant-pageloading .ball-pulse-rise div:nth-child(4) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.gant-pageloading .ball-pulse-rise div:nth-child(1) {
  left: calc(50% - 16px / 2 - 16px * 2 - 10px);
}
.gant-pageloading .ball-pulse-rise div:nth-child(5) {
  left: calc(50% - 16px / 2 + 16px * 2 + 10px);
}
.gant-pageloading .ball-pulse-rise div:nth-child(2) {
  left: calc(50% - 16px / 2 - 16px - 5px);
}
.gant-pageloading .ball-pulse-rise div:nth-child(4) {
  left: calc(50% - 16px / 2 + 16px + 5px);
}
@-webkit-keyframes ball-pulse-rise {
  25% {
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  50% {
    -webkit-transform: scale(1) translateY(50px);
            transform: scale(1) translateY(50px);
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
  }
}
@keyframes ball-pulse-rise {
  25% {
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  50% {
    -webkit-transform: scale(1) translateY(50px);
            transform: scale(1) translateY(50px);
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
  }
}
.gant-pageloading .ball-triangle-path div {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.gant-pageloading .ball-triangle-path > div {
  position: absolute;
  left: calc(50% - 14px / 2);
  top: 35%;
}
.gant-pageloading .ball-triangle-path div:not([class^="turn"]) {
  border: 1px solid #1890ff;
  -webkit-animation: ball-triangle-path 1.8s ease-in-out infinite;
          animation: ball-triangle-path 1.8s ease-in-out infinite;
}
.gant-pageloading .turn150 {
  -webkit-transform: rotate(150deg) translateY(-70px) rotate(-30deg);
      -ms-transform: rotate(150deg) translateY(-70px) rotate(-30deg);
          transform: rotate(150deg) translateY(-70px) rotate(-30deg);
}
.gant-pageloading .turn-150 {
  -webkit-transform: rotate(-150deg) translateY(-70px) rotate(30deg);
      -ms-transform: rotate(-150deg) translateY(-70px) rotate(30deg);
          transform: rotate(-150deg) translateY(-70px) rotate(30deg);
}
@-webkit-keyframes ball-triangle-path {
  33.33% {
    -webkit-transform: translate(40px, 70px);
            transform: translate(40px, 70px);
  }
  66.66% {
    -webkit-transform: translate(-40px, 70px);
            transform: translate(-40px, 70px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes ball-triangle-path {
  33.33% {
    -webkit-transform: translate(40px, 70px);
            transform: translate(40px, 70px);
  }
  66.66% {
    -webkit-transform: translate(-40px, 70px);
            transform: translate(-40px, 70px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.gant-pageloading .semi-circle-spin div {
  width: 20px;
  height: 40px;
  position: absolute;
  background: #1890ff;
  border-radius: 0 20px 20px 0;
  top: calc(50% - 40px / 2);
  left: 50%;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-animation: semi-circle-spin 0.6s linear infinite;
          animation: semi-circle-spin 0.6s linear infinite;
}
@-webkit-keyframes semi-circle-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes semi-circle-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.gant-pageloading .pa {
  font-size: 0;
  text-align: center;
  position: absolute;
  width: 40px;
  height: 40px;
  left: calc(50% - 40px / 2);
  top: calc(50% - 40px / 2);
}
.gant-pageloading .line-scale .pa div,
.gant-pageloading .line-scale-pulse-out .pa div,
.gant-pageloading .line-scale-pulse-out-rapid .pa div,
.gant-pageloading .line-scale-party .pa div {
  width: 4px;
  height: 40px;
  background: #1890ff;
  display: inline-block;
  margin: 0 2px;
  border-radius: 2px;
}
.gant-pageloading .line-scale .pa div {
  -webkit-animation: line-scale 1s linear infinite;
          animation: line-scale 1s linear infinite;
}
.gant-pageloading .line-scale .pa div:nth-child(2) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.gant-pageloading .line-scale .pa div:nth-child(3) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.gant-pageloading .line-scale .pa div:nth-child(4) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.gant-pageloading .line-scale .pa div:last-child {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
@-webkit-keyframes line-scale {
  0%,
  15%,
  85%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  35%,
  66% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes line-scale {
  0%,
  15%,
  85%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  35%,
  66% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.gant-pageloading .line-scale-pulse-out .pa div {
  -webkit-animation: line-scale-pulse-out 0.8s linear infinite;
          animation: line-scale-pulse-out 0.8s linear infinite;
}
.gant-pageloading .line-scale-pulse-out .pa div:nth-child(2),
.gant-pageloading .line-scale-pulse-out .pa div:nth-child(4) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.gant-pageloading .line-scale-pulse-out .pa div:nth-child(1),
.gant-pageloading .line-scale-pulse-out .pa div:nth-child(5) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
@-webkit-keyframes line-scale-pulse-out {
  0%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes line-scale-pulse-out {
  0%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  50% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.gant-pageloading .line-scale-pulse-out-rapid .pa div {
  -webkit-animation: line-scale-pulse-out-rapid 0.8s linear infinite;
          animation: line-scale-pulse-out-rapid 0.8s linear infinite;
}
.gant-pageloading .line-scale-pulse-out-rapid .pa div:nth-child(1),
.gant-pageloading .line-scale-pulse-out-rapid .pa div:nth-child(3),
.gant-pageloading .line-scale-pulse-out-rapid .pa div:nth-child(5) {
  -webkit-animation-delay: -0.55s;
          animation-delay: -0.55s;
}
@-webkit-keyframes line-scale-pulse-out-rapid {
  0%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  25% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes line-scale-pulse-out-rapid {
  0%,
  100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  25% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.gant-pageloading .line-scale-party .pa div {
  -webkit-animation: line-scale-party ease-out infinite;
          animation: line-scale-party ease-out infinite;
}
.gant-pageloading .line-scale-party .pa div:nth-child(1) {
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
}
.gant-pageloading .line-scale-party .pa div:nth-child(2) {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.gant-pageloading .line-scale-party .pa div:nth-child(3) {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.gant-pageloading .line-scale-party .pa div:nth-child(4) {
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
}
@-webkit-keyframes line-scale-party {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes line-scale-party {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.gant-pageloading .pacman div:nth-child(1),
.gant-pageloading .pacman div:nth-child(2) {
  width: 50px;
  height: 25px;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 50px / 2 - 50px);
}
.gant-pageloading .pacman div:nth-child(2) {
  -webkit-transform: rotateX(0.5turn) translateY(-25px);
          transform: rotateX(0.5turn) translateY(-25px);
}
.gant-pageloading .pacman div:nth-child(1):after,
.gant-pageloading .pacman div:nth-child(2):after {
  content: "";
  display: block;
  width: 50px;
  height: 25px;
  background: #1890ff;
  border-radius: 25px 25px 0 0;
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: pacman 0.5s linear infinite;
          animation: pacman 0.5s linear infinite;
}
@-webkit-keyframes pacman {
  25% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes pacman {
  25% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.gant-pageloading .pacman div:nth-child(3),
.gant-pageloading .pacman div:nth-child(4),
.gant-pageloading .pacman div:nth-child(5) {
  width: 10px;
  height: 10px;
  background: #1890ff;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 10px / 2);
  left: calc(50% - 10px / 2 + 45px);
  -webkit-animation: beans 1s linear infinite;
          animation: beans 1s linear infinite;
}
.gant-pageloading .pacman div:nth-child(4) {
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
}
.gant-pageloading .pacman div:nth-child(5) {
  -webkit-animation-delay: 0.66s;
          animation-delay: 0.66s;
}
@-webkit-keyframes beans {
  to {
    -webkit-transform: translate(-110px);
            transform: translate(-110px);
    opacity: 0.7;
  }
}
@keyframes beans {
  to {
    -webkit-transform: translate(-110px);
            transform: translate(-110px);
    opacity: 0.7;
  }
}
.gant-pageloading .ball-grid-beat div,
.gant-pageloading .ball-grid-pulse div {
  width: 16px;
  height: 16px;
  position: absolute;
  top: calc(50% - 16px / 2);
  left: calc(50% - 16px / 2);
}
.gant-pageloading .ball-grid-beat div:after,
.gant-pageloading .ball-grid-pulse div:after {
  content: "";
  display: block;
  background: #1890ff;
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.gant-pageloading .ball-grid-beat div:nth-child(1),
.gant-pageloading .ball-grid-pulse div:nth-child(1) {
  -webkit-transform: translate(-20px, -20px);
      -ms-transform: translate(-20px, -20px);
          transform: translate(-20px, -20px);
}
.gant-pageloading .ball-grid-beat div:nth-child(2),
.gant-pageloading .ball-grid-pulse div:nth-child(2) {
  -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
          transform: translate(0, -20px);
}
.gant-pageloading .ball-grid-beat div:nth-child(3),
.gant-pageloading .ball-grid-pulse div:nth-child(3) {
  -webkit-transform: translate(20px, -20px);
      -ms-transform: translate(20px, -20px);
          transform: translate(20px, -20px);
}
.gant-pageloading .ball-grid-beat div:nth-child(4),
.gant-pageloading .ball-grid-pulse div:nth-child(4) {
  -webkit-transform: translate(-20px, 0);
      -ms-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
}
.gant-pageloading .ball-grid-beat div:nth-child(6),
.gant-pageloading .ball-grid-pulse div:nth-child(6) {
  -webkit-transform: translate(20px, 0);
      -ms-transform: translate(20px, 0);
          transform: translate(20px, 0);
}
.gant-pageloading .ball-grid-beat div:nth-child(7),
.gant-pageloading .ball-grid-pulse div:nth-child(7) {
  -webkit-transform: translate(-20px, 20px);
      -ms-transform: translate(-20px, 20px);
          transform: translate(-20px, 20px);
}
.gant-pageloading .ball-grid-beat div:nth-child(8),
.gant-pageloading .ball-grid-pulse div:nth-child(8) {
  -webkit-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
}
.gant-pageloading .ball-grid-beat div:nth-child(9),
.gant-pageloading .ball-grid-pulse div:nth-child(9) {
  -webkit-transform: translate(20px, 20px);
      -ms-transform: translate(20px, 20px);
          transform: translate(20px, 20px);
}
.gant-pageloading .ball-grid-beat div:nth-child(1):after {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
  -webkit-animation-duration: 0.96s;
          animation-duration: 0.96s;
}
.gant-pageloading .ball-grid-beat div:nth-child(2):after {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-duration: 0.93s;
          animation-duration: 0.93s;
}
.gant-pageloading .ball-grid-beat div:nth-child(3):after {
  -webkit-animation-delay: 0.68s;
          animation-delay: 0.68s;
  -webkit-animation-duration: 1.19s;
          animation-duration: 1.19s;
}
.gant-pageloading .ball-grid-beat div:nth-child(4):after {
  -webkit-animation-delay: 0.41s;
          animation-delay: 0.41s;
  -webkit-animation-duration: 1.13s;
          animation-duration: 1.13s;
}
.gant-pageloading .ball-grid-beat div:nth-child(5):after {
  -webkit-animation-delay: 0.71s;
          animation-delay: 0.71s;
  -webkit-animation-duration: 1.34s;
          animation-duration: 1.34s;
}
.gant-pageloading .ball-grid-beat div:nth-child(6):after {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
  -webkit-animation-duration: 0.94s;
          animation-duration: 0.94s;
}
.gant-pageloading .ball-grid-beat div:nth-child(7):after {
  -webkit-animation-delay: -0.12s;
          animation-delay: -0.12s;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
.gant-pageloading .ball-grid-beat div:nth-child(8):after {
  -webkit-animation-delay: 0.01s;
          animation-delay: 0.01s;
  -webkit-animation-duration: 0.82s;
          animation-duration: 0.82s;
}
.gant-pageloading .ball-grid-beat div:nth-child(9):after {
  -webkit-animation-delay: 0.32s;
          animation-delay: 0.32s;
  -webkit-animation-duration: 1.19s;
          animation-duration: 1.19s;
}
.gant-pageloading .ball-grid-beat div:after {
  -webkit-animation: ball-grid-beat infinite linear;
          animation: ball-grid-beat infinite linear;
}
@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: 0.5;
  }
}
@keyframes ball-grid-beat {
  50% {
    opacity: 0.5;
  }
}
.gant-pageloading .ball-grid-pulse div:after {
  -webkit-animation: ball-grid-pulse infinite linear;
          animation: ball-grid-pulse infinite linear;
}
.gant-pageloading .ball-grid-pulse div:nth-child(1):after {
  -webkit-animation-delay: -0.06s;
          animation-delay: -0.06s;
  -webkit-animation-duration: 0.72s;
          animation-duration: 0.72s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(2):after {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
  -webkit-animation-duration: 1.02s;
          animation-duration: 1.02s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(3):after {
  -webkit-animation-delay: 0.17s;
          animation-delay: 0.17s;
  -webkit-animation-duration: 1.28s;
          animation-duration: 1.28s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(4):after {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
  -webkit-animation-duration: 1.42s;
          animation-duration: 1.42s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(5):after {
  -webkit-animation-delay: 0.31s;
          animation-delay: 0.31s;
  -webkit-animation-duration: 1.45s;
          animation-duration: 1.45s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(6):after {
  -webkit-animation-delay: 0.03s;
          animation-delay: 0.03s;
  -webkit-animation-duration: 1.18s;
          animation-duration: 1.18s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(7):after {
  -webkit-animation-delay: 0.46;
          animation-delay: 0.46;
  -webkit-animation-duration: 0.87s;
          animation-duration: 0.87s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(8):after {
  -webkit-animation-delay: 0.78s;
          animation-delay: 0.78s;
  -webkit-animation-duration: 1.45s;
          animation-duration: 1.45s;
}
.gant-pageloading .ball-grid-pulse div:nth-child(9):after {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
  -webkit-animation-duration: 1.06s;
          animation-duration: 1.06s;
}
@-webkit-keyframes ball-grid-pulse {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.4;
  }
}
@keyframes ball-grid-pulse {
  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.4;
  }
}