@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;
}
.animate__flipInX {
  -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;
}
.animate__flipInY {
  -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-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.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-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-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.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-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;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-gray-700 {
  --tw-text-opacity: 1;

  color: rgba(156, 163, 175, var(--tw-text-opacity));
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-medium {
  font-weight: 500;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.ml-15 {
  margin-left: 0.375rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-25 {
  margin: 0.625rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-center-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media print {
  @page {
    margin: 0;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.YSDCOfqFX6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.uRDUAtM4yY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.U893i6jYZ3 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.U893i6jYZ3 > i,
.U893i6jYZ3 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Qlo0a8iQ-U {
  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;
}
.M9FKn2eJXT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.FN8jzGXktM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dK1RCZoPpz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.sP9uFiPcoM {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wdDc97l8Y2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.BGZskCmOtS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.BGZskCmOtS .W2de-mBYVx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.BGZskCmOtS .W2de-mBYVx > span {
  color: rgba(0, 0, 0, 0.65);
}
.uRBnrDX8gl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.uRBnrDX8gl .\+XL\+YR3wEp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.uRBnrDX8gl .\+XL\+YR3wEp > span {
  font-size: 8px;
}
.de\+ypwn5I2 .ant-popover-inner-content {
  padding: 0;
}
.de\+ypwn5I2 .ant-popover-arrow {
  border-color: #475365 !important;
}
.de\+ypwn5I2 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.nsI-giTJOs {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.yUlcIRVyD1 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.yUlcIRVyD1 .wszm0BhCRY {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.GZe-Gwu2KH {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.rviAJ\+IPzS {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .rviAJ\+IPzS {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Bwu1DLVeK2 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .qCO2bZEUyH {
    /* This is the key */
  }
  .qCO2bZEUyH html,
  .qCO2bZEUyH body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .qCO2bZEUyH body,
  .qCO2bZEUyH div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .qCO2bZEUyH textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .qCO2bZEUyH table,
  .qCO2bZEUyH tr,
  .qCO2bZEUyH td {
    page-break-inside: avoid;
  }
  .qCO2bZEUyH div {
    page-break-inside: avoid;
  }
  .qCO2bZEUyH thead {
    display: table-header-group;
  }
  .qCO2bZEUyH tfoot {
    display: table-footer-group;
  }
  .qCO2bZEUyH * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .qCO2bZEUyH ._2cP0sMVc4T,
  .qCO2bZEUyH .no-print,
  .qCO2bZEUyH .react-resizable-handle,
  .qCO2bZEUyH .fc-whiteboard-toolbar,
  .qCO2bZEUyH .ant-modal-root,
  .qCO2bZEUyH .ant-alert,
  .qCO2bZEUyH .RuKl0vQALM,
  .qCO2bZEUyH .NlAC8SKu3H {
    display: none !important;
  }
  .qCO2bZEUyH ._6H2DfFpdHa {
    display: none !important;
  }
}
._0h2pR-jK0D {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 24px;
  position: relative;
}
._0h2pR-jK0D .ant-result-image {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
._0h2pR-jK0D .ant-result-subtitle {
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
}

.operation_sub_commander_container {
  position: relative;
}

.instruct-notifier {
  position: relative;
}

.instruct-notifier .ant-modal-confirm-title {
  font-size: 40px !important;
}

.instruct-notifier .ant-modal-confirm-content {
  font-size: 40px !important;
}

.operation_sub_commander_container {
  position: relative;
}

.operation_sub_commander_container {
  position: relative;
}

.inquiry-order-steps-container {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inquiry-order-steps-container {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 已经进行完成的进度条样式 */
.ant-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail:after {
  border: none !important;
  background: none !important;
  background-image: linear-gradient(to right, #4575ef 5px, white 5px) !important;
  background-size: 8.5px 2px !important;
  background-repeat: repeat-x !important;
  height: 2px !important;
}

/* 未进行的进度条样式 */
.ant-steps .ant-steps-item-tail:after {
  border: none !important;
  background: none !important;
  background-image: linear-gradient(to right, #b2b2b2 5px, white 5px) !important;
  background-size: 8.5px 2px !important;
  background-repeat: repeat-x !important;
  height: 2px !important;
}

.ant-steps .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  width: 16px !important;
  height: 16px !important;
  border: 4px solid #4575ef !important;
  background: white !important;
  -webkit-transform: translate(-50%, -25%) !important;
          transform: translate(-50%, -25%) !important;
  margin: 0 !important;
  position: absolute !important;
  top: 25% !important;
  left: 50% !important;
}

.ant-steps .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  width: 16px !important;
  height: 16px !important;
  border: 4px solid #4575ef !important;
  background: white !important;
  -webkit-transform: translate(-50%, -25%) !important;
          transform: translate(-50%, -25%) !important;
  margin: 0 !important;
  position: absolute !important;
  top: 25% !important;
  left: 50% !important;
}

.ant-steps .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  width: 16px !important;
  height: 16px !important;
  border: 4px solid #d9d9d9 !important;
  background: white !important;
  -webkit-transform: translate(-50%, -25%) !important;
          transform: translate(-50%, -25%) !important;
  margin: 0 !important;
  position: absolute !important;
  top: 25% !important;
  left: 50% !important;
}

.inquiry-order-steps-container {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.uc-card-legend-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 50px;
}

.uc-card-legend-container .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.uc-card-legend-container .item .color {
  background: #32c5ff;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: inline-block;
}

.uc-card-legend-container .item .label {
  margin-left: 8px;
  margin-right: 16px;
}

.uc-copyright-container {
  height: 20px !important;
}
.uc-copyright-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 10px;
}

.ufc-components-image-carousel-container {
  min-height: 100px;
  min-width: 100px;
}

.ufc-components-image-carousel-container .ant-carousel .slick-dots li button {
  background: #6874e2;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  opacity: 0.3;
}

.ufc-components-image-carousel-container
  .ant-carousel
  .slick-dots
  li.slick-active
  button {
  opacity: 1;
}

.ufc-components-image-carousel-flatten {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

.ufc-components-image-carousel-flatten .ufc-components-image-carousel-file {
  margin-right: 8px;
}

.ufc-components-image-carousel-file {
  height: 100%;
  width: 100%;
  min-height: 100px;
  min-width: 100px;
  position: relative;
  cursor: pointer;
  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;
}

.ufc-components-image-carousel-file .ufc-components-image-carousel-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.ufc-components-image-carousel-file .crossIcon {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
}

.ufc-components-image-carousel-file:hover .crossIcon {
  display: block;
}

.uc-pageheader-container {
  border-bottom: 1px solid #e8e8e8;
}

.uc-pageheader-container .ant-page-header {
  padding: 10px;
}

.uc-pageheader-container .ant-page-header-heading-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.uc-pageheader-container .ant-page-header-heading-title {
  font-size: 16px;
  font-weight: normal;
  width: calc(100% - 55px);
}

.uc-pageheader-container .ant-page-header-back {
  margin-right: 16px;
  font-weight: normal;
}

.page-header-with-date-picker-header {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 24px 8px;
  border-bottom: 1px solid #eff1f7;
}

.uc-simple-panel-container {
  border: 1px solid #e9e9e9;
  margin-bottom: 24px;
}

.uc-simple-panel-container .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
  height: 54px;
  padding: 0 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.uc-simple-panel-container .body {
  padding: 16px;
  width: 100%;
}

.uc-simple-panel-container .body .avatar {
  padding: 4px;
  border: 1px solid #d8d8d8;
}

.uc-simple-panel-container .body .ant-row {
  height: 45px;
}

.uc-simple-panel-container .ant-form-item {
  margin: 0;
}

.uc-simple-panel-container .ant-form-explain {
  font-size: 12px;
}

.uc-simple-panel-container .ant-upload-picture-card-wrapper {
  width: 120px;
  margin-right: 12px;
}

.react-spinner-loader-swing div {
  border-radius: 50%;
  float: left;
  height: 1em;
  width: 1em;
}
.react-spinner-loader-swing div:nth-of-type(1) {
  background: -webkit-linear-gradient(left, #385c78 0%, #325774 100%);
  background: linear-gradient(to right, #385c78 0%, #325774 100%);
}
.react-spinner-loader-swing div:nth-of-type(2) {
  background: -webkit-linear-gradient(left, #325774 0%, #47536a 100%);
  background: linear-gradient(to right, #325774 0%, #47536a 100%);
}
.react-spinner-loader-swing div:nth-of-type(3) {
  background: -webkit-linear-gradient(left, #4a5369 0%, #6b4d59 100%);
  background: linear-gradient(to right, #4a5369 0%, #6b4d59 100%);
}
.react-spinner-loader-swing div:nth-of-type(4) {
  background: -webkit-linear-gradient(left, #744c55 0%, #954646 100%);
  background: linear-gradient(to right, #744c55 0%, #954646 100%);
}
.react-spinner-loader-swing div:nth-of-type(5) {
  background: -webkit-linear-gradient(left, #9c4543 0%, #bb4034 100%);
  background: linear-gradient(to right, #9c4543 0%, #bb4034 100%);
}
.react-spinner-loader-swing div:nth-of-type(6) {
  background: -webkit-linear-gradient(left, #c33f31 0%, #d83b27 100%);
  background: linear-gradient(to right, #c33f31 0%, #d83b27 100%);
}
.react-spinner-loader-swing div:nth-of-type(7) {
  background: -webkit-linear-gradient(left, #da3b26 0%, #db412c 100%);
  background: linear-gradient(to right, #da3b26 0%, #db412c 100%);
}
.react-spinner-loader-shadow {
  clear: left;
  padding-top: 1.5em;
}
.react-spinner-loader-shadow div {
  -webkit-filter: blur(1px);
  filter: blur(1px);
  float: left;
  width: 1em;
  height: .25em;
  border-radius: 50%;
  background: #e3dbd2;
}
.react-spinner-loader-shadow .react-spinner-loader-shadow-l {
  background: #d5d8d6;
}
.react-spinner-loader-shadow .react-spinner-loader-shadow-r {
  background: #eed3ca;
}
@-webkit-keyframes ball-l {
  0%, 50% {
    -webkit-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(50deg) translateX(-2.5em);
    transform: rotate(50deg) translateX(-2.5em);
  }
}
@keyframes ball-l {
  0%, 50% {
    -webkit-transform: rotate(0) translate(0);
    transform: rotate(0) translateX(0);
  }
  100% {
    -webkit-transform: rotate(50deg) translateX(-2.5em);
    transform: rotate(50deg) translateX(-2.5em);
  }
}
@-webkit-keyframes ball-r {
  0% {
    -webkit-transform: rotate(-50deg) translateX(2.5em);
    transform: rotate(-50deg) translateX(2.5em);
  }
  50%,
  100% {
    -webkit-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0);
  }
}
@keyframes ball-r {
  0% {
    -webkit-transform: rotate(-50deg) translateX(2.5em);
    transform: rotate(-50deg) translateX(2.5em);
  }
  50%,
  100% {
    -webkit-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0)
  }
}
@-webkit-keyframes shadow-l-n {
  0%, 50% {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: .125;
    -webkit-transform: translateX(-1.57em);
    transform: translateX(-1.75em);
  }
}
@keyframes shadow-l-n {
  0%, 50% {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: .125;
    -webkit-transform: translateX(-1.75);
    transform: translateX(-1.75em);
  }
}
@-webkit-keyframes shadow-r-n {
  0% {
    opacity: .125;
    -webkit-transform: translateX(1.75em);
    transform: translateX(1.75em);
  }
  50%,
  100% {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes shadow-r-n {
  0% {
    opacity: .125;
    -webkit-transform: translateX(1.75em);
    transform: translateX(1.75em);
  }
  50%,
  100% {
    opacity: .5;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.react-spinner-loader-swing-l {
  -webkit-animation: ball-l .425s ease-in-out infinite alternate;
  animation: ball-l .425s ease-in-out infinite alternate;
}
.react-spinner-loader-swing-r {
  -webkit-animation: ball-r .425s ease-in-out infinite alternate;
  animation: ball-r .425s ease-in-out infinite alternate;
}
.react-spinner-loader-shadow-l {
  -webkit-animation: shadow-l-n .425s ease-in-out infinite alternate;
  animation: shadow-l-n .425s ease-in-out infinite alternate;
}
.react-spinner-loader-shadow-r {
  -webkit-animation: shadow-r-n .425s ease-in-out infinite alternate;
  animation: shadow-r-n .425s ease-in-out infinite alternate;
}


.react-spinner-loader-svg-calLoader {
  width: 230px;
  height: 230px;
  transform-origin: 115px 115px;
  animation: 1.4s linear infinite loader-spin;
}

.react-spinner-loader-svg-cal-loader__path {

  animation: 1.4s ease-in-out infinite loader-path;
}

@keyframes loader-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes loader-path {
  0% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
  50% {
    stroke-dasharray: 0, 450, 10, 30, 10, 30, 10, 30, 10;
  }
  100% {
    stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0;
  }
}


.react-spinner-loader-svg svg {
  -webkit-transform-origin: 50% 65%;
          transform-origin: 50% 65%;
}

.react-spinner-loader-svg svg polygon {
  stroke-dasharray: 17;
  -webkit-animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
          animation: dash 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 136;
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



.rmv-gmv-container {
  position: relative;
}

.rmv-gmv-attr-modal {
  position: absolute;
  background: rgba(0, 0, 0, 0.45);
  height: auto;
  right: 0;
  bottom: 0;
  padding: 0 16px;
}

.rmv-gmv-attr-modal .item {
  height: 25px;
  line-height: 25px;
  color: white;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rmv-gmv-attr-modal .item span {
  float: right;
  margin-top: -5px;
  margin-left: 4px;
}

.rmv-gmv-attr-joystick {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.rmv-gmv-attr-joystick-inner {
  position: relative;
}

.rmv-gmv-attr-joystick-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 15px;
  width: 40px;
}

.rmv-gmv-attr-joystick .arrow {
  border: solid white;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 4px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
}

.rmv-gmv-attr-joystick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.rmv-gmv-attr-joystick-arrow i {
  border: solid white;
  display: inline-block;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 18px 12.5px;
  border-color: transparent transparent #fff transparent;

}

.rmv-gmv-attr-joystick-arrow-up {
  position: absolute;
  height: 20px;
  width: 100%;
  top: 5px;
  left: 0;
}


.rmv-gmv-attr-joystick-arrow-right {
  position: absolute;
  height: 100%;
  width: 20px;
  top: 0;
  right: 5px;
}

.rmv-gmv-attr-joystick-arrow-right i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.rmv-gmv-attr-joystick-arrow-left {
  position: absolute;
  height: 100%;
  width: 20px;
  top: 0;
  left: 5px;
}

.rmv-gmv-attr-joystick-arrow-left i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.rmv-gmv-attr-joystick-arrow-down {
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: 50px;
  left: 0;
}

.rmv-gmv-attr-joystick-arrow-plus {
  position: absolute;
  bottom: 25px;
  right: 20px;
  font-size: 20px;
  color: white;
}

.rmv-gmv-attr-joystick-arrow-minus {
  position: absolute;
  bottom: 25px;
  right: 5px;
  font-size: 20px;
  color: white;
}

.rmv-gmv-attr-joystick-arrow-down i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.show {
  display: block;
}

.hide {
  display: none;
}

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}
.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
          animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
          animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
          animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
          animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.rmv-gmv-container {
  position: relative;
}

.rmv-gmv-attr-modal {
  position: absolute;
  background: rgba(0, 0, 0, 0.45);
  height: auto;
  right: 0;
  bottom: 0;
  padding: 0 16px;
}

.rmv-gmv-attr-modal .item {
  height: 25px;
  line-height: 25px;
  color: white;
  font-size: 10px;
  display: flex;
  align-items: center;
}

.rmv-gmv-attr-modal .item span {
  float: right;
  margin-top: -5px;
  margin-left: 4px;
}

.rmv-gmv-attr-joystick {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.rmv-gmv-attr-joystick-inner {
  position: relative;
}

.rmv-gmv-attr-joystick-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 15px;
  width: 40px;
}

.rmv-gmv-attr-joystick .arrow {
  border: solid white;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 4px;
  height: fit-content;
  cursor: pointer;
}

.rmv-gmv-attr-joystick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.rmv-gmv-attr-joystick-arrow i {
  border: solid white;
  display: inline-block;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 18px 12.5px;
  border-color: transparent transparent #fff transparent;

}

.rmv-gmv-attr-joystick-arrow-up {
  position: absolute;
  height: 20px;
  width: 100%;
  top: 5px;
  left: 0;
}


.rmv-gmv-attr-joystick-arrow-right {
  position: absolute;
  height: 100%;
  width: 20px;
  top: 0;
  right: 5px;
}

.rmv-gmv-attr-joystick-arrow-right i {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.rmv-gmv-attr-joystick-arrow-left {
  position: absolute;
  height: 100%;
  width: 20px;
  top: 0;
  left: 5px;
}

.rmv-gmv-attr-joystick-arrow-left i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.rmv-gmv-attr-joystick-arrow-down {
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: 50px;
  left: 0;
}

.rmv-gmv-attr-joystick-arrow-plus {
  position: absolute;
  bottom: 25px;
  right: 20px;
  font-size: 20px;
  color: white;
}

.rmv-gmv-attr-joystick-arrow-minus {
  position: absolute;
  bottom: 25px;
  right: 5px;
  font-size: 20px;
  color: white;
}

.rmv-gmv-attr-joystick-arrow-down i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.rmv-sv-container {
  position: relative;
}

.rmv-sv-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 4px;
  background: black;
  color: white;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
}

.rmv-sv-toolbar .rmv-sv-toolbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.rmv-sv-toolbar .rmv-sv-toolbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rmv-sv-toolbar-item {
  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;
}

.rmv-sv-toolbar-item label:last-child {
  margin-left: 4px;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(51, 51, 51, 1);
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: black;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal .rmv-gmv-attr-modal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal .rmv-gmv-attr-modal-row .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  font-size: 12px;
}

.rmv-sv-loose-container {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.rmv-sv-loose-container .rmv-gmv-attr-modal {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(51, 51, 51, 1);
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rmv-sv-loose-container .rmv-gmv-attr-modal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.rmv-sv-loose-container .rmv-gmv-attr-modal .item {
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  line-height: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.rmv-sv-loose-container .rmv-sv-toolbar {
  position: absolute;
  width: 100px;
  min-width: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 8px;
  opacity: 0.75;
  background: #50535a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  right: 10px;
  top: 20px;
}

.rmv-sv-color-picker {
  position: absolute;
  width: 100px;
  min-width: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 8px;
  opacity: 0.75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 10px;
  top: 20px;
}

.rmv-sv-loose-container .rmv-sv-toolbar .rmv-sv-toolbar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  width: 100%;
  font-size: 14px;
}

.rmv-sv-joystick {
  position: relative;
  height: 90px;
  margin-top: 8px;
  width: 100%;
}

.rmv-sv-compact-container .rmv-sv-joystick {
  position: absolute;
  width: 100px;
  bottom: 15%;
  right: 0;
}

.rmv-sv-joystick .rmv-sv-joystick-center {
  width: 22px;
  height: 22px;
  border-radius: 22px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}

.rmv-sv-joystick-left-rotate {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  cursor: pointer;
  z-index: 99;
}

.rmv-sv-joystick-right-rotate {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  cursor: pointer;
  z-index: 99;
}

.react-switch-checkbox {
  height: 0;
  width: 0;
  visibility: hidden;
}

.react-switch-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  width: 32px;
  height: 6px;
  background: rgba(255, 246, 237, 1);
  border-radius: 100px;
  position: relative;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.react-switch-label .react-switch-button {
  content: '';
  position: absolute;
  top: -4px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: rgba(195, 195, 195, 1);
  -webkit-box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
          box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
}

.react-switch-checkbox:checked+.react-switch-label .react-switch-button {
  left: calc(100% - 2px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.react-switch-label:active .react-switch-button {
  width: 60px;
}

.rmv-sv-container {
  position: relative;
}

.rmv-sv-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 4px;
  background: black;
  color: white;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
}

.rmv-sv-toolbar .rmv-sv-toolbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.rmv-sv-toolbar .rmv-sv-toolbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rmv-sv-toolbar-item {
  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;
}

.rmv-sv-toolbar-item label:last-child {
  margin-left: 4px;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(51, 51, 51, 1);
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: black;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal .rmv-gmv-attr-modal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal .rmv-gmv-attr-modal-row .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  font-size: 12px;
}

.rmv-sv-loose-container {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.rmv-sv-loose-container .rmv-gmv-attr-modal {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(51, 51, 51, 1);
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rmv-sv-loose-container .rmv-gmv-attr-modal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.rmv-sv-loose-container .rmv-gmv-attr-modal .item {
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  line-height: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.rmv-sv-loose-container .rmv-sv-toolbar {
  position: absolute;
  width: 100px;
  min-width: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 8px;
  opacity: 0.75;
  background: #50535a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  right: 10px;
  top: 20px;
}

.rmv-sv-color-picker {
  position: absolute;
  width: 100px;
  min-width: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 8px;
  opacity: 0.75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 10px;
  top: 20px;
}

.rmv-sv-loose-container .rmv-sv-toolbar .rmv-sv-toolbar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  width: 100%;
  font-size: 14px;
}

.rmv-sv-joystick {
  position: relative;
  height: 90px;
  margin-top: 8px;
  width: 100%;
}

.rmv-sv-compact-container .rmv-sv-joystick {
  position: absolute;
  width: 100px;
  bottom: 15%;
  right: 0;
}

.rmv-sv-joystick .rmv-sv-joystick-center {
  width: 22px;
  height: 22px;
  border-radius: 22px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}

.D3ModelClipImagePreview-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.D3ModelClipImagePreview-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.D3ModelClipImagePreview-button {
  width: 214px;
  height: 32px;
}

.D3ModelClipImagePreview-hide {
  display: none;
}

.fixed-model-comparison-container {
  position: relative;
  width: 100%;
  height: 100%;
  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;
}

.fixed-model-comparison-container .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 40vw;
  height: 95%;
}

.fixed-model-comparison-container .block .iframe {
  position: relative;
  height: 100%;
  width: 100%;
}

.fixed-model-comparison-container .block button {
  margin-top: 8px;
}

.tiled-radio-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tiled-radio-group-container .item {
  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;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  width: 90px;
  height: 30px;
  line-height: 30px;
  margin-right: 16px;
}

.tiled-radio-group-container .selectedItem {
  color: #6874e2;
  border: 1px solid #6874e2;
}

._4I9KND1\+Lc {
  position: relative;
}
.C0AtZCfFc7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._76LhoFaVg0 {
  width: 50%;
  margin-top: 12px;
}
._76LhoFaVg0 input {
  margin-top: 12px;
}

.ij44h2nCS5 {
  position: relative;
}
.ij44h2nCS5 ._9Z6kJezkAc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.fS73POISF6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fS73POISF6 .PO8TLT\+p1M {
  width: 20px;
}
.fS73POISF6 .wMOZHP7Z6V {
  margin-left: 10px;
}

.fc-draggable-weekly-schedule-calendar-container {
  position: relative;
  background-color: white;
  height: calc(100vh - 220px);
  overflow-y: auto;
  overflow-x: hidden;
}

.fc-draggable-weekly-schedule-calendar-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fc-draggable-weekly-schedule-calendar-container .react-grid-item {
  border: 1px solid #e9e9e9;
}

.fc-schedule-calendar-container {
  position: relative;
  background: white;
  padding: 16px;
}

.fc-schedule-calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  margin-bottom: 16px;
}

.fc-schedule-calendar-date-changer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.uc-selectable-tags-tag .ant-tag {
  background-color: #fafafa;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  color: rgba(#000, 0.45);
  margin-bottom: 8px;
}

.uc-selectable-tags-tag .ant-tag-checkable-checked {
  background-color: #f1f1ff !important;
}

.uc-selectable-tags-tag {
  border: 1px solid #e9e9e9 !important;
}

.uc-selectable-tags-tag {
  /* background-color: #fafafa; */
}

.spring-number-container {
  text-align: center;
}

.spring-number-number {
  font-size: 36px;
  font-weight: 500;
}

.spring-number-label {
  display: block;
  font-size: 12px;
  color: #9297a6;
}

.add-tenant-device-container {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  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;
}

.add-tenant-device-actions {
  height: 50px;
  border-top: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add-tenant-device-dialogue {
  width: 400px;
  background-color: #fff;
}

.add-tenant-device-dialogue .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.add-tenant-device-dialogue .body .item {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  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;
}

.add-tenant-device-dialogue .body .item .field {
  height: 50px;
  width: 150px;
  line-height: 50px;
  margin-left: 28px;
}

.add-tenant-device-input {
  height: 50px;
  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;
}

.add-tenant-device-dialogue .body .item .field .tags {
  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;
}

.add-tenant-device-dialogue .body .item .field .area {
  height: 120px;
  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;
}

.inquiry-order-stats-by-week-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  height: 110px;
  color: #919db1;
  border-radius: 5px;
  padding-left: 32px;
  margin: 0 0 24px 24px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #f3f6f9;
}

.inquiry-order-stats-by-week-summary > span:last-child {
  margin-top: 12px;
  font-size: 22px;
  color: #162d5a;
  font-weight: bold;
}

.inquiry-order-stats-by-week-summary > span:last-child span {
  font-size: 12px;
  margin-left: 12px;
}

.container {
  position: relative;
}

.obit-controls-gizmo {
  position: absolute;
  bottom: calc(5%);
  right: 5%;
  z-index: 888;
  background-color: rgba(255,255,255,0);
  border-radius: 100%;
  -webkit-transition: background-color .15s linear;
  transition: background-color .15s linear;
  cursor: pointer;
}

.obit-controls-gizmo.dragging,
.obit-controls-gizmo:hover {
  background-color: rgba(255,255,255,0.2);
}

.obit-controls-gizmo.inactive {
  background-color: rgba(255,255,255,0) !important;
}

.obit-controls-gizmo.inactive {
  pointer-events: none;
}

.rmv-drawer-panel {
  position: absolute !important;
}

.rmv-drawer-panel {
  width: 400px;
  height: calc(100% - 40px);
  background: white;
  right: 1px;
  top: 39px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rmv-drawer-panel-header {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  font-size: 16px;
  font-weight: bolder;
}

.rmv-drawer-panel-body {
  padding: 0 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.rmv-drawer-panel-body .ant-descriptions-item-container .ant-descriptions-item-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rmv-drawer-panel-body .ant-descriptions-row>td {
  padding-bottom: 8px !important;
}

.rmv-drawer-panel-body .ant-descriptions-header {
  margin-bottom: 10px !important;
}

.rmv-drawer-panel-body .ant-descriptions-title{
  font-size: 14px;
}

.rmv-drawer-panel-body .ant-descriptions-item-label {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.rmv-drawer-panel-body .ant-descriptions-item-label {
  width:100px;
}

.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:-webkit-gradient(linear,left top, right top,color-stop(0, #385c78),to(#325774));background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:-webkit-gradient(linear,left top, right top,color-stop(0, #325774),to(#47536a));background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:-webkit-gradient(linear,left top, right top,color-stop(0, #4a5369),to(#6b4d59));background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:-webkit-gradient(linear,left top, right top,color-stop(0, #744c55),to(#954646));background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:-webkit-gradient(linear,left top, right top,color-stop(0, #9c4543),to(#bb4034));background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:-webkit-gradient(linear,left top, right top,color-stop(0, #c33f31),to(#d83b27));background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:-webkit-gradient(linear,left top, right top,color-stop(0, #da3b26),to(#db412c));background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{-webkit-filter:blur(1px);filter:blur(1px);float:left;width:1em;height:.25em;border-radius:50%;background:#e3dbd2}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75em);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{width:230px;height:230px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;-webkit-animation:loader-spin 1.4s linear infinite;animation:loader-spin 1.4s linear infinite}.react-spinner-loader-svg-cal-loader__path{-webkit-animation:loader-path 1.4s ease-in-out infinite;animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@font-face{font-family:anticon;src:url(//at.alicdn.com/t/font_1434092639_4910953.eot);src:url(//at.alicdn.com/t/font_1434092639_4910953.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1434092639_4910953.woff) format("woff"),url(//at.alicdn.com/t/font_1434092639_4910953.ttf) format("truetype"),url(//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont) format("svg")}.rc-dropdown{position:absolute;left:-9999px;top:-9999px;z-index:1070;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.rc-dropdown-hidden{display:none}.rc-dropdown .rc-menu{outline:none;position:relative;list-style-type:none;padding:0;margin:2px 0;text-align:left;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 1px 5px #ccc;box-shadow:0 1px 5px #ccc;background-clip:padding-box;border:1px solid #ccc}.rc-dropdown .rc-menu>li{margin:0;padding:0}.rc-dropdown .rc-menu:before{content:"";position:absolute;top:-4px;left:0;width:100%;height:4px;background:#fff;background:hsla(0,0%,100%,.01)}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item{position:relative;display:block;padding:7px 10px;clear:both;font-size:12px;font-weight:400;color:#666;white-space:nowrap}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item-active,.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item-selected,.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item:hover{background-color:#ebfaff}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item-selected{position:relative}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item-selected:after{content:"\e613";font-family:anticon;font-weight:700;position:absolute;top:6px;right:16px;color:#3cb8f0}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item-disabled{color:#ccc;cursor:not-allowed;pointer-events:none}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item-disabled:hover{color:#ccc;background-color:#fff;cursor:not-allowed}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.rc-dropdown .rc-menu>.rc-dropdown .rc-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;background-color:#e5e5e5;line-height:0}.rc-dropdown-slide-up-appear,.rc-dropdown-slide-up-enter{display:block!important}.rc-dropdown-slide-up-appear,.rc-dropdown-slide-up-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-dropdown-slide-up-leave{display:block!important}.rc-dropdown-slide-up-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomCenter,.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomLeft,.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-bottomRight,.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomCenter,.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomLeft,.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-bottomRight{-webkit-animation-name:rcDropdownSlideUpIn;animation-name:rcDropdownSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topCenter,.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topLeft,.rc-dropdown-slide-up-appear.rc-dropdown-slide-up-appear-active.rc-dropdown-placement-topRight,.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topCenter,.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topLeft,.rc-dropdown-slide-up-enter.rc-dropdown-slide-up-enter-active.rc-dropdown-placement-topRight{-webkit-animation-name:rcDropdownSlideDownIn;animation-name:rcDropdownSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomCenter,.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomLeft,.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-bottomRight{-webkit-animation-name:rcDropdownSlideUpOut;animation-name:rcDropdownSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topCenter,.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topLeft,.rc-dropdown-slide-up-leave.rc-dropdown-slide-up-leave-active.rc-dropdown-placement-topRight{-webkit-animation-name:rcDropdownSlideDownOut;animation-name:rcDropdownSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcDropdownSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes rcDropdownSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes rcDropdownSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes rcDropdownSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes rcDropdownSlideDownIn{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes rcDropdownSlideDownIn{0%{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes rcDropdownSlideDownOut{0%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes rcDropdownSlideDownOut{0%{opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0);transform:scaleY(0)}}.rc-dropdown-arrow{position:absolute;-webkit-box-shadow:0 1px 5px #ccc;box-shadow:0 1px 5px #ccc;border:4px solid transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rc-dropdown-show-arrow.rc-dropdown-placement-top,.rc-dropdown-show-arrow.rc-dropdown-placement-topLeft,.rc-dropdown-show-arrow.rc-dropdown-placement-topRight{padding-bottom:6px}.rc-dropdown-show-arrow.rc-dropdown-placement-bottom,.rc-dropdown-show-arrow.rc-dropdown-placement-bottomLeft,.rc-dropdown-show-arrow.rc-dropdown-placement-bottomRight{padding-top:6px}.rc-dropdown-placement-top .rc-dropdown-arrow,.rc-dropdown-placement-topLeft .rc-dropdown-arrow,.rc-dropdown-placement-topRight .rc-dropdown-arrow{bottom:4px;border-top-color:#fff}.rc-dropdown-placement-top .rc-dropdown-arrow{left:50%}.rc-dropdown-placement-topLeft .rc-dropdown-arrow{left:15%}.rc-dropdown-placement-topRight .rc-dropdown-arrow{right:15%}.rc-dropdown-placement-bottom .rc-dropdown-arrow,.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow,.rc-dropdown-placement-bottomRight .rc-dropdown-arrow{top:4px;border-bottom-color:#fff}.rc-dropdown-placement-bottom .rc-dropdown-arrow{left:50%}.rc-dropdown-placement-bottomLeft .rc-dropdown-arrow{left:15%}.rc-dropdown-placement-bottomRight .rc-dropdown-arrow{right:15%}
@font-face{font-family:FontAwesome;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.rc-menu{outline:none;margin-bottom:0;padding-left:0;padding-right:0;list-style:none;border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9;border-radius:3px;color:#666}.rc-menu-rtl{direction:rtl}.rc-menu-hidden{display:none}.rc-menu-collapse{overflow:hidden;-webkit-transition:height .3s ease-out;transition:height .3s ease-out}.rc-menu-item-group-list{margin:0;padding:0}.rc-menu-item-group-title{color:#999;line-height:1.5;padding:8px 10px;border-bottom:1px solid #dedede}.rc-menu-item-active,.rc-menu-item-selected,.rc-menu-submenu-active>.rc-menu-submenu-title{background-color:#eaf8fe}.rc-menu-item-selected{-webkit-transform:translateZ(0);transform:translateZ(0)}.rc-menu-submenu-selected{background-color:#eaf8fe}.rc-menu>li.rc-menu-submenu{padding:0}.rc-menu-horizontal.rc-menu-sub,.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub,.rc-menu-vertical.rc-menu-sub{min-width:160px;margin-top:0}.rc-menu-item,.rc-menu-submenu-title{margin:0;position:relative;display:block;padding:7px 7px 7px 16px;white-space:nowrap}.rc-menu-rtl .rc-menu-item,.rc-menu-rtl .rc-menu-submenu-title{padding:7px 16px 7px 7px}.rc-menu-item.rc-menu-item-disabled,.rc-menu-item.rc-menu-submenu-disabled,.rc-menu-submenu-title.rc-menu-item-disabled,.rc-menu-submenu-title.rc-menu-submenu-disabled{color:#777!important}.rc-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;padding:0;line-height:0;background-color:#e5e5e5}.rc-menu-submenu-popup{position:absolute}.rc-menu-submenu-popup .submenu-title-wrapper{padding-right:20px}.rc-menu-submenu-rtl.rc-menu-submenu-popup .submenu-title-wrapper,.rc-menu-submenu-rtl .rc-menu-submenu-popup .submenu-title-wrapper{padding-right:0;padding-left:20px}.rc-menu-submenu>.rc-menu{background-color:#fff}.rc-menu .rc-menu-item .anticon,.rc-menu .rc-menu-submenu-title .anticon{width:14px;height:14px;margin-right:8px;top:-1px}.rc-menu-rtl .rc-menu .rc-menu-item .anticon,.rc-menu-rtl .rc-menu .rc-menu-submenu-title .anticon{margin-right:0;margin-left:8px}.rc-menu-horizontal{background-color:#f3f5f7;border:none;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;overflow:hidden}.rc-menu-horizontal>.rc-menu-item,.rc-menu-horizontal>.rc-menu-submenu>.rc-menu-submenu-title{padding:15px 20px}.rc-menu-horizontal>.rc-menu-item,.rc-menu-horizontal>.rc-menu-submenu{border-bottom:2px solid transparent;display:inline-block;vertical-align:bottom}.rc-menu-horizontal>.rc-menu-item-active,.rc-menu-horizontal>.rc-menu-submenu-active{border-bottom:2px solid #2db7f5;background-color:#f3f5f7;color:#2baee9}.rc-menu-horizontal:after{content:"\20";display:block;height:0;clear:both}.rc-menu-inline,.rc-menu-vertical,.rc-menu-vertical-left,.rc-menu-vertical-right{padding:12px 0}.rc-menu-inline>.rc-menu-item,.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-left>.rc-menu-item,.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-right>.rc-menu-item,.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical>.rc-menu-item,.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 8px 12px 24px}.rc-menu-rtl.rc-menu-inline>.rc-menu-item,.rc-menu-rtl.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 24px 12px 8px}.rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-vertical .rc-menu-submenu-arrow{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;position:absolute;right:16px;line-height:1.5em}.rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-vertical .rc-menu-submenu-arrow:before{content:"\f0da"}.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow:before{content:"\f0d9"}.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow{right:auto;left:16px}.rc-menu-inline .rc-menu-submenu-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.rc-menu-inline .rc-menu-submenu-open>.rc-menu-submenu-title .rc-menu-submenu-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub,.rc-menu-vertical.rc-menu-sub{padding:0}.rc-menu-submenu-rtl .rc-menu-vertical-left.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical-right.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical.rc-menu-sub{direction:rtl}.rc-menu-sub.rc-menu-inline{padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-top:8px;padding-bottom:8px;padding-right:0}.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-left:0}.rc-menu-open-slide-up-appear,.rc-menu-open-slide-up-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-menu-open-slide-up-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-menu-open-slide-up-appear.rc-menu-open-slide-up-appear-active,.rc-menu-open-slide-up-enter.rc-menu-open-slide-up-enter-active{-webkit-animation-name:rcMenuOpenSlideUpIn;animation-name:rcMenuOpenSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-menu-open-slide-up-leave.rc-menu-open-slide-up-leave-active{-webkit-animation-name:rcMenuOpenSlideUpOut;animation-name:rcMenuOpenSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcMenuOpenSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes rcMenuOpenSlideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes rcMenuOpenSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes rcMenuOpenSlideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}}.rc-menu-open-zoom-appear,.rc-menu-open-zoom-enter{opacity:0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-menu-open-zoom-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-menu-open-zoom-appear.rc-menu-open-zoom-appear-active,.rc-menu-open-zoom-enter.rc-menu-open-zoom-enter-active{-webkit-animation-name:rcMenuOpenZoomIn;animation-name:rcMenuOpenZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-menu-open-zoom-leave.rc-menu-open-zoom-leave-active{-webkit-animation-name:rcMenuOpenZoomOut;animation-name:rcMenuOpenZoomOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-menu-submenu-rtl.rc-menu-open-zoom-appear,.rc-menu-submenu-rtl .rc-menu-open-zoom-appear,.rc-menu-submenu-rtl.rc-menu-open-zoom-enter,.rc-menu-submenu-rtl .rc-menu-open-zoom-enter,.rc-menu-submenu-rtl.rc-menu-open-zoom-leave,.rc-menu-submenu-rtl .rc-menu-open-zoom-leave{-webkit-transform-origin:top right!important;transform-origin:top right!important}@-webkit-keyframes rcMenuOpenZoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rcMenuOpenZoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rcMenuOpenZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes rcMenuOpenZoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}
.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-appear,.rc-tooltip-zoom-enter{opacity:0;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-timing-function:cubic-bezier(.18,.89,.32,1.28);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-tooltip-zoom-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-timing-function:cubic-bezier(.6,-.3,.74,.05);-webkit-animation-play-state:paused;animation-play-state:paused}.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active{-webkit-animation-name:rcToolTipZoomIn;animation-name:rcToolTipZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{-webkit-animation-name:rcToolTipZoomOut;animation-name:rcToolTipZoomOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcToolTipZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rcToolTipZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rcToolTipZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes rcToolTipZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}.rc-tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.5;opacity:.9}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightBottom,.rc-tooltip-placement-rightTop{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftBottom,.rc-tooltip-placement-leftTop{padding:0 9px 0 5px}.rc-tooltip-inner{padding:8px 10px;color:#fff;text-align:left;text-decoration:none;background-color:#373737;border-radius:6px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.17);box-shadow:0 0 4px rgba(0,0,0,.17);min-height:34px}.rc-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{bottom:4px;margin-left:-5px;border-width:5px 5px 0;border-top-color:#373737}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow{left:4px;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#373737}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow{right:4px;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#373737}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{top:15%;margin-top:0}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{top:4px;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#373737}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}
.rmv-three-viewer-container {
  position: relative;
}

.rmv-three-viewer-container .rmv-sv-joystick {
  position: absolute;
  width: 100px;
  bottom: 5%;
  right: 5%;
}

.react-switch-checkbox {
  height: 0;
  width: 0;
  visibility: hidden;
}

.react-switch-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  width: 32px;
  height: 6px;
  background: rgba(255, 246, 237, 1);
  border-radius: 100px;
  position: relative;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.react-switch-label .react-switch-button {
  content: '';
  position: absolute;
  top: -4px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: rgba(195, 195, 195, 1);
  -webkit-box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
          box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
}

.react-switch-checkbox:checked+.react-switch-label .react-switch-button {
  left: calc(100% - 2px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.react-switch-label:active .react-switch-button {
  width: 60px;
}

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important}.cropper-container img{image-orientation:0deg;display:block;height:100%;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.snapshot-clip-viewer{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80%;
}

.rmv-viewer-toolbar {
  position: inherit;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgb(38, 45, 64);
}

.rmv-viewer-toolbar>div {
  height: 100%;
}

.rmv-viewer-toolbar-dropdown {
  background-color: white;
}

.rmv-viewer-toolbar-dropdown .ant-menu-title-content {
  color: black;
}

.rmv-viewer-toolbar-dropdown .rc-menu>li {
  line-height: 25px;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 14px;
}

.rmv-viewer-toolbar-dropdown .ant-menu-item {
  line-height: 25px;
  height: 25px;
  background-color: white;
}

.rmv-viewer-toolbar-item {
  position: inherit;
  padding: 0 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rmv-viewer-toolbar-item--disabled {
  opacity: 0.6;
  cursor: wait;
}

.rmv-viewer-toolbar-item--selected {
  background-color: white;
}

.rmv-viewer-toolbar-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rmv-viewer-toolbar-item-icon svg {
  position: inherit;
  fill: white;
}

.rmv-viewer-toolbar-item--selected .rmv-viewer-toolbar-item-icon svg {
  fill: black;
}

.rmv-viewer-toolbar-item-label {
  font-size: 14px;
  margin-left: 4px;
  color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rmv-viewer-toolbar-item--selected .rmv-viewer-toolbar-item-label {
  color: black;
}

.rmv-viewer-toolbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rmv-viewer-toolbar-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rmv-viewer-toolbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rmv-viewer-toolbar-action-sheet {
  position: absolute;
  background: white;
  padding: 8px;
  border-radius: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 16px;
  min-width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #e8e8e8;
}

.rmv-viewer-toolbar-action-sheet-item {
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rmv-viewer-toolbar-action-sheet-item-tooltip .ant-tooltip-arrow-content {
  background-color: white;
}

.rmv-sv-joystick {
  position: relative;
  height: 90px;
  margin-top: 8px;
  width: 100%;
}

.rmv-sv-joystick .rmv-sv-joystick-center {
  width: 22px;
  height: 22px;
  border-radius: 22px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}

.rmv-sv-joystick-left-rotate {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  cursor: pointer;
  z-index: 99;
}

.rmv-sv-joystick-right-rotate {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  cursor: pointer;
  z-index: 99;
}

.cssload-box-loading {
  width: 49px;
  height: 49px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.cssload-box-loading:before {
  content: '';
  width: 49px;
  height: 5px;
  background: rgb(0, 0, 0);
  opacity: 0.1;
  position: absolute;
  top: 58px;
  left: 0;
  border-radius: 50%;
  animation: shadow 0.58s linear infinite;
  -o-animation: shadow 0.58s linear infinite;
  -ms-animation: shadow 0.58s linear infinite;
  -webkit-animation: shadow 0.58s linear infinite;
  -moz-animation: shadow 0.58s linear infinite;
}

.cssload-box-loading:after {
  content: '';
  width: 49px;
  height: 49px;
  background: #1890ff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  animation: cssload-animate 0.58s linear infinite;
  -o-animation: cssload-animate 0.58s linear infinite;
  -ms-animation: cssload-animate 0.58s linear infinite;
  -webkit-animation: cssload-animate 0.58s linear infinite;
  -moz-animation: cssload-animate 0.58s linear infinite;
}



@keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px;
  }

  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
            transform: translateY(9px) rotate(22.5deg);
  }

  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
            transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }

  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
            transform: translateY(9px) rotate(67.5deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(90deg);
            transform: translateY(0) rotate(90deg);
  }
}

@-webkit-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px;
  }

  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
  }

  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }

  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
  }

  100% {
    -webkit-transform: translateY(0) rotate(90deg);
  }
}

@keyframes shadow {

  0%,
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.2, 1);
            transform: scale(1.2, 1);
  }
}

@-webkit-keyframes shadow {

  0%,
  100% {
    -webkit-transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.2, 1);
  }
}

.rmv-sv-container {
  position: relative;
}

.rmv-sv-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 4px;
  background: black;
  color: white;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
}

.rmv-sv-toolbar .rmv-sv-toolbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.rmv-sv-toolbar .rmv-sv-toolbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rmv-sv-toolbar-item {
  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;
}

.rmv-sv-toolbar-item label:last-child {
  margin-left: 4px;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(51, 51, 51, 1);
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: black;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal .rmv-gmv-attr-modal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.rmv-sv-compact-container .rmv-gmv-attr-modal .rmv-gmv-attr-modal-row .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  font-size: 12px;
}

.rmv-sv-loose-container {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.rmv-sv-loose-container .rmv-gmv-attr-modal {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(51, 51, 51, 1);
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.rmv-sv-loose-container .rmv-gmv-attr-modal-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.rmv-sv-loose-container .rmv-gmv-attr-modal .item {
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  line-height: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.rmv-sv-loose-container .rmv-sv-toolbar {
  position: absolute;
  width: 100px;
  min-width: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 8px;
  opacity: 0.75;
  background: #50535a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  right: 10px;
  top: 20px;
}

.rmv-sv-color-picker {
  position: absolute;
  width: 100px;
  min-width: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 8px 8px;
  opacity: 0.75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 10px;
  top: 20px;
}

.rmv-sv-loose-container .rmv-sv-toolbar .rmv-sv-toolbar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  width: 100%;
  font-size: 14px;
}


.rmv-sv-compact-container .rmv-sv-joystick {
  position: absolute;
  width: 100px;
  bottom: 15%;
  right: 0;
}


.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.qrKKRkGlQ2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.FjqVdOzNxK {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.gyS4l0Vvbe {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.gyS4l0Vvbe > i,
.gyS4l0Vvbe > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ZCqPzNvYuh {
  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;
}
.PnKzWzbooJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.FL-3SvJmRf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.BupX3LC3\+3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.J8yTdChkxJ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.IPWTf6XWei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2SeJUC5gfN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._2SeJUC5gfN .t3TgKjxqgc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._2SeJUC5gfN .t3TgKjxqgc > span {
  color: rgba(0, 0, 0, 0.65);
}
.Z6NhXbOPlH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Z6NhXbOPlH ._6WmKaXHQVs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Z6NhXbOPlH ._6WmKaXHQVs > span {
  font-size: 8px;
}
.a\+JcC3NWWo .ant-popover-inner-content {
  padding: 0;
}
.a\+JcC3NWWo .ant-popover-arrow {
  border-color: #475365 !important;
}
.a\+JcC3NWWo .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.KVhI7ybveu {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.-ZeL6OJLRr {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.-ZeL6OJLRr .iTwbjNG-Fp {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.tD1z3QYdmp {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.NSgXPPyisr {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .NSgXPPyisr {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.-tU02cXOHJ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .vKQaVAgkz5 {
    /* This is the key */
  }
  .vKQaVAgkz5 html,
  .vKQaVAgkz5 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .vKQaVAgkz5 body,
  .vKQaVAgkz5 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .vKQaVAgkz5 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .vKQaVAgkz5 table,
  .vKQaVAgkz5 tr,
  .vKQaVAgkz5 td {
    page-break-inside: avoid;
  }
  .vKQaVAgkz5 div {
    page-break-inside: avoid;
  }
  .vKQaVAgkz5 thead {
    display: table-header-group;
  }
  .vKQaVAgkz5 tfoot {
    display: table-footer-group;
  }
  .vKQaVAgkz5 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .vKQaVAgkz5 .oivw1OwRrh,
  .vKQaVAgkz5 .no-print,
  .vKQaVAgkz5 .react-resizable-handle,
  .vKQaVAgkz5 .fc-whiteboard-toolbar,
  .vKQaVAgkz5 .ant-modal-root,
  .vKQaVAgkz5 .ant-alert,
  .vKQaVAgkz5 .sXuxSq3l0q,
  .vKQaVAgkz5 ._9pg6QxaDcb {
    display: none !important;
  }
  .vKQaVAgkz5 .ZEezpDmKTd {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._2nXoMUvHi8 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._09Zw16NVi9 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.lKMA56dVJS {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lKMA56dVJS > i,
.lKMA56dVJS > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.w-kOUxRyiG {
  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;
}
.xT8bppzr8x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.T5uoiDaWxH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.N36S4oVhDI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5j7F5fPWW4 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.danWZ8GNXE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2BnrG\+v-Zx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._2BnrG\+v-Zx .kKP\+smgBLy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._2BnrG\+v-Zx .kKP\+smgBLy > span {
  color: rgba(0, 0, 0, 0.65);
}
.EUhP4Yw--p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.EUhP4Yw--p ._85PpyTSoNH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.EUhP4Yw--p ._85PpyTSoNH > span {
  font-size: 8px;
}
.hzN0B4Gb5J .ant-popover-inner-content {
  padding: 0;
}
.hzN0B4Gb5J .ant-popover-arrow {
  border-color: #475365 !important;
}
.hzN0B4Gb5J .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.KUjYkvCxS3 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.hk5HWyQR2z {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.hk5HWyQR2z .TywoZ9foDj {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.E2bqx186S7 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.o4nS7s\+eiv {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .o4nS7s\+eiv {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.sjHaKcJTYe {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .SLBAdjf9H- {
    /* This is the key */
  }
  .SLBAdjf9H- html,
  .SLBAdjf9H- body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .SLBAdjf9H- body,
  .SLBAdjf9H- div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .SLBAdjf9H- textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .SLBAdjf9H- table,
  .SLBAdjf9H- tr,
  .SLBAdjf9H- td {
    page-break-inside: avoid;
  }
  .SLBAdjf9H- div {
    page-break-inside: avoid;
  }
  .SLBAdjf9H- thead {
    display: table-header-group;
  }
  .SLBAdjf9H- tfoot {
    display: table-footer-group;
  }
  .SLBAdjf9H- * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .SLBAdjf9H- .xCb47CJq5T,
  .SLBAdjf9H- .no-print,
  .SLBAdjf9H- .react-resizable-handle,
  .SLBAdjf9H- .fc-whiteboard-toolbar,
  .SLBAdjf9H- .ant-modal-root,
  .SLBAdjf9H- .ant-alert,
  .SLBAdjf9H- .EAw4GC2qJE,
  .SLBAdjf9H- .Sn4m9i-EZM {
    display: none !important;
  }
  .SLBAdjf9H- .CZxkpqRwzX {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.IcOXuQAOmv {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.FJYhjmB8pN {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.dtkEYpLvFP {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dtkEYpLvFP > i,
.dtkEYpLvFP > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eWYeI7np41 {
  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;
}
.fWCYJQe69F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.u4Br4PJZzI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NV5tE13332 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.\+2FHdSZMVj {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2hP8H7OiVJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.BLnFVqY8tp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.BLnFVqY8tp .J7qhYEvFff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.BLnFVqY8tp .J7qhYEvFff > span {
  color: rgba(0, 0, 0, 0.65);
}
.V13nEDfem2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.V13nEDfem2 ._69l1hJ60ft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.V13nEDfem2 ._69l1hJ60ft > span {
  font-size: 8px;
}
.toCuO-SPSf .ant-popover-inner-content {
  padding: 0;
}
.toCuO-SPSf .ant-popover-arrow {
  border-color: #475365 !important;
}
.toCuO-SPSf .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.WDaBx90SQl {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.C-qcQjrzrH {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.C-qcQjrzrH .Vsl1d\+IYdM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.aJIoG-i2BG {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._3cDYVlJrZs {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._3cDYVlJrZs {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Ilcegv\+JKJ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .TZb1Y7zKTO {
    /* This is the key */
  }
  .TZb1Y7zKTO html,
  .TZb1Y7zKTO body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .TZb1Y7zKTO body,
  .TZb1Y7zKTO div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .TZb1Y7zKTO textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .TZb1Y7zKTO table,
  .TZb1Y7zKTO tr,
  .TZb1Y7zKTO td {
    page-break-inside: avoid;
  }
  .TZb1Y7zKTO div {
    page-break-inside: avoid;
  }
  .TZb1Y7zKTO thead {
    display: table-header-group;
  }
  .TZb1Y7zKTO tfoot {
    display: table-footer-group;
  }
  .TZb1Y7zKTO * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .TZb1Y7zKTO .c4JUD23NIQ,
  .TZb1Y7zKTO .no-print,
  .TZb1Y7zKTO .react-resizable-handle,
  .TZb1Y7zKTO .fc-whiteboard-toolbar,
  .TZb1Y7zKTO .ant-modal-root,
  .TZb1Y7zKTO .ant-alert,
  .TZb1Y7zKTO ._6ryuSzf23e,
  .TZb1Y7zKTO ._89cPupVijY {
    display: none !important;
  }
  .TZb1Y7zKTO .XKdtXYmppt {
    display: none !important;
  }
}
.d3-model-avatar-container {
  position: relative;
  cursor: pointer;
}
.d3-model-avatar-container-tag {
  background-color: #3d3e48;
  width: 170px;
  height: 40px;
  color: white;
}
.d3-model-avatar-container .actionIcons {
  display: none;
  position: absolute;
  right: 5;
  top: 0;
  cursor: pointer;
}
.d3-model-avatar-container .d3-model-avatar-container-parsing .actionIcons {
  display: block;
}
.d3-model-avatar-container:hover .actionIcons {
  display: block;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.eXud9TupyA {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.xDjwxAvqcI {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.QFitMRwd4C {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QFitMRwd4C > i,
.QFitMRwd4C > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._3GJKXNsQz3 {
  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;
}
.Prki1ngDLy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.eEk57lze09 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.QkfeYcZSYn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5k9phOa2-W {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lrWfiUjQjw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._9HnlWH1Mjn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._9HnlWH1Mjn ._2gIjMmpfUI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._9HnlWH1Mjn ._2gIjMmpfUI > span {
  color: rgba(0, 0, 0, 0.65);
}
.CCa8qVUWEg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.CCa8qVUWEg .g0RsaX7a4A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.CCa8qVUWEg .g0RsaX7a4A > span {
  font-size: 8px;
}
._5bKOHQXp-L .ant-popover-inner-content {
  padding: 0;
}
._5bKOHQXp-L .ant-popover-arrow {
  border-color: #475365 !important;
}
._5bKOHQXp-L .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.i1TVDGzEOD {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.PP1k3D1Cjv {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.PP1k3D1Cjv .GgGMr\+p14u {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.ZTCkBIbdyY {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.W0wfOv5de5 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .W0wfOv5de5 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._7YwVMpJ9Em {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .OQBNLtEtf3 {
    /* This is the key */
  }
  .OQBNLtEtf3 html,
  .OQBNLtEtf3 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .OQBNLtEtf3 body,
  .OQBNLtEtf3 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .OQBNLtEtf3 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .OQBNLtEtf3 table,
  .OQBNLtEtf3 tr,
  .OQBNLtEtf3 td {
    page-break-inside: avoid;
  }
  .OQBNLtEtf3 div {
    page-break-inside: avoid;
  }
  .OQBNLtEtf3 thead {
    display: table-header-group;
  }
  .OQBNLtEtf3 tfoot {
    display: table-footer-group;
  }
  .OQBNLtEtf3 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .OQBNLtEtf3 .X-w-H-66kn,
  .OQBNLtEtf3 .no-print,
  .OQBNLtEtf3 .react-resizable-handle,
  .OQBNLtEtf3 .fc-whiteboard-toolbar,
  .OQBNLtEtf3 .ant-modal-root,
  .OQBNLtEtf3 .ant-alert,
  .OQBNLtEtf3 .bMbS7-HW6W,
  .OQBNLtEtf3 .JyZGRfhmlc {
    display: none !important;
  }
  .OQBNLtEtf3 .EOv2xQyXJe {
    display: none !important;
  }
}
.d3-model-avatar-container {
  position: relative;
  cursor: pointer;
}
.d3-model-avatar-container-tag {
  background-color: #3d3e48;
  width: 170px;
  height: 40px;
  color: white;
}
.d3-model-avatar-container .actionIcons {
  display: none;
  position: absolute;
  right: 5;
  top: 0;
  cursor: pointer;
}
.d3-model-avatar-container .d3-model-avatar-container-parsing .actionIcons {
  display: block;
}
.d3-model-avatar-container:hover .actionIcons {
  display: block;
}
.QyRwtA52ya {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.RQDQypL35i {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.JQ1Pq0zP\+- {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._1i7bDzCjdj {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1i7bDzCjdj > i,
._1i7bDzCjdj > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rX-EvVkj-Y {
  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;
}
.X2DHB1yUKq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Ps-c323ufl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.IoXRcWd9Vr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.wGoTDz7uIM {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.IOcMz7YX96 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tbrhb54EK5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.tbrhb54EK5 .N1NZL8BxI- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.tbrhb54EK5 .N1NZL8BxI- > span {
  color: rgba(0, 0, 0, 0.65);
}
.MiYzBdmFG1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.MiYzBdmFG1 .uJpXIfhR3U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.MiYzBdmFG1 .uJpXIfhR3U > span {
  font-size: 8px;
}
.G5Zljrbxrz .ant-popover-inner-content {
  padding: 0;
}
.G5Zljrbxrz .ant-popover-arrow {
  border-color: #475365 !important;
}
.G5Zljrbxrz .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.sLkE4dOz0g {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.rFPAgE9cdC {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.rFPAgE9cdC .v8LrW86QW5 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.MIx3UeFrWX {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._03m7TgPdqr {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._03m7TgPdqr {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.SQLr29iVhr {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._1WRb1fnc93 {
    /* This is the key */
  }
  ._1WRb1fnc93 html,
  ._1WRb1fnc93 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._1WRb1fnc93 body,
  ._1WRb1fnc93 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._1WRb1fnc93 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._1WRb1fnc93 table,
  ._1WRb1fnc93 tr,
  ._1WRb1fnc93 td {
    page-break-inside: avoid;
  }
  ._1WRb1fnc93 div {
    page-break-inside: avoid;
  }
  ._1WRb1fnc93 thead {
    display: table-header-group;
  }
  ._1WRb1fnc93 tfoot {
    display: table-footer-group;
  }
  ._1WRb1fnc93 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._1WRb1fnc93 .Z0kXOCE3Y6,
  ._1WRb1fnc93 .no-print,
  ._1WRb1fnc93 .react-resizable-handle,
  ._1WRb1fnc93 .fc-whiteboard-toolbar,
  ._1WRb1fnc93 .ant-modal-root,
  ._1WRb1fnc93 .ant-alert,
  ._1WRb1fnc93 .bqKPIMEuyw,
  ._1WRb1fnc93 .ZK1dDhRiV1 {
    display: none !important;
  }
  ._1WRb1fnc93 .TQ85qYaDFV {
    display: none !important;
  }
}
._1WJveRx\+4m {
  height: 100%;
  padding: 24px;
}

._5L-rKYW-yJ {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.n1EuFC9uL0 {
  position: fixed;
  right: 80px;
  bottom: 40px;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: #fff;
  border-radius: 40px;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
._01xiJCF2l5 {
  position: relative;
}
._01xiJCF2l5 .HaWB-iE2rM {
  display: inline-block;
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  border-radius: 3px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Idhaa6iMDG {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Be4J7QJfvr {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.CjUHPUOqhd {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.CjUHPUOqhd > i,
.CjUHPUOqhd > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._8ME83EtxxZ {
  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;
}
.Qc374P86q9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rcW2esdmEL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.BqlDrf9oZF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.\+8WxAvbTk7 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.JHwAFNFfby {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jC3QpEhHHa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.jC3QpEhHHa .n0JpmGPZAP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.jC3QpEhHHa .n0JpmGPZAP > span {
  color: rgba(0, 0, 0, 0.65);
}
.LORZQOPAOm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.LORZQOPAOm ._0pO3tDqRqP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.LORZQOPAOm ._0pO3tDqRqP > span {
  font-size: 8px;
}
.hWHu0-79yI .ant-popover-inner-content {
  padding: 0;
}
.hWHu0-79yI .ant-popover-arrow {
  border-color: #475365 !important;
}
.hWHu0-79yI .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.I8V0KBHPJJ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.RntgAJIgQb {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.RntgAJIgQb .EKKPQ2dwx8 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.s6tq9L-x4B {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.jZDS78bR-P {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .jZDS78bR-P {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._4-A3lrH1fh {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .oAC8K6rsLe {
    /* This is the key */
  }
  .oAC8K6rsLe html,
  .oAC8K6rsLe body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .oAC8K6rsLe body,
  .oAC8K6rsLe div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .oAC8K6rsLe textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .oAC8K6rsLe table,
  .oAC8K6rsLe tr,
  .oAC8K6rsLe td {
    page-break-inside: avoid;
  }
  .oAC8K6rsLe div {
    page-break-inside: avoid;
  }
  .oAC8K6rsLe thead {
    display: table-header-group;
  }
  .oAC8K6rsLe tfoot {
    display: table-footer-group;
  }
  .oAC8K6rsLe * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .oAC8K6rsLe .WH2m0J36Hp,
  .oAC8K6rsLe .no-print,
  .oAC8K6rsLe .react-resizable-handle,
  .oAC8K6rsLe .fc-whiteboard-toolbar,
  .oAC8K6rsLe .ant-modal-root,
  .oAC8K6rsLe .ant-alert,
  .oAC8K6rsLe .xx9O-26fRM,
  .oAC8K6rsLe ._2vkzTARw2a {
    display: none !important;
  }
  .oAC8K6rsLe .OIRCSaj4f4 {
    display: none !important;
  }
}
.wgBpKMP-F- {
  color: #6874e2;
  display: inline-block;
}
.oaWvw5OEsa {
  font-size: 18px;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.HqvQmiKv5o {
  background: #e9e9e9;
  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;
}
._84BUMkJX2s {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: pre;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.o1B1lYxBVW {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.h9lRMPwTDs {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.mEPR1XB6Kp {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mEPR1XB6Kp > i,
.mEPR1XB6Kp > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.a7Xd-BZZTj {
  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;
}
.MKGgJ9af8Y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kicFHM2z1b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cAfd3xBlR3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.jqvMVAVnRN {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cCGBFHX77T {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.o9yCdz8K5s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.o9yCdz8K5s .yxDGp15N7D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.o9yCdz8K5s .yxDGp15N7D > span {
  color: rgba(0, 0, 0, 0.65);
}
.Cs8sa1N3XI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Cs8sa1N3XI ._6OQz8TrCxk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Cs8sa1N3XI ._6OQz8TrCxk > span {
  font-size: 8px;
}
.P-LVRMmU07 .ant-popover-inner-content {
  padding: 0;
}
.P-LVRMmU07 .ant-popover-arrow {
  border-color: #475365 !important;
}
.P-LVRMmU07 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.aWgDXQihyf {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.-k3t61lp1L {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.-k3t61lp1L .\+qDkGziof4 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._61XCqGbRT6 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.KGzb86jFMY {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .KGzb86jFMY {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.r3q8GWF0TS {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Kg67QXwBzm {
    /* This is the key */
  }
  .Kg67QXwBzm html,
  .Kg67QXwBzm body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Kg67QXwBzm body,
  .Kg67QXwBzm div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Kg67QXwBzm textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Kg67QXwBzm table,
  .Kg67QXwBzm tr,
  .Kg67QXwBzm td {
    page-break-inside: avoid;
  }
  .Kg67QXwBzm div {
    page-break-inside: avoid;
  }
  .Kg67QXwBzm thead {
    display: table-header-group;
  }
  .Kg67QXwBzm tfoot {
    display: table-footer-group;
  }
  .Kg67QXwBzm * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Kg67QXwBzm .HOF60Ofytg,
  .Kg67QXwBzm .no-print,
  .Kg67QXwBzm .react-resizable-handle,
  .Kg67QXwBzm .fc-whiteboard-toolbar,
  .Kg67QXwBzm .ant-modal-root,
  .Kg67QXwBzm .ant-alert,
  .Kg67QXwBzm .JwVD3CXxul,
  .Kg67QXwBzm .zoTx4DOGkt {
    display: none !important;
  }
  .Kg67QXwBzm .jExVrgwP3T {
    display: none !important;
  }
}
.pm8sMy5UZG > * {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px -2px rgba(0, 0, 0, 0.16), 0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 0px 1px 2px -2px rgba(0, 0, 0, 0.16), 0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 5px 12px 4px rgba(0, 0, 0, 0.09);
}
@media screen and (max-width: 480px) {
  .pm8sMy5UZG {
    width: 100% !important;
  }
  .pm8sMy5UZG > * {
    border-radius: 0 !important;
  }
}

.u\+8JSioOYr {
  position: relative;
  width: 336px;
}
.S5gn1ZFWvE {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
._75Um8Unv6z {
  padding: 4px;
  vertical-align: middle;
}
._6rYTh7us8M {
  font-size: 16px;
}
._5lmw0VJKYG .ant-tabs-nav-scroll {
  text-align: center;
}
._5lmw0VJKYG .ant-tabs-nav-list {
  margin-bottom: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.thhifEru3E {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.WKjmjCBjek {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._4k6ka3-33r {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._4k6ka3-33r > i,
._4k6ka3-33r > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.QXdjrtxUEp {
  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;
}
.MfYU5PpiC5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gT5gVQ7cO\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.zQ5pvfxyb0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.gqBEFYnTWz {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._6vxC7bCjAQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._6QDMDl1SBP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._6QDMDl1SBP .hqYH3BBn3U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._6QDMDl1SBP .hqYH3BBn3U > span {
  color: rgba(0, 0, 0, 0.65);
}
.ryYcH3klvH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ryYcH3klvH .t716PsXysz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ryYcH3klvH .t716PsXysz > span {
  font-size: 8px;
}
.Z9Q0nOzqYL .ant-popover-inner-content {
  padding: 0;
}
.Z9Q0nOzqYL .ant-popover-arrow {
  border-color: #475365 !important;
}
.Z9Q0nOzqYL .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.MfebzW8fym {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.IURP8OyS6F {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.IURP8OyS6F .r39pmI5bY3 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.YFEF4HAQlo {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.ck6SeW1kS1 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .ck6SeW1kS1 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.-\+6aejfGzv {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .j1g2uEN\+Eo {
    /* This is the key */
  }
  .j1g2uEN\+Eo html,
  .j1g2uEN\+Eo body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .j1g2uEN\+Eo body,
  .j1g2uEN\+Eo div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .j1g2uEN\+Eo textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .j1g2uEN\+Eo table,
  .j1g2uEN\+Eo tr,
  .j1g2uEN\+Eo td {
    page-break-inside: avoid;
  }
  .j1g2uEN\+Eo div {
    page-break-inside: avoid;
  }
  .j1g2uEN\+Eo thead {
    display: table-header-group;
  }
  .j1g2uEN\+Eo tfoot {
    display: table-footer-group;
  }
  .j1g2uEN\+Eo * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .j1g2uEN\+Eo .iKNdNbhDBu,
  .j1g2uEN\+Eo .no-print,
  .j1g2uEN\+Eo .react-resizable-handle,
  .j1g2uEN\+Eo .fc-whiteboard-toolbar,
  .j1g2uEN\+Eo .ant-modal-root,
  .j1g2uEN\+Eo .ant-alert,
  .j1g2uEN\+Eo .mZFdl1evXC,
  .j1g2uEN\+Eo .O7BNsjS7D1 {
    display: none !important;
  }
  .j1g2uEN\+Eo .FQQlMD1XWY {
    display: none !important;
  }
}
._2uRtB0Nzwc {
  max-height: 400px;
  overflow: auto;
}
._2uRtB0Nzwc::-webkit-scrollbar {
  display: none;
}
._2uRtB0Nzwc .ojuDbI07F4 {
  padding-right: 24px;
  padding-left: 24px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
._2uRtB0Nzwc .ojuDbI07F4 .DJRQZrdRq4 {
  width: 100%;
}
._2uRtB0Nzwc .ojuDbI07F4 .WQ8uZnh7Zj {
  margin-top: 4px;
  background: #fff;
}
._2uRtB0Nzwc .ojuDbI07F4 ._3sNLr57rW\+ {
  font-size: 32px;
}
._2uRtB0Nzwc .ojuDbI07F4.lwAMWywqix {
  opacity: 0.4;
}
._2uRtB0Nzwc .ojuDbI07F4:last-child {
  border-bottom: 0;
}
._2uRtB0Nzwc .ojuDbI07F4:hover {
  background: #6874e2;
}
._2uRtB0Nzwc .ojuDbI07F4 .ncBo5l5U1g {
  margin-bottom: 8px;
  font-weight: normal;
}
._2uRtB0Nzwc .ojuDbI07F4 ._3i2a0vUAfG {
  font-size: 12px;
  line-height: 1.5715;
}
._2uRtB0Nzwc .ojuDbI07F4 .huOqk68Wpn {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5715;
}
._2uRtB0Nzwc .ojuDbI07F4 .t9\+qjMOFr6 {
  float: right;
  margin-top: -1.5px;
  margin-right: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
}
._2uRtB0Nzwc .ssTlqaUlbQ {
  padding: 8px 0;
  color: #6874e2;
  text-align: center;
  cursor: pointer;
}
._2uRtB0Nzwc .ssTlqaUlbQ.DwdqbS6G7T {
  color: rgba(0, 0, 0, 0.25);
  cursor: inherit;
}
.q7nzx1lSYm {
  padding: 73px 0 88px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.q7nzx1lSYm img {
  display: inline-block;
  height: 76px;
  margin-bottom: 16px;
}
.nbLVAYr-oO {
  height: 46px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 46px;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 8px 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.nbLVAYr-oO div {
  display: inline-block;
  width: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.nbLVAYr-oO div:hover {
  color: rgba(0, 0, 0, 0.85);
}
.nbLVAYr-oO div:only-child {
  width: 100%;
}
.nbLVAYr-oO div:not(:only-child):last-child {
  border-left: 1px solid #f0f0f0;
}

.a-OGjlBm3i {
  width: 15px;
  height: 15px;
}
.ueeTQDIbbb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ueeTQDIbbb .RKzbLFKDE3 {
  width: 20px;
}
.ueeTQDIbbb .HhrCPrgeKN {
  margin-left: 10px;
}

.PpSgz2hP4y {
  position: relative;
  display: inline-block;
}

.container {
  position: inherit;
}

.uPOyyOEotn .anticon-search {
  font-size: 16px;
  cursor: pointer;
}
.uPOyyOEotn .aVlzCOxzMW {
  width: 0;
  background: transparent;
  border-radius: 0;
  -webkit-transition: width 0.3s, margin-left 0.3s;
  transition: width 0.3s, margin-left 0.3s;
}
.uPOyyOEotn .aVlzCOxzMW .ant-select-selection {
  background: transparent;
}
.uPOyyOEotn .aVlzCOxzMW input {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.uPOyyOEotn .aVlzCOxzMW input {
  padding-right: 0;
  padding-left: 0;
  border: 0;
}
.uPOyyOEotn .aVlzCOxzMW,
.uPOyyOEotn .aVlzCOxzMW:hover,
.uPOyyOEotn .aVlzCOxzMW:focus {
  border-bottom: 1px solid #e0e0e0;
}
.uPOyyOEotn .aVlzCOxzMW.pvni66g\+AR {
  width: 150px;
  margin-left: 8px;
}

.ghhZVlON45 .anticon {
  margin-right: 8px;
}
.ghhZVlON45 .ant-dropdown-menu-item {
  min-width: 160px;
}
.LyKZ85xF21 {
  line-height: 64px;
  vertical-align: top;
  cursor: pointer;
}
.LyKZ85xF21 > i {
  font-size: 16px !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.LyKZ85xF21 > i svg {
  position: relative;
  top: -1px;
}

.bbmL7PMoFP {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bbmL7PMoFP .BYerb9w9PB {
  color: #172e59 !important;
  font-size: 14px !important;
  height: auto !important;
}
.bbmL7PMoFP .BYerb9w9PB {
  position: relative;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bbmL7PMoFP .BYerb9w9PB .L9pTl3Z6fk {
  margin-top: 4px;
  font-size: 12px;
}
.bbmL7PMoFP .BYerb9w9PB:hover,
.bbmL7PMoFP .BYerb9w9PB:focus {
  color: #f89902 !important;
}
.bbmL7PMoFP .BYerb9w9PB:hover .GK41R-G97p,
.bbmL7PMoFP .BYerb9w9PB:focus .GK41R-G97p {
  display: block;
}
.bbmL7PMoFP .r6-GKoW5s2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.bbmL7PMoFP .r6-GKoW5s2::before,
.bbmL7PMoFP .r6-GKoW5s2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 12px);
          transform: translate(-50%, 12px);
  width: 0;
  height: 0;
}
.HuvyPb5Iq4 {
  position: absolute;
  top: 100%;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 320px;
  padding-top: 12px;
  z-index: 1000;
}
.HuvyPb5Iq4 .zBxF4OA\+bs {
  position: relative;
  padding-top: 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background: #fff;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 400px;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .FXGozuhwQL {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  z-index: 10;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .uFP2LDwi4H {
  overflow-y: auto;
  max-height: 260px;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .uFP2LDwi4H::-webkit-scrollbar {
  width: 6px;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .uFP2LDwi4H::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .uFP2LDwi4H::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.HuvyPb5Iq4 .zBxF4OA\+bs .dkM0EDMSJO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .dkM0EDMSJO:last-child {
  border-bottom: none;
}
.HuvyPb5Iq4 .zBxF4OA\+bs ._07iJSwRRZa {
  width: 100%;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .EiYCYHP1vM {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  width: 100%;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .pVQMfCkeiR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 4px;
  overflow: hidden;
  white-space: nowrap;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .qOfRwAxxss {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 75%;
  -webkit-font-feature-settings: 'kern' on;
          font-feature-settings: 'kern' on;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .Zqg2q9scYb {
  color: white;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
  padding: 2px 8px;
  background: #e81d1d;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .tZt4obOaql {
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .ant-dropdown-menu-title-content {
  width: 100%;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .ant-dropdown-menu {
  padding: 4px 0;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 12px 1rem;
}
.HuvyPb5Iq4 .zBxF4OA\+bs .ant-dropdown-menu .ant-dropdown-menu-item:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 768px) {
  .HuvyPb5Iq4 {
    position: fixed;
    top: 48px;
    right: 10px;
    -webkit-transform: none;
            transform: none;
  }
}
.CrmbgwJOvT {
  position: absolute;
  top: -13px;
  right: -13px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e81d1d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 9px;
  font-weight: bold;
  color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

.TyA6sWuH36 {
  position: inherit;
}

/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(1em * 1.5);
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: 1em;
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: 1em;
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: rgba(0,0,0,0.1);
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.5),
		inset 0 0 0 1px rgba(0,0,0,0.5);
	        box-shadow: 0 0 0 1px rgba(0,0,0,0.5),
		inset 0 0 0 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
	        box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: 0.8;
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: 0.65;
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-right: 0.35em;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: 0.3em;
	width: var(--PhoneInputCountrySelectArrow-width);
	height: 0.3em;
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: 0.35em;
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: currentColor;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: 1px;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: 1px;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transform: var(--PhoneInputCountrySelectArrow-transform);
	        transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: 0.45;
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: #03b2cb;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	-webkit-box-shadow: 0 0 0 1px #03b2cb,
		inset 0 0 0 1px #03b2cb;
	        box-shadow: 0 0 0 1px #03b2cb,
		inset 0 0 0 1px #03b2cb;
	-webkit-box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
	        box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: #03b2cb;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.GLkiciKid0 input {
  height: 32px;
  padding: 0 2px;
  border: 1px solid #d9d9d9;
  border-radius: 0 6px 6px 0;
}
.GLkiciKid0 input.dqiWn3ejLW {
  outline: none;
}
.GLkiciKid0 input:focus-visible {
  outline: none;
}
.GLkiciKid0 input:focus {
  border-color: #ffb52b;
  -webkit-box-shadow: 0 0 0 2px rgba(248, 153, 2, 0.2);
  box-shadow: 0 0 0 2px rgba(248, 153, 2, 0.2);
  border-right-width: 1px;
}
.GLkiciKid0 .PhoneInputCountry {
  width: 4rem;
  margin-right: 0;
  border-radius: 6px 0 0 6px;
  border: 1px solid #d9d9d9;
  border-right: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.GLkiciKid0 .PhoneInputCountry .PhoneInputCountryIcon--border {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.GLkiciKid0 .PhoneInputCountry .PhoneInputCountryIcon--border > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vO4zSwJOCV {
  position: inherit;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.iwJ276BOpq {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Z2Gzefgs4B {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.iOld62Lz0Z {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.iOld62Lz0Z > i,
.iOld62Lz0Z > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MBjdLDmUIv {
  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;
}
.AaaUa\+bBKI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.av8nXKdz4b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Bgr8gFszY8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._8KhzxfFfDH {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kkF8cwEJTb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2zuiBAviCl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._2zuiBAviCl .wZnXAl1Kbz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._2zuiBAviCl .wZnXAl1Kbz > span {
  color: rgba(0, 0, 0, 0.65);
}
.KW1VbArf02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.KW1VbArf02 .kWHngH0AZN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.KW1VbArf02 .kWHngH0AZN > span {
  font-size: 8px;
}
.HP6aI-0gjR .ant-popover-inner-content {
  padding: 0;
}
.HP6aI-0gjR .ant-popover-arrow {
  border-color: #475365 !important;
}
.HP6aI-0gjR .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.eF2fKyzVKC {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.HzU\+CgWbFI {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.HzU\+CgWbFI .SnnCV8NlPv {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Mb1m2B-4mo {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._82muruBFIF {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._82muruBFIF {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.yG7p45mY-F {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .tJBWjEfjKg {
    /* This is the key */
  }
  .tJBWjEfjKg html,
  .tJBWjEfjKg body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .tJBWjEfjKg body,
  .tJBWjEfjKg div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .tJBWjEfjKg textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .tJBWjEfjKg table,
  .tJBWjEfjKg tr,
  .tJBWjEfjKg td {
    page-break-inside: avoid;
  }
  .tJBWjEfjKg div {
    page-break-inside: avoid;
  }
  .tJBWjEfjKg thead {
    display: table-header-group;
  }
  .tJBWjEfjKg tfoot {
    display: table-footer-group;
  }
  .tJBWjEfjKg * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .tJBWjEfjKg .qUE9DRT\+4P,
  .tJBWjEfjKg .no-print,
  .tJBWjEfjKg .react-resizable-handle,
  .tJBWjEfjKg .fc-whiteboard-toolbar,
  .tJBWjEfjKg .ant-modal-root,
  .tJBWjEfjKg .ant-alert,
  .tJBWjEfjKg .H37E9MLb2l,
  .tJBWjEfjKg .Up\+cMvOZg9 {
    display: none !important;
  }
  .tJBWjEfjKg .ut2eqyz9el {
    display: none !important;
  }
}
.xM0V\+ZgTNH {
  height: 200px;
  padding-top: 0;
  position: relative;
}
.YIJj6\+eIrU {
  position: relative;
  height: calc(100% - 48px);
  -webkit-transform: translateX(16px) translateY(50px);
          transform: translateX(16px) translateY(50px);
}
.YIJj6\+eIrU > div {
  position: absolute;
}
@-webkit-keyframes \+tCGQ1Vd3h {
  0% {
    -webkit-box-shadow: 0 -150px 0 75px #009fdf, 0 0 0 75px #cccccc;
            box-shadow: 0 -150px 0 75px #009fdf, 0 0 0 75px #cccccc;
  }
  100% {
    -webkit-box-shadow: 0 0 0 75px #009fdf, 0 0 0 75px #cccccc;
            box-shadow: 0 0 0 75px #009fdf, 0 0 0 75px #cccccc;
  }
}
@keyframes \+tCGQ1Vd3h {
  0% {
    -webkit-box-shadow: 0 -150px 0 75px #009fdf, 0 0 0 75px #cccccc;
            box-shadow: 0 -150px 0 75px #009fdf, 0 0 0 75px #cccccc;
  }
  100% {
    -webkit-box-shadow: 0 0 0 75px #009fdf, 0 0 0 75px #cccccc;
            box-shadow: 0 0 0 75px #009fdf, 0 0 0 75px #cccccc;
  }
}
.p1Vhskev3Y .olnVz448tf .xUovWXWQXW {
  -webkit-transition: -webkit-box-shadow 2s linear;
  transition: -webkit-box-shadow 2s linear;
  transition: box-shadow 2s linear;
  transition: box-shadow 2s linear, -webkit-box-shadow 2s linear;
  -webkit-box-shadow: 0 0 0 75px #009fdf, 0 0 0 75px #cccccc;
          box-shadow: 0 0 0 75px #009fdf, 0 0 0 75px #cccccc;
}
.olnVz448tf {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 70px;
  overflow: hidden;
}
.olnVz448tf.PGEQVTtAIS {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 159, 223, 0.3);
          box-shadow: 0 0 0 10px rgba(0, 159, 223, 0.3);
}
.olnVz448tf .xUovWXWQXW {
  position: relative;
  margin: 5px auto;
  border-radius: 70px;
  width: 70px;
  height: 70px;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 -150px 0 75px #009fdf, 0 0 0 75px #cccccc;
          box-shadow: 0 -150px 0 75px #009fdf, 0 0 0 75px #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.olnVz448tf .xUovWXWQXW > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.olnVz448tf .xUovWXWQXW > div .tge24QM-QD {
  font-size: 12px;
}
.olnVz448tf .xUovWXWQXW > div .CUE2QHCZyY {
  font-size: 12px;
  color: #009fdf;
  font-weight: bold;
}
.p1Vhskev3Y .CdVdznAAKd:before {
  -webkit-transition: height 1s linear;
  transition: height 1s linear;
  height: 100px;
}
.CdVdznAAKd {
  background: #cccccc;
  width: 5px;
  height: 100px;
  margin: 0 auto;
}
.CdVdznAAKd:before {
  content: '';
  display: block;
  background: #009fdf;
  width: 100%;
  height: 0;
  margin: auto;
}
.p1Vhskev3Y .r4idfnFRN8:before {
  -webkit-transition: width 0.5s linear;
  transition: width 0.5s linear;
  width: 99px;
}
.r4idfnFRN8 {
  background: #cccccc;
  height: 5px;
  width: 99px;
}
.r4idfnFRN8:before {
  content: '';
  position: absolute;
  background: #009fdf;
  width: 0;
  height: 5px;
  margin: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.t\+NMcC49tD {
  position: absolute;
  width: 75px;
  height: 75px;
}
.ns-aY8frxO {
  top: -70px;
  left: -72.5px;
}
.rNfwJnXK3i {
  bottom: -70px;
  right: -72.5px;
}
.t\+NMcC49tD path {
  stroke-width: 6px;
  fill: none;
}
.t\+NMcC49tD .M1NN-uTp-j {
  stroke: #cccccc;
}
.t\+NMcC49tD .p1Vhskev3Y .I5X5IF71-u {
  -webkit-animation: rnf3HFWFz1 linear 0.5s forwards;
          animation: rnf3HFWFz1 linear 0.5s forwards;
}
.t\+NMcC49tD .I5X5IF71-u {
  stroke: #009fdf;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}
@-webkit-keyframes rnf3HFWFz1 {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes rnf3HFWFz1 {
  to {
    stroke-dashoffset: 0;
  }
}
.p1Vhskev3Y .Xn9hqMcEzB {
  -webkit-transition: height 1s linear;
  transition: height 1s linear;
  height: 100%;
}
.Xn9hqMcEzB {
  display: block;
  width: 100%;
  height: 0%;
  overflow: hidden;
}
.Xn9hqMcEzB:before {
  content: '';
  display: inline-block;
  position: relative;
  font-size: 35px;
  top: 35px;
  margin-top: -20px;
  color: #009fdf;
  overflow: hidden;
}
._0MLlbijVBe:before {
  content: '111';
}

@-webkit-keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  -ms-touch-action: none;
      touch-action: none;
}

.ril__outerClosing {
  opacity: 0;
}

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  -ms-touch-action: none;
      touch-action: none;
}

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}
.ril__navButtons:hover {
  opacity: 1;
}
.ril__navButtons:active {
  opacity: 0.7;
}

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==')
    no-repeat center;
}

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+')
    no-repeat center;
}

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
  background-size: cover;
}

.ril__caption,
.ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.ril__captionContent {
  padding: 10px 20px;
  color: #fff;
}

.ril__toolbar {
  top: 0;
  height: 50px;
}

.ril__toolbarSide {
  height: 50px;
  margin: 0;
}

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ril__toolbarItemChild {
  vertical-align: middle;
}

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}
.ril__builtinButton:hover {
  opacity: 1;
}
.ril__builtinButton:active {
  outline: none;
}

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}
.ril__builtinButtonDisabled:hover {
  opacity: 0.5;
}

.ril__closeButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__zoomInButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+')
    no-repeat center;
}

.ril__zoomOutButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__outerAnimating {
  -webkit-animation-name: closeWindow;
          animation-name: closeWindow;
}

@-webkit-keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  -webkit-animation: pointFade 800ms infinite ease-in-out both;
          animation: pointFade 800ms infinite ease-in-out both;
}
.ril__loadingCirclePoint:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.ril__loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  -webkit-animation-delay: -800ms;
          animation-delay: -800ms;
}
.ril__loadingCirclePoint:nth-of-type(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.ril__loadingCirclePoint:nth-of-type(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}
.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  -webkit-animation-delay: -666ms;
          animation-delay: -666ms;
}
.ril__loadingCirclePoint:nth-of-type(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.ril__loadingCirclePoint:nth-of-type(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  -webkit-animation-delay: -533ms;
          animation-delay: -533ms;
}
.ril__loadingCirclePoint:nth-of-type(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ril__loadingCirclePoint:nth-of-type(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  -webkit-animation-delay: -400ms;
          animation-delay: -400ms;
}
.ril__loadingCirclePoint:nth-of-type(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.ril__loadingCirclePoint:nth-of-type(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  -webkit-animation-delay: -266ms;
          animation-delay: -266ms;
}
.ril__loadingCirclePoint:nth-of-type(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
.ril__loadingCirclePoint:nth-of-type(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  -webkit-animation-delay: -133ms;
          animation-delay: -133ms;
}
.ril__loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(13) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none;
}

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  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;
  color: #fff;
}
.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none;
}

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

/* stylelint-disable font-family-no-duplicate-names, no-duplicate-selectors, plugin/no-unsupported-browser-features */
.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.-tyd-f3fqv {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.B\+9-YaosuX {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.mplHq9EzW7 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mplHq9EzW7 > i,
.mplHq9EzW7 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.zkTAgPTjrI {
  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;
}
._7Bjrm34LHk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.in19LlYMEK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.WPxPrMFdU9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.aVif\+B6Vwc {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._9yGKMcSekn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._02tcTQU5Nf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._02tcTQU5Nf .Z0uOiHj\+iA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._02tcTQU5Nf .Z0uOiHj\+iA > span {
  color: rgba(0, 0, 0, 0.65);
}
.jolqWWSvuA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.jolqWWSvuA ._1zfvR-cmat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.jolqWWSvuA ._1zfvR-cmat > span {
  font-size: 8px;
}
.xcA95ODzI6 .ant-popover-inner-content {
  padding: 0;
}
.xcA95ODzI6 .ant-popover-arrow {
  border-color: #475365 !important;
}
.xcA95ODzI6 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._2Yb5fIHwut {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.C9vvTjw0o8 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.C9vvTjw0o8 ._7izg4KUkrH {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.ZkSWSEs56z {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.m\+h2SznIzX {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .m\+h2SznIzX {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._6koObXDNO3 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .hoicbNjj\+V {
    /* This is the key */
  }
  .hoicbNjj\+V html,
  .hoicbNjj\+V body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .hoicbNjj\+V body,
  .hoicbNjj\+V div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .hoicbNjj\+V textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .hoicbNjj\+V table,
  .hoicbNjj\+V tr,
  .hoicbNjj\+V td {
    page-break-inside: avoid;
  }
  .hoicbNjj\+V div {
    page-break-inside: avoid;
  }
  .hoicbNjj\+V thead {
    display: table-header-group;
  }
  .hoicbNjj\+V tfoot {
    display: table-footer-group;
  }
  .hoicbNjj\+V * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .hoicbNjj\+V .omwF0jfm32,
  .hoicbNjj\+V .no-print,
  .hoicbNjj\+V .react-resizable-handle,
  .hoicbNjj\+V .fc-whiteboard-toolbar,
  .hoicbNjj\+V .ant-modal-root,
  .hoicbNjj\+V .ant-alert,
  .hoicbNjj\+V .CsJ3M0RmY6,
  .hoicbNjj\+V .QVQHNJb72r {
    display: none !important;
  }
  .hoicbNjj\+V .h30xaP-\+\+L {
    display: none !important;
  }
}
body {
  margin: 0 !important;
}
body {
  height: 100vh;
  width: 100vw;
  background-color: white;
}
#root {
  height: 100%;
  width: 100%;
}
div::-webkit-scrollbar, section::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
div::-webkit-scrollbar-thumb, section::-webkit-scrollbar-thumb {
  background-color: #808080;
}
.ant-pagination a.ant-pagination-item-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
}
.ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-year-btn, .ant-calendar-date-panel .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-date-panel .ant-calendar-header .ant-calendar-next-year-btn, .ant-calendar-date-panel .ant-calendar-header .ant-calendar-next-month-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-btn-sm {
  font-size: 13px;
}
.ant-table-tbody .ant-btn-link {
  padding-left: 0;
  padding-right: 0;
}
.ant-table-tbody > tr > td, .ant-table-thead > tr > th {
  padding: 12px 8px !important;
}
.ant-table-tbody > tr > td, .ant-table-thead > tr > th {
  font-size: 14px;
}
.ant-table-tbody > tr.ant-table-measure-row > td {
  padding: 0 !important;
}
.ant-input-search {
  height: 32px;
}
button.ant-alert-close-icon {
  top: 13px;
}
button .ant-modal-close-x {
  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;
}
._hj-f5b2a1eb-9b07_feedback_minimized_label_text {
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
}
a[href="https://www.cnzz.com/stat/website.php?web_id=1279077844"] {
  display: none;
}
.reactour__helper {
  background: none !important;
  color: white !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.reactour__helper {
  font-size: 24px;
}
.reactour__helper button.sc-bdVaJa > svg {
  color: white;
  font-size: 20px;
}
.ant-input-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-table-column-sorters {
  padding: 4px !important;
}
.ant-modal-content {
  width: 100% !important;
}
.ant-tabs-nav-container {
  height: 45px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-btn {
  height: 40px;
}
.ant-tabs-content-holder {
  height: 100%;
}
.ant-select-selection-item-remove {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.ant-select-selection-item-remove {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-input-search-button {
  border-left: none;
}
.ant-descriptions-view {
  overflow-y: auto;
}
.ant-btn-circle.ant-btn-lg {
  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;
}
.ant-avatar-image > img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  input,
  textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  table,
  tr,
  td {
    page-break-inside: avoid;
  }
  div {
    page-break-inside: avoid;
  }
  /* This is the key */
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  .omwF0jfm32,
  .no-print,
  .react-resizable-handle,
  .fc-whiteboard-toolbar,
  .ant-modal-root,
  .ant-alert,
  .QVQHNJb72r {
    display: none !important;
  }
}

._0ahzbx2h2m {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.l6pXwYVSRx {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.eKd\+UmNVKI {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._9MWh8qel57 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._9MWh8qel57 > i,
._9MWh8qel57 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._7N3Ud-jqfx {
  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;
}
._26EBCRh0ym {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.OkTcyaaiKA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.D3cgIDNJzY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Eoh\+0bTTnb {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.iC7Fx9VmlV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aAgcBCF3Wu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.aAgcBCF3Wu ._2wkxYP\+5d1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.aAgcBCF3Wu ._2wkxYP\+5d1 > span {
  color: rgba(0, 0, 0, 0.65);
}
.PWKsnvgs69 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PWKsnvgs69 .o\+yWmBJg6v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.PWKsnvgs69 .o\+yWmBJg6v > span {
  font-size: 8px;
}
._5JWkLqyoB7 .ant-popover-inner-content {
  padding: 0;
}
._5JWkLqyoB7 .ant-popover-arrow {
  border-color: #475365 !important;
}
._5JWkLqyoB7 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.UNgv5NDMGB {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.G3j3tIhTTJ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.G3j3tIhTTJ ._3IYhXuM6Hy {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.dHsA2KDhzP {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.souBWQR3Dk {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .souBWQR3Dk {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.qYVCwuRMWc {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .OFaa-NNSfE {
    /* This is the key */
  }
  .OFaa-NNSfE html,
  .OFaa-NNSfE body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .OFaa-NNSfE body,
  .OFaa-NNSfE div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .OFaa-NNSfE textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .OFaa-NNSfE table,
  .OFaa-NNSfE tr,
  .OFaa-NNSfE td {
    page-break-inside: avoid;
  }
  .OFaa-NNSfE div {
    page-break-inside: avoid;
  }
  .OFaa-NNSfE thead {
    display: table-header-group;
  }
  .OFaa-NNSfE tfoot {
    display: table-footer-group;
  }
  .OFaa-NNSfE * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .OFaa-NNSfE .qDaIuPu3pM,
  .OFaa-NNSfE .no-print,
  .OFaa-NNSfE .react-resizable-handle,
  .OFaa-NNSfE .fc-whiteboard-toolbar,
  .OFaa-NNSfE .ant-modal-root,
  .OFaa-NNSfE .ant-alert,
  .OFaa-NNSfE ._8PiBDzVs7z,
  .OFaa-NNSfE .MRr9froj3h {
    display: none !important;
  }
  .OFaa-NNSfE .mJj4U3hjtw {
    display: none !important;
  }
}
.mLb-xtWvXO {
  display: inline-block;
  height: 64px;
  padding: 0 0 0 24px;
  font-size: 20px;
  line-height: 64px;
  vertical-align: top;
  cursor: pointer;
}
.mLb-xtWvXO img {
  display: inline-block;
  vertical-align: middle;
}
.-gwtjprieM .anticon {
  margin-right: 8px;
}
.-gwtjprieM .ant-dropdown-menu-item {
  min-width: 160px;
}
.zRfL4pK9QD {
  height: 64px;
  padding: calc((64px - 20px) / 2) 24px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s, padding 0s;
  transition: all 0.3s, padding 0s;
}
.zRfL4pK9QD:hover {
  background: rgba(0, 0, 0, 0.025);
}
.dmTh2DkcQn {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  overflow: hidden;
  padding-right: 16px;
}
.dmTh2DkcQn > .BWqvPkmBM0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.dmTh2DkcQn > .BWqvPkmBM0 > i {
  color: rgba(0, 0, 0, 0.85);
  vertical-align: middle;
}
.dmTh2DkcQn > .BWqvPkmBM0:hover {
  background: rgba(0, 0, 0, 0.025);
}
.dmTh2DkcQn > .BWqvPkmBM0.opened {
  background: rgba(0, 0, 0, 0.025);
}
.dmTh2DkcQn .WccPixGSof {
  padding: 0 12px;
}
.dmTh2DkcQn .WccPixGSof:hover {
  background: transparent;
}
.dmTh2DkcQn .WccPixGSof .ant-select-combobox .ant-select-search__field__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dmTh2DkcQn ._90RnRp8j7m .z5e0Gbz87G {
  margin: calc((64px - 24px) / 2) 0;
  margin-right: 8px;
  color: #6874e2;
  vertical-align: top;
  background: rgba(255, 255, 255, 0.85);
}
.Dto7RL\+rix {
  height: 64px;
}
.Dto7RL\+rix .BWqvPkmBM0 {
  color: rgba(255, 255, 255, 0.85);
}
.Dto7RL\+rix .BWqvPkmBM0 > i {
  color: rgba(255, 255, 255, 0.85);
}
.Dto7RL\+rix .BWqvPkmBM0:hover,
.Dto7RL\+rix .BWqvPkmBM0.opened {
  background: #6874e2;
}
.Dto7RL\+rix .BWqvPkmBM0 .ant-badge {
  color: rgba(255, 255, 255, 0.85);
}
@media only screen and (max-width: 768px) {
  .ant-divider-vertical {
    vertical-align: baseline;
    vertical-align: initial;
  }
  .Q8j18OkIOk {
    display: none;
  }
  i.zRfL4pK9QD {
    padding: 22px 12px;
  }
  .mLb-xtWvXO {
    position: relative;
    padding-right: 12px;
    padding-left: 12px;
  }
  .dmTh2DkcQn {
    position: absolute;
    top: 0;
    right: 12px;
    background: #fff;
  }
  .dmTh2DkcQn ._90RnRp8j7m .z5e0Gbz87G {
    margin-right: 0;
  }
}
._2YF\+dS\+8PS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._2YF\+dS\+8PS div {
  text-align: center;
  margin: 8px 0;
}
._2YF\+dS\+8PS img {
  width: 150px;
  height: 150px;
}

.woRfOg-Dqh {
  position: relative;
}

.ant-layout {
  height: 100vh;
}
.ant-layout .ant-pro-sider-fixed {
  position: fixed !important;
}
.ant-layout .ant-layout-header.ant-pro-layout-header-mix {
  width: 100vw !important;
}
.ant-layout .ant-layout-header.ant-pro-layout-header-mix {
  padding-left: 16px;
}
.ant-layout .ant-pro-layout-content {
  padding: 0px 16px 0 !important;
  margin: 0 !important;
}
.ant-layout .ant-pro-layout-content > div {
  height: 100%;
}
.ant-layout .ant-pro-basicLayout .ant-layout {
  height: 100%;
  overflow: hidden;
  background-color: #eff1f7;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-shadow: initial;
          box-shadow: initial;
}
.ant-layout .ant-pro-basicLayout .ant-layout > div {
  height: 100%;
}
.ant-layout .ant-layout-header {
  width: auto !important;
  width: initial !important;
}
.ant-layout .ant-layout-header {
  -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
          box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
}
.ant-layout .ant-layout-header .owg89ZFHLp {
  font-size: 16px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-layout .ant-layout-content > div > div {
  height: calc(100vh - 88px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu {
  background: rgba(59, 69, 94);
}
.ant-menu .menu-indicator {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #acbbdc;
  display: inline-block;
  margin-right: 8px;
}
.ant-menu .ant-menu-item:hover .NbcCZNEfjl {
  color: white;
}
.ant-menu .ze4afUQwLD {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 18px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0 18px;
}
.ant-menu .ze4afUQwLD .S031znjWc2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
}
.ant-menu .k-AQFWFhB8 {
  grid-template-columns: 100%;
}
.ant-menu .k-AQFWFhB8 .S031znjWc2 {
  height: 100%;
  width: 100%;
}
.ant-menu .NbcCZNEfjl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acbbdc;
  height: 45px;
  cursor: pointer;
  position: relative;
}
.ant-menu .NbcCZNEfjl svg {
  fill: #acbbdc;
}
.ant-menu .NGPbhD1Hne {
  position: absolute;
  right: 2px;
  top: 2px;
}
.ant-pro-sider {
  background: rgba(59, 69, 94) !important;
}
.ant-pro-sider {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  max-width: 220px;
  min-width: 220px;
  width: 220px;
}
.ant-pro-sider > div > .ant-menu {
  height: calc(100vh - 64px);
  overflow-y: auto;
  overflow-x: hidden;
}
.ant-pro-sider .ant-pro-sider-logo#logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(59, 69, 94);
  max-height: 90px;
  overflow: hidden;
}
.ant-pro-sider .ant-pro-sider-logo#logo > a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-pro-sider .ant-pro-sider-logo#logo h1 {
  display: none;
}
.ant-pro-sider li.ant-menu-item {
  height: 45px !important;
  line-height: 45px !important;
}
.ant-pro-sider li.ant-menu-item:hover {
  color: white;
}
.ant-pro-sider span.ant-pro-menu-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.ant-pro-sider .ant-menu-submenu {
  background: rgba(59, 69, 94);
}
.ant-pro-sider .ant-menu-submenu .ant-menu-item {
  background: rgba(59, 69, 94);
}
.ant-pro-sider .ant-menu-submenu .ant-menu-item span {
  color: #acbbdc;
  font-size: 14px;
}
.ant-pro-sider .ant-menu-submenu .ant-menu-item span:hover {
  color: white;
}
.ant-pro-sider .ant-menu-submenu .ant-menu-item:hover span {
  color: white;
}
.ant-pro-sider .ant-menu-submenu .ant-menu-item-selected {
  background-color: #1b2131;
}
.ant-pro-sider .ant-menu-submenu .ant-menu-submenu-title {
  color: #acbbdc;
  background: rgba(59, 69, 94);
  font-size: 14px;
}
.ant-pro-sider .ant-menu-submenu .ant-menu-submenu-title:hover {
  color: white !important;
}
.ant-pro-sider .ant-menu-submenu .ant-menu-submenu-title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ant-pro-sider .ant-menu-submenu .ant-menu-submenu-title svg {
  fill: #acbbdc;
}
.ant-pro-sider .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
  background: #acbbdc !important;
}
.ant-pro-sider .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow:after {
  background: #acbbdc !important;
}
.ant-pro-sider .ant-menu-inline-collapsed .ant-menu-submenu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-pro-sider .ant-menu-inline-collapsed .NbcCZNEfjl {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-pro-sider .ant-menu-inline-collapsed .NbcCZNEfjl span {
  display: none;
}
.ant-pro-sider .ant-menu-inline-collapsed-tooltip,
.ant-pro-sider .ant-menu-submenu-popup {
  display: none !important;
}
.ant-pro-sider .ant-pro-base-menu-item-icon + .ant-pro-base-menu-item-text {
  -webkit-transform: translateX(8px);
          transform: translateX(8px);
}
.dmFu9W8mi7 .gJ5h3qjC2i {
  margin-top: 12px;
}
.dmFu9W8mi7 .jrBYqH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.A3LwkhJys8 {
  color: black;
  height: 100%;
  width: 100%;
  position: relative;
}
.A3LwkhJys8 > div {
  height: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.uswyWB\+7SV {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._9RYPC0CA04 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.HVPPqy7dbo {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.HVPPqy7dbo > i,
.HVPPqy7dbo > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._4XnPScBqpU {
  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;
}
.QrvjmLXy2c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.L2EDbgQfa4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wiYKKR1y3E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.HV70v89Abh {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.VoJmr-3TLM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.IcToiRkFFx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.IcToiRkFFx .NL\+0NTnbwg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.IcToiRkFFx .NL\+0NTnbwg > span {
  color: rgba(0, 0, 0, 0.65);
}
.dO7SdxQTGt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dO7SdxQTGt ._5WMvUSouP9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dO7SdxQTGt ._5WMvUSouP9 > span {
  font-size: 8px;
}
.DcjTN\+Mo9q .ant-popover-inner-content {
  padding: 0;
}
.DcjTN\+Mo9q .ant-popover-arrow {
  border-color: #475365 !important;
}
.DcjTN\+Mo9q .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.m2nXhcOtQA {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.q4AYP3l4d5 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.q4AYP3l4d5 .GU0Zx4U8dz {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.A1wbJuSFKQ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.vjm2zQxB15 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .vjm2zQxB15 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._57NxADX\+hH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._7ihcbtWgpL {
    /* This is the key */
  }
  ._7ihcbtWgpL html,
  ._7ihcbtWgpL body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._7ihcbtWgpL body,
  ._7ihcbtWgpL div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._7ihcbtWgpL textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._7ihcbtWgpL table,
  ._7ihcbtWgpL tr,
  ._7ihcbtWgpL td {
    page-break-inside: avoid;
  }
  ._7ihcbtWgpL div {
    page-break-inside: avoid;
  }
  ._7ihcbtWgpL thead {
    display: table-header-group;
  }
  ._7ihcbtWgpL tfoot {
    display: table-footer-group;
  }
  ._7ihcbtWgpL * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._7ihcbtWgpL ._8wN797OFGx,
  ._7ihcbtWgpL .no-print,
  ._7ihcbtWgpL .react-resizable-handle,
  ._7ihcbtWgpL .fc-whiteboard-toolbar,
  ._7ihcbtWgpL .ant-modal-root,
  ._7ihcbtWgpL .ant-alert,
  ._7ihcbtWgpL ._0pUjdxpoUz,
  ._7ihcbtWgpL .zsOVJ7fZAP {
    display: none !important;
  }
  ._7ihcbtWgpL .Gw-dgu2ccd {
    display: none !important;
  }
}
._2Ox\+V\+ifd9 {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 24px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
}
._2Ox\+V\+ifd9 .DLIu2Y\+SuA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._2Ox\+V\+ifd9 .DLIu2Y\+SuA ._8dDk0Tm84Z {
  color: #fff;
  background-color: #6874e2;
}
._2Ox\+V\+ifd9 ._1iqycGULxm {
  margin-top: 16px;
}
._2UqpsfsMid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.VJ9MYUNrXH {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.LXC2Hk8CW9 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.IjdIm\+ANgF {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.IjdIm\+ANgF > i,
.IjdIm\+ANgF > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eFI-pow1oD {
  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;
}
.yTYcd-VI5u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rApQb5XAnz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.n8T-zGVSj6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.zkKKF4froc {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.j3WU3u5oQ8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fiH1uqdtNG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.fiH1uqdtNG .GQjk2SEuvA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.fiH1uqdtNG .GQjk2SEuvA > span {
  color: rgba(0, 0, 0, 0.65);
}
.B7NMpfs8sJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.B7NMpfs8sJ .qYTdyolAjk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.B7NMpfs8sJ .qYTdyolAjk > span {
  font-size: 8px;
}
.lNyc8HhwuT .ant-popover-inner-content {
  padding: 0;
}
.lNyc8HhwuT .ant-popover-arrow {
  border-color: #475365 !important;
}
.lNyc8HhwuT .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.j8Ld4rdshY {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.j-AaO9eGsw {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.j-AaO9eGsw .iqNyDIhlJo {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.hkfHso2Qk3 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.j3hvDIwllw {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .j3hvDIwllw {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.q19svdhe19 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .VBNZZeTc83 {
    /* This is the key */
  }
  .VBNZZeTc83 html,
  .VBNZZeTc83 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .VBNZZeTc83 body,
  .VBNZZeTc83 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .VBNZZeTc83 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .VBNZZeTc83 table,
  .VBNZZeTc83 tr,
  .VBNZZeTc83 td {
    page-break-inside: avoid;
  }
  .VBNZZeTc83 div {
    page-break-inside: avoid;
  }
  .VBNZZeTc83 thead {
    display: table-header-group;
  }
  .VBNZZeTc83 tfoot {
    display: table-footer-group;
  }
  .VBNZZeTc83 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .VBNZZeTc83 .DVbz6pYdlF,
  .VBNZZeTc83 .no-print,
  .VBNZZeTc83 .react-resizable-handle,
  .VBNZZeTc83 .fc-whiteboard-toolbar,
  .VBNZZeTc83 .ant-modal-root,
  .VBNZZeTc83 .ant-alert,
  .VBNZZeTc83 ._3rTkR7y2PT,
  .VBNZZeTc83 .RBhMahrTDv {
    display: none !important;
  }
  .VBNZZeTc83 .z9KmdoJMu0 {
    display: none !important;
  }
}
.A0YJAodQoD {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 24px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
}
.A0YJAodQoD .tTEN6E61ml {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.A0YJAodQoD .tTEN6E61ml .sKzDh0khiZ {
  color: #fff;
  background-color: #6874e2;
}
.A0YJAodQoD .D4VhWDTS9s {
  margin-top: 0;
  height: calc(100% - 90px);
  overflow-y: auto;
}
.A0YJAodQoD .pVFcZejnV2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.oCS6lj8nco {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._34dybH692j {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._2JdkzywF1C {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._2JdkzywF1C > i,
._2JdkzywF1C > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.i0znhn8joN {
  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;
}
.PowRPLlqR3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.AtSj5-Mn7\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.QX\+WCeN0LS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.YdppuX3rKC {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.SMqX-LcOie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.J49iqIUVB3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.J49iqIUVB3 .hhTZA0H\+Ou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.J49iqIUVB3 .hhTZA0H\+Ou > span {
  color: rgba(0, 0, 0, 0.65);
}
.I\+gJS4-bky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.I\+gJS4-bky .et-KcaTpDR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.I\+gJS4-bky .et-KcaTpDR > span {
  font-size: 8px;
}
.\+mR1zGTWoU .ant-popover-inner-content {
  padding: 0;
}
.\+mR1zGTWoU .ant-popover-arrow {
  border-color: #475365 !important;
}
.\+mR1zGTWoU .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.wVLYrB\+H0M {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.tT26Qh4zAG {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.tT26Qh4zAG ._8\+WP3g4GHD {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._0rPw7MfoHE {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.MTkUlXqaIY {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .MTkUlXqaIY {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Tb0I3d\+uKm {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .lbFwvYh6ib {
    /* This is the key */
  }
  .lbFwvYh6ib html,
  .lbFwvYh6ib body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .lbFwvYh6ib body,
  .lbFwvYh6ib div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .lbFwvYh6ib textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .lbFwvYh6ib table,
  .lbFwvYh6ib tr,
  .lbFwvYh6ib td {
    page-break-inside: avoid;
  }
  .lbFwvYh6ib div {
    page-break-inside: avoid;
  }
  .lbFwvYh6ib thead {
    display: table-header-group;
  }
  .lbFwvYh6ib tfoot {
    display: table-footer-group;
  }
  .lbFwvYh6ib * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .lbFwvYh6ib .SCEGkwrX6s,
  .lbFwvYh6ib .no-print,
  .lbFwvYh6ib .react-resizable-handle,
  .lbFwvYh6ib .fc-whiteboard-toolbar,
  .lbFwvYh6ib .ant-modal-root,
  .lbFwvYh6ib .ant-alert,
  .lbFwvYh6ib ._6CYeNVQdGt,
  .lbFwvYh6ib .Ozsf6v9EZQ {
    display: none !important;
  }
  .lbFwvYh6ib .xgt-K8NAZr {
    display: none !important;
  }
}
.ZyEPVspMzv {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
}
.ZyEPVspMzv .ccPq-kq9lY {
  color: #fff;
  background-color: #6874e2;
}
.-I7o5Af\+u6 {
  width: 100%;
  height: 60px;
  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;
  cursor: pointer;
}
.KlZbHOmFyJ {
  width: 100%;
  height: 60px;
  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;
  color: rgba(0, 0, 0, 0.4);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.boeKiHz4E3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.WdiZILsj3o {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.fWA8zFtwPw {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.fWA8zFtwPw > i,
.fWA8zFtwPw > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.j01aJJp5z8 {
  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;
}
.YXmS36wj0F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Q8nl73a7L9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.uGNxhQTXHO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.uEiSfV9qAW {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.PL\+PMDl5er {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.uT0RhxIhro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.uT0RhxIhro .y2T3L6gVVm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.uT0RhxIhro .y2T3L6gVVm > span {
  color: rgba(0, 0, 0, 0.65);
}
.QvWCuU-nx7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QvWCuU-nx7 .k2JBUmi5dT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.QvWCuU-nx7 .k2JBUmi5dT > span {
  font-size: 8px;
}
.HraJvpuVyR .ant-popover-inner-content {
  padding: 0;
}
.HraJvpuVyR .ant-popover-arrow {
  border-color: #475365 !important;
}
.HraJvpuVyR .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.RWo0QPXjB0 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.itO8AfVUOq {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.itO8AfVUOq .XgNkSnOtdi {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Bot0z9ojrb {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._8D6GI6aGG5 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._8D6GI6aGG5 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._9RfMTJLzZV {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .zb5sSE061d {
    /* This is the key */
  }
  .zb5sSE061d html,
  .zb5sSE061d body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .zb5sSE061d body,
  .zb5sSE061d div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .zb5sSE061d textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .zb5sSE061d table,
  .zb5sSE061d tr,
  .zb5sSE061d td {
    page-break-inside: avoid;
  }
  .zb5sSE061d div {
    page-break-inside: avoid;
  }
  .zb5sSE061d thead {
    display: table-header-group;
  }
  .zb5sSE061d tfoot {
    display: table-footer-group;
  }
  .zb5sSE061d * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .zb5sSE061d .lz5kISC-hp,
  .zb5sSE061d .no-print,
  .zb5sSE061d .react-resizable-handle,
  .zb5sSE061d .fc-whiteboard-toolbar,
  .zb5sSE061d .ant-modal-root,
  .zb5sSE061d .ant-alert,
  .zb5sSE061d ._0QUwYkMTW\+,
  .zb5sSE061d ._2EubOpmt2m {
    display: none !important;
  }
  .zb5sSE061d .CZe\+72f1dS {
    display: none !important;
  }
}
@media print {
  html,
  body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  body,
  div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  table,
  tr,
  td {
    page-break-inside: avoid;
  }
  div {
    page-break-inside: avoid;
  }
  /* This is the key */
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .lz5kISC-hp,
  .no-print,
  .react-resizable-handle,
  .fc-whiteboard-toolbar,
  .ant-modal-root,
  .ant-alert,
  ._0QUwYkMTW\+,
  ._2EubOpmt2m {
    display: none !important;
  }
  .CZe\+72f1dS {
    display: none !important;
  }
}
.lHZx-rs07S {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  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;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #e3e3e3;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
body {
  background-color: #e3e3e3;
}
._5NZwxoIeEe {
  width: 100%;
  background: white;
}
._5NZwxoIeEe .ant-page-header {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
._5NZwxoIeEe .ant-page-header-heading-title {
  color: white !important;
}
.Y-WDgX-lrC {
  page-break-after: avoid;
  page-break-before: avoid;
}
._0Au4HvoiuA {
  page-break-after: avoid;
  page-break-before: avoid;
  position: relative;
  padding: 16px 32px 720px;
  color: rgba(0, 0, 0, 0.75);
}
._0Au4HvoiuA > div {
  page-break-after: avoid;
  page-break-before: avoid;
}
._0Au4HvoiuA .\+H3ouX6bp- {
  width: 100%;
}
._0Au4HvoiuA .\+H3ouX6bp- img {
  width: 125px;
}
._0Au4HvoiuA .xbREx06oNY {
  width: 100%;
  margin-top: 24px;
  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;
  font-size: 40px;
  font-weight: bold;
}
._0Au4HvoiuA .\+7p9IltrIO {
  width: 100%;
}
._0Au4HvoiuA .\+7p9IltrIO > div {
  width: 100%;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
._0Au4HvoiuA ._86hjLOgK30 {
  width: 100%;
  padding: 24px;
  background-color: #f8f8fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 24px;
}
._0Au4HvoiuA ._86hjLOgK30 ._7Zw78HlRZd {
  width: 20%;
}
._0Au4HvoiuA ._86hjLOgK30 ._7Zw78HlRZd .F51\+d7waiI {
  margin-bottom: 24px;
  font-size: 4mm;
  font-weight: bold;
}
._0Au4HvoiuA ._86hjLOgK30 ._7Zw78HlRZd .xf2PcAvYWt {
  font-size: 3mm;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
._0Au4HvoiuA ._86hjLOgK30 ._7Zw78HlRZd .xf2PcAvYWt ._6Sx5Es049E {
  width: 25mm;
  word-break: break-all;
}
._0Au4HvoiuA ._86hjLOgK30 ._7Zw78HlRZd .xf2PcAvYWt .g-THgq\+ml7 {
  width: calc(100% - 25mm - 6px);
  margin-left: 6px;
  word-break: break-all;
}
._0Au4HvoiuA ._3qH\+bGaRTD {
  margin-top: 24px;
}
._0Au4HvoiuA ._3qH\+bGaRTD .ant-table-cell {
  font-size: 3mm;
}
._0Au4HvoiuA ._3572DaFHYV {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
  font-size: 16px;
}
._0Au4HvoiuA ._3572DaFHYV .v\+OqE0BT\+M {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  margin-bottom: 12px;
}
._0Au4HvoiuA ._3572DaFHYV .v\+OqE0BT\+M .CNkzEmBklp {
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-size: 14px;
  font-weight: bold;
}
._0Au4HvoiuA ._3572DaFHYV .v\+OqE0BT\+M .wsMm9Fu7vm {
  position: relative;
  font-size: 14px;
  margin-left: 4px;
}
._0Au4HvoiuA ._3572DaFHYV .UckgunBOCM {
  width: 284px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 12px;
}
._0Au4HvoiuA .gnqowNQsXB {
  width: 100%;
  background-color: #f8f8fb;
  padding: 24px;
  font-size: 14px;
  margin-top: 24px;
  page-break-inside: avoid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
._0Au4HvoiuA .gnqowNQsXB ._1SHOz3vRuo {
  font-size: 16px;
  font-weight: bold;
}
._0Au4HvoiuA .gnqowNQsXB .lZ3NUbuEOu {
  margin-top: 4px;
}
.lz5kISC-hp {
  position: fixed;
  right: 5vw;
  bottom: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lz5kISC-hp button {
  margin-bottom: 16px;
}
.tAKm\+MXEO7 {
  position: absolute;
  left: -12px;
}

._86Kr8ab8RW .kUo0M0FuWv {
  color: #fff;
  font-size: 26px;
  text-align: center;
}
._86Kr8ab8RW .M4miYV22rv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._86Kr8ab8RW .M4miYV22rv ._6Z\+E-gD3Vc {
  margin-bottom: 25px;
}
._86Kr8ab8RW .M4miYV22rv .ant-btn {
  color: #fff;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
}
._86Kr8ab8RW .ant-input-group-addon {
  opacity: 0.6;
}
._86Kr8ab8RW .ant-input-affix-wrapper {
  opacity: 0.6;
  height: 40px;
  max-height: none;
  max-height: initial;
}
._86Kr8ab8RW .ant-input-affix-wrapper .anticon {
  color: #000000;
  opacity: 0.2;
}
._86Kr8ab8RW .ant-btn {
  height: 40px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.axzZ5YwpnU {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.viB8JAsjJA {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.QXKHrCLiRJ {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QXKHrCLiRJ > i,
.QXKHrCLiRJ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sTMq9Un\+gu {
  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;
}
.MUtKsWQs3J {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.H6bSMU14NU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.FFDWxJcz9B {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.TFZPe0cUIi {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.\+dE1l7klg1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jFLnddMMS6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.jFLnddMMS6 .GABLANfSVR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.jFLnddMMS6 .GABLANfSVR > span {
  color: rgba(0, 0, 0, 0.65);
}
.Nd8XAxfrzT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Nd8XAxfrzT .QX6qD\+CFE- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Nd8XAxfrzT .QX6qD\+CFE- > span {
  font-size: 8px;
}
.vpKCNSuAVm .ant-popover-inner-content {
  padding: 0;
}
.vpKCNSuAVm .ant-popover-arrow {
  border-color: #475365 !important;
}
.vpKCNSuAVm .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.dAQ20Sjz1X {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.NNPwC82So9 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.NNPwC82So9 .uMebFAOMqj {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.YfP4N8NLgq {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.RZgmDn8NdF {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .RZgmDn8NdF {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.IU7QksOtAy {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._16ZJVJ1HhZ {
    /* This is the key */
  }
  ._16ZJVJ1HhZ html,
  ._16ZJVJ1HhZ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._16ZJVJ1HhZ body,
  ._16ZJVJ1HhZ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._16ZJVJ1HhZ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._16ZJVJ1HhZ table,
  ._16ZJVJ1HhZ tr,
  ._16ZJVJ1HhZ td {
    page-break-inside: avoid;
  }
  ._16ZJVJ1HhZ div {
    page-break-inside: avoid;
  }
  ._16ZJVJ1HhZ thead {
    display: table-header-group;
  }
  ._16ZJVJ1HhZ tfoot {
    display: table-footer-group;
  }
  ._16ZJVJ1HhZ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._16ZJVJ1HhZ .oBWrwd8ucX,
  ._16ZJVJ1HhZ .no-print,
  ._16ZJVJ1HhZ .react-resizable-handle,
  ._16ZJVJ1HhZ .fc-whiteboard-toolbar,
  ._16ZJVJ1HhZ .ant-modal-root,
  ._16ZJVJ1HhZ .ant-alert,
  ._16ZJVJ1HhZ .XaBsRMl3rw,
  ._16ZJVJ1HhZ .RAjg9rNnjO {
    display: none !important;
  }
  ._16ZJVJ1HhZ .mH0m0tQGPc {
    display: none !important;
  }
}
.gWoqlBgSev {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 100vh;
  width: 100vw;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI5MDAiIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjExMS41MzUlIiB5MT0iMTEwLjUwMyUiIHgyPSItMS4yOTQlIiB5Mj0iLTIuMTQ4JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM0MzRFQUQiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjOEM4REZGIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iMTA5LjU5NiUiIHkxPSI5NC43OTklIiB4Mj0iLTI1LjA1MSUiIHkyPSI3LjY3NyUiIGlkPSJiIj48c3RvcCBzdG9wLWNvbG9yPSIjMUIzQkQ4IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzE3NkNFMCIgb2Zmc2V0PSIzMS40NzQlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBCOTJFNyIgb2Zmc2V0PSI0OS4xODQlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBCQjZFQiIgb2Zmc2V0PSI3MS4zMjQlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwRTBGMiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0xMS4zMTklIiB5MT0iLTI3LjM5NSUiIHgyPSIxMDAlIiB5Mj0iMTA2LjkyNCUiIGlkPSJjIj48c3RvcCBzdG9wLWNvbG9yPSIjMUIzQkQ4IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzE3NkNFMCIgb2Zmc2V0PSIzMS40NzQlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBCOTJFNyIgb2Zmc2V0PSI0OS4xODQlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzBCQjZFQiIgb2Zmc2V0PSI3MS4zMjQlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwRTBGMiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9IjE5Ljk0JSIgeTE9Ii0xMC44NjIlIiB4Mj0iMTIzLjEyMSUiIHkyPSIxMzguNzA2JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiMxQjNCRDgiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTc2Q0UwIiBvZmZzZXQ9IjMxLjQ3NCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEI5MkU3IiBvZmZzZXQ9IjQ5LjE4NCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEJCNkVCIiBvZmZzZXQ9IjcxLjMyNCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDBFMEYyIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLTguMzc3JSIgeTE9IjUwLjAxNCUiIHgyPSI5OS40NjclIiB5Mj0iNTAuMDE0JSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiM1NEFBRjYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTI5RUZCIiBvZmZzZXQ9IjI0LjI4OSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDk3NkRCIiBvZmZzZXQ9IjU4LjIwOSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMzk2OUQzIiBvZmZzZXQ9IjkyLjQyMiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDU2REQwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xIDBoMTQ0MHY5MDBIMXoiLz48cGF0aCBkPSJNMTA4Ni42NTkgMTE1OS4zMThsLTE0MC4wNjggMzcuNTNjLTUuMzM1IDEuNDMtMTAuODE4LTEuNzM2LTEyLjI0OC03LjA3LTEuNDMtNS4zMzUgMS43MzctMTAuODE4IDcuMDcxLTEyLjI0OGwxMzYuMTE1LTM2LjQ3Mi0zLjgzNC03LjY2OC0yNC4xMDQgNi40NTljLTUuMzM1IDEuNDMtMTAuODE4LTEuNzM3LTEyLjI0OC03LjA3MS0xLjQzLTUuMzM1IDEuNzM3LTEwLjgxOCA3LjA3MS0xMi4yNDhsMjAuMTUxLTUuNEw3MTYgNDE4aDkwMHY5MDBoLTQ1MGwtNzkuMzQxLTE1OC42ODJ6IiBmaWxsPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc2IC00MTgpIi8+PGcgb3BhY2l0eT0iLjYiPjxwYXRoIGQ9Ik0xODQ0IDEwMzEuNWMwIDEzMi4wODMtMTA3LjQxNyAyMzkuNS0yMzkuNSAyMzkuNVMxMzY1IDExNjMuOTggMTM2NSAxMDMxLjVjMC0xMzIuMDgzIDEwNy40MTctMjM5LjUgMjM5LjUtMjM5LjUgMTMyLjQ4IDAgMjM5LjUgMTA3LjQxNyAyMzkuNSAyMzkuNXoiIGZpbGw9InVybCgjYikiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjEiIHRyYW5zZm9ybT0ic2NhbGUoLTEgMSkgcm90YXRlKC0yOCAtNzUwLjI1MyA2OTA0Ljg1KSIvPjxwYXRoIGQ9Ik0zNTUgOTQ2LjVjMCA0NC4zOTUtMzYuMTA1IDgwLjUtODAuNSA4MC41UzE5NCA5OTEuMDMgMTk0IDk0Ni41YzAtNDQuMzk1IDM2LjEwNS04MC41IDgwLjUtODAuNSA0NC41MyAwIDgwLjUgMzYuMTA1IDgwLjUgODAuNXoiIGZpbGw9InVybCgjYykiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iLjA5MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NiAtNDE4KSIvPjxwYXRoIGQ9Ik01MDggMjU0YzAgMTQwLjA4LTExMy45MiAyNTQtMjU0IDI1NEMxMTMuOTIgNTA4IDAgMzk0LjUwMiAwIDI1NCAwIDExMy45MiAxMTMuOTIgMCAyNTQgMGMxNDAuNTAyIDAgMjU0IDExMy45MiAyNTQgMjU0eiIgZmlsbD0idXJsKCNiKSIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIuMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NiAtNDE4KSIvPjxwYXRoIGQ9Ik04NjIgMTE5Ni41YzAgNDQuMzk1LTM2LjEwNSA4MC41LTgwLjUgODAuNXMtODAuNS0zNS45Ny04MC41LTgwLjVjMC00NC4zOTUgMzYuMTA1LTgwLjUgODAuNS04MC41IDQ0LjUzIDAgODAuNSAzNi4xMDUgODAuNSA4MC41em0zMzUgMTAxYzAgNDQuMzk1LTM2LjEwNSA4MC41LTgwLjUgODAuNXMtODAuNS0zNS45Ny04MC41LTgwLjVjMC00NC4zOTUgMzYuMTA1LTgwLjUgODAuNS04MC41IDQ0LjUzIDAgODAuNSAzNi4xMDUgODAuNSA4MC41eiIgZmlsbD0idXJsKCNjKSIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIuMDkxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc2IC00MTgpIi8+PGcgb3BhY2l0eT0iLjIyOCI+PHBhdGggZD0iTTgwIDQwYzAgMjIuMDYtMTcuOTQgNDAtNDAgNDBTMCA2Mi4xMjYgMCA0MEMwIDE3Ljk0IDE3Ljk0IDAgNDAgMGMyMi4xMjYgMCA0MCAxNy45NCA0MCA0MHoiIG9wYWNpdHk9Ii4yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjg5IDEwNCkiIGZpbGw9InVybCgjZCkiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48ZyBvcGFjaXR5PSIuMjU4Ij48cGF0aCBkPSJNMTA5IDU0LjVjMCAzMC4wNTYtMjQuNDQ0IDU0LjUtNTQuNSA1NC41UzAgODQuNjQ3IDAgNTQuNUMwIDI0LjQ0NCAyNC40NDQgMCA1NC41IDAgODQuNjQ3IDAgMTA5IDI0LjQ0NCAxMDkgNTQuNXoiIG9wYWNpdHk9Ii4xIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA4MjkgMzUpIiBmaWxsPSJ1cmwoI2UpIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjxwYXRoIGQ9Ik05MTcuODU1IDc3Mi43MjZsMTgwLjU2NS00OC4zODNjNS4zMzUtMS40MyAxMC44MTkgMS43MzcgMTIuMjQ4IDcuMDcxIDEuNDMgNS4zMzUtMS43MzYgMTAuODE4LTcuMDcxIDEyLjI0OGwtMTc2LjgxIDQ3LjM3Ni04LjkzMi0xOC4zMTJ6bS00MC41MDUgNTguMjkzbDE0OC4wNy0zOS42NzZjNS4zMzUtMS40MyAxMC44MTkgMS43MzcgMTIuMjQ4IDcuMDcxIDEuNDMgNS4zMzUtMS43MzYgMTAuODE4LTcuMDcxIDEyLjI0OGwtMjM5LjU1IDY0LjE4N2E5Ljk2NyA5Ljk2NyAwIDAxLTQuMDQ3LjIzNmw5MC4zNS00NC4wNjZ6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
  background-size: cover;
}
.gWoqlBgSev .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: white;
}
.HIhh2-gsFU {
  height: 56px;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: white;
}
.tt7KUMXXub {
  position: absolute;
  width: 400px;
  right: 10vw;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.tt7KUMXXub .w29poxS\+4r {
  width: 100%;
  height: 100px;
  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;
}
.tt7KUMXXub .N9ttcfszXp {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tt7KUMXXub .N9ttcfszXp .ant-btn {
  height: 40px;
  color: #fff;
  border: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.tt7KUMXXub .CyVXg-PXig {
  color: #fff;
}
.tt7KUMXXub .CyVXg-PXig :hover {
  color: #95a1f0;
}
.tt7KUMXXub .nNLQHAqsof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.tt7KUMXXub .nNLQHAqsof .E6DOfvlh9g {
  color: #fff;
}
.tt7KUMXXub .ant-tabs .ant-input-affix-wrapper {
  width: 400px;
  opacity: 0.8;
  height: 40px;
  max-height: none;
  max-height: initial;
}
.tt7KUMXXub .ant-tabs .ant-input-affix-wrapper .anticon {
  color: #000000;
  opacity: 0.2;
}
.tt7KUMXXub .ant-input-group .ant-select-selector {
  height: 40px;
  opacity: 0.8;
}
.tt7KUMXXub .ant-input-group .ant-select-selection-item {
  line-height: 40px;
}
.tt7KUMXXub .ant-tabs-top > .ant-tabs-nav:before {
  border: none;
}
.tt7KUMXXub .ant-tabs-nav-list {
  height: 50px;
  padding-left: 110px;
  border-bottom: none;
}
.tt7KUMXXub .ant-tabs-nav-list .ant-tabs-ink-bar {
  background: white;
}
.tt7KUMXXub .ant-tabs-nav-list .ant-tabs-tab-btn {
  color: rgba(255, 255, 255, 0.65);
}
.tt7KUMXXub .ant-tabs-nav-list .ant-tabs-tab-active {
  color: white;
}
.EGmDNpe-B0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.EGmDNpe-B0 ._5rlCBOzrCM {
  height: 250px;
  overflow: hidden;
  overflow-y: auto;
}

.wUe9MJpdZ6 {
  position: relative;
}

.gHnTXAh1L8 {
  position: relative;
  background-color: black;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.QgqaramqzE {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.GWqtkYhvE5 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._1yHs3i\+Uib {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1yHs3i\+Uib > i,
._1yHs3i\+Uib > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Gxczrk7eOe {
  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;
}
.OlWxxwVfqc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.JjCSYg0dRw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bqKIuat9-P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Iri94Twuj7 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.KI5Zh-yBP- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.DUN49WRmfT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.DUN49WRmfT .\+qu-4RmJfA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.DUN49WRmfT .\+qu-4RmJfA > span {
  color: rgba(0, 0, 0, 0.65);
}
.zB4dqOiYML {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zB4dqOiYML .ZD31C4\+AVO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.zB4dqOiYML .ZD31C4\+AVO > span {
  font-size: 8px;
}
.g3kxj7nYEj .ant-popover-inner-content {
  padding: 0;
}
.g3kxj7nYEj .ant-popover-arrow {
  border-color: #475365 !important;
}
.g3kxj7nYEj .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.k5ULJ4UOvD {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.WaQGquTWtB {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.WaQGquTWtB .M6oYCLG7sH {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.TZVTv9bLER {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.M2cTjxCI8Q {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .M2cTjxCI8Q {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.vE3Pi\+xxyJ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._9af4hRFCMP {
    /* This is the key */
  }
  ._9af4hRFCMP html,
  ._9af4hRFCMP body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._9af4hRFCMP body,
  ._9af4hRFCMP div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._9af4hRFCMP textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._9af4hRFCMP table,
  ._9af4hRFCMP tr,
  ._9af4hRFCMP td {
    page-break-inside: avoid;
  }
  ._9af4hRFCMP div {
    page-break-inside: avoid;
  }
  ._9af4hRFCMP thead {
    display: table-header-group;
  }
  ._9af4hRFCMP tfoot {
    display: table-footer-group;
  }
  ._9af4hRFCMP * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._9af4hRFCMP .LXqCp2hDt2,
  ._9af4hRFCMP .no-print,
  ._9af4hRFCMP .react-resizable-handle,
  ._9af4hRFCMP .fc-whiteboard-toolbar,
  ._9af4hRFCMP .ant-modal-root,
  ._9af4hRFCMP .ant-alert,
  ._9af4hRFCMP ._1Wrb1MoLq6,
  ._9af4hRFCMP .ms8ar72W\+F {
    display: none !important;
  }
  ._9af4hRFCMP .q6N8xZFq6x {
    display: none !important;
  }
}
._3pfNMys27P {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 100vh;
  width: 100vw;
  background-size: cover;
  border: 1px solid #fff;
}
._3pfNMys27P .nJmU5RDb6u {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 180px;
  height: calc(100vh - 100px);
  overflow-x: hidden;
  overflow-y: auto;
}
._3pfNMys27P .nJmU5RDb6u .IXtnYbtCAn {
  margin: 24px 0 70px 0;
}
._3pfNMys27P .nJmU5RDb6u .Sf\+TwT1A44 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._3pfNMys27P .nJmU5RDb6u .kSBDIva6p\+ {
  background-color: #6874e2;
  color: #fff;
  width: 100%;
  height: 40px;
}
._3pfNMys27P .rTYFl9-bDZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 360px;
}
._3pfNMys27P .rTYFl9-bDZ .tgZOo3EpMU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 24px;
}
._3pfNMys27P .rTYFl9-bDZ .tgZOo3EpMU > p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
}
._3pfNMys27P .rTYFl9-bDZ .tgZOo3EpMU > span {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
._3pfNMys27P .ant-form-item {
  margin-bottom: 12px;
}
._3pfNMys27P .ant-steps-icon {
  line-height: 32px;
}
._3pfNMys27P .ant-steps-item-icon {
  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;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.PaU7-tiOga ._00lmmnz9Pq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PaU7-tiOga ._00lmmnz9Pq .zl3dx\+\+XKK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PaU7-tiOga ._00lmmnz9Pq .zl3dx\+\+XKK > span {
  margin: 0 4px;
  color: #6874e2;
}
.PaU7-tiOga ._00lmmnz9Pq .sDYbK5tPaR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PaU7-tiOga ._00lmmnz9Pq .BGZt7yX\+PS {
  color: #fff;
  background-color: #6874e2;
  border: 1px solid #0076cf;
}
.PaU7-tiOga .ant-table-row {
  cursor: pointer;
}
.PaU7-tiOga .yBcP2hFRP4 {
  color: rgba(0, 0, 0, 0.5);
}
.PaU7-tiOga .hKMgMY3dsh {
  font-weight: 700;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.IVvwvnbeBv {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.zme-HyDx6Z {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.ohZZMca6Ik {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ohZZMca6Ik > i,
.ohZZMca6Ik > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SXZPBy-rUi {
  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;
}
._3xF2MhXgHE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.LFGihvPZX5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._1njYOA0jOn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.d7dAWk3o39 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.MhYmrwFYBt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._6bdJ7maM87 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._6bdJ7maM87 ._7s-arHggmK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._6bdJ7maM87 ._7s-arHggmK > span {
  color: rgba(0, 0, 0, 0.65);
}
.EAbUYZLbNL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.EAbUYZLbNL .F2Vem6yXab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.EAbUYZLbNL .F2Vem6yXab > span {
  font-size: 8px;
}
.gVubWeZpUH .ant-popover-inner-content {
  padding: 0;
}
.gVubWeZpUH .ant-popover-arrow {
  border-color: #475365 !important;
}
.gVubWeZpUH .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.nF9stSuonx {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.QKkSp649nK {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.QKkSp649nK .HxIt\+vvlmG {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.zuWqbOR\+Vk {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.SDNhuV2aWL {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .SDNhuV2aWL {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.riOGbiMj6x {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .cdujU91W0n {
    /* This is the key */
  }
  .cdujU91W0n html,
  .cdujU91W0n body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .cdujU91W0n body,
  .cdujU91W0n div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .cdujU91W0n textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .cdujU91W0n table,
  .cdujU91W0n tr,
  .cdujU91W0n td {
    page-break-inside: avoid;
  }
  .cdujU91W0n div {
    page-break-inside: avoid;
  }
  .cdujU91W0n thead {
    display: table-header-group;
  }
  .cdujU91W0n tfoot {
    display: table-footer-group;
  }
  .cdujU91W0n * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .cdujU91W0n .WL3W6GY7Da,
  .cdujU91W0n .no-print,
  .cdujU91W0n .react-resizable-handle,
  .cdujU91W0n .fc-whiteboard-toolbar,
  .cdujU91W0n .ant-modal-root,
  .cdujU91W0n .ant-alert,
  .cdujU91W0n .b3Ljohh-gj,
  .cdujU91W0n .NImRdJuk0G {
    display: none !important;
  }
  .cdujU91W0n .u00CConf55 {
    display: none !important;
  }
}
.rNPFYmubI- {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: auto;
  padding: 0;
  padding: 8px 24px;
}
.rNPFYmubI- .dWNtwoauvw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rNPFYmubI- .dWNtwoauvw > span {
  margin: 0 4px;
  color: #6874e2;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.pyVVGGMo5I {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.RLq6i6va13 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.obyWRWhRU0 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.obyWRWhRU0 > i,
.obyWRWhRU0 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eA8RS1nlwg {
  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;
}
.R1lcjHqmF7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.uzt6LShv2J {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hwGsXOHnoI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.XIMDjI6w2j {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p2jDn79-Z7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wTZIcoUsfA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.wTZIcoUsfA .UVZbQxM3P0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.wTZIcoUsfA .UVZbQxM3P0 > span {
  color: rgba(0, 0, 0, 0.65);
}
._7nQ7TYBVKe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._7nQ7TYBVKe .QTdaX-PHjQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._7nQ7TYBVKe .QTdaX-PHjQ > span {
  font-size: 8px;
}
.Idlh019ZAM .ant-popover-inner-content {
  padding: 0;
}
.Idlh019ZAM .ant-popover-arrow {
  border-color: #475365 !important;
}
.Idlh019ZAM .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.koYaV\+-3Eq {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.M9JHhQjnCR {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.M9JHhQjnCR .doXin6O7CP {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._63vSI7f9Nu {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._23emZFChMp {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._23emZFChMp {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.UA4xShZ044 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .AXuviBiqK7 {
    /* This is the key */
  }
  .AXuviBiqK7 html,
  .AXuviBiqK7 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .AXuviBiqK7 body,
  .AXuviBiqK7 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .AXuviBiqK7 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .AXuviBiqK7 table,
  .AXuviBiqK7 tr,
  .AXuviBiqK7 td {
    page-break-inside: avoid;
  }
  .AXuviBiqK7 div {
    page-break-inside: avoid;
  }
  .AXuviBiqK7 thead {
    display: table-header-group;
  }
  .AXuviBiqK7 tfoot {
    display: table-footer-group;
  }
  .AXuviBiqK7 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .AXuviBiqK7 .Fm5Jyu67yX,
  .AXuviBiqK7 .no-print,
  .AXuviBiqK7 .react-resizable-handle,
  .AXuviBiqK7 .fc-whiteboard-toolbar,
  .AXuviBiqK7 .ant-modal-root,
  .AXuviBiqK7 .ant-alert,
  .AXuviBiqK7 .IIlaCp3Vca,
  .AXuviBiqK7 .SDd0-Nx57I {
    display: none !important;
  }
  .AXuviBiqK7 .lPtX2wbR9T {
    display: none !important;
  }
}
.xjDlcKcaR- {
  height: 100%;
  width: 100%;
  padding: 24px;
  background: white;
  overflow: auto;
}
.xjDlcKcaR- .ant-card-body {
  padding: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.xjDlcKcaR- .ant-card-meta {
  padding: 28px 24px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.xjDlcKcaR- .ant-card-meta-detail {
  margin-left: 8px;
}
.wtCfxk303z {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.wtCfxk303z {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.sQSuHA5mCg {
  max-height: 150px !important;
}
.sQSuHA5mCg {
  width: 225px;
  margin: 0 24px 18px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sQSuHA5mCg .dynx\+KhJvW {
  height: 47px;
  line-height: 47px;
  text-align: center;
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.45);
  border-top: 1px solid #f0f0f0;
}
.sQSuHA5mCg:hover {
  cursor: pointer;
  border-color: transparent;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  background-color: #6874e2;
  -webkit-box-shadow: 6px 12px 12px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
          box-shadow: 6px 12px 12px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.sQSuHA5mCg:hover .dynx\+KhJvW {
  color: #fff;
  background-color: #6874e2;
  border-top: 1px solid #6874e2;
}
.sQSuHA5mCg:hover .xQyBS1E14O {
  color: #fff !important;
}
.N4rNR5BOgt {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.N4rNR5BOgt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 24px;
  margin-bottom: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.KNfgrYzP2t {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.GvtTxqL7jM {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.ZCoZV0axx3 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ZCoZV0axx3 > i,
.ZCoZV0axx3 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kA\+mKCYCfe {
  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;
}
.zDLNNu\+LAh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.iMSHVAY7fy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._4EzTpbSXDx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._9kRKLwifp- {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mKfCLWaV-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jk6oIrhWg8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.jk6oIrhWg8 .FM-BbTBqAc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.jk6oIrhWg8 .FM-BbTBqAc > span {
  color: rgba(0, 0, 0, 0.65);
}
.eVG4DVK1Kp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.eVG4DVK1Kp .ShiOXYOZXY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.eVG4DVK1Kp .ShiOXYOZXY > span {
  font-size: 8px;
}
.un2u2uCkJG .ant-popover-inner-content {
  padding: 0;
}
.un2u2uCkJG .ant-popover-arrow {
  border-color: #475365 !important;
}
.un2u2uCkJG .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.uT3zYtfa58 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._9FjVAJpwS4 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._9FjVAJpwS4 .\+zeM2L1Bo1 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.J5lW9fQPF8 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Sq7InRuFXP {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Sq7InRuFXP {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.C3C02ICrHX {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._0fy4bkAKxp {
    /* This is the key */
  }
  ._0fy4bkAKxp html,
  ._0fy4bkAKxp body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._0fy4bkAKxp body,
  ._0fy4bkAKxp div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._0fy4bkAKxp textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._0fy4bkAKxp table,
  ._0fy4bkAKxp tr,
  ._0fy4bkAKxp td {
    page-break-inside: avoid;
  }
  ._0fy4bkAKxp div {
    page-break-inside: avoid;
  }
  ._0fy4bkAKxp thead {
    display: table-header-group;
  }
  ._0fy4bkAKxp tfoot {
    display: table-footer-group;
  }
  ._0fy4bkAKxp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._0fy4bkAKxp ._7SjvKWcwLl,
  ._0fy4bkAKxp .no-print,
  ._0fy4bkAKxp .react-resizable-handle,
  ._0fy4bkAKxp .fc-whiteboard-toolbar,
  ._0fy4bkAKxp .ant-modal-root,
  ._0fy4bkAKxp .ant-alert,
  ._0fy4bkAKxp .bxu-l2wHOD,
  ._0fy4bkAKxp .B-z3\+dZf9O {
    display: none !important;
  }
  ._0fy4bkAKxp .Vc9DiHeBVD {
    display: none !important;
  }
}
._2c88QvDY6o {
  height: 100%;
}
._2c88QvDY6o .p56j7QVVcQ {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  min-height: 320px;
  margin-right: 16px;
}
._2c88QvDY6o .p56j7QVVcQ .w\+jGJ6SMmu {
  background-color: #eff5fe;
}
._2c88QvDY6o .p56j7QVVcQ ._4nRaBZrSAA > th {
  font-size: 12px;
  color: #a8acb8;
  font-weight: normal;
  background-color: #fff;
}
._2c88QvDY6o .p56j7QVVcQ:not(:last-child) {
  margin-right: 18px;
}
._2c88QvDY6o .p56j7QVVcQ:not(:last-child) ._33YwLiAptR {
  right: 13px;
  bottom: 6px;
}
._2c88QvDY6o .p56j7QVVcQ:not(:last-child) ._7NfSntNU57 {
  left: 18px;
  bottom: 22px;
}
._2c88QvDY6o ._1\+qoWmdNmc {
  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;
  min-height: 230px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB:not(:first-child) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB:not(:first-child) .bICblD1XB9 ._33YwLiAptR {
  position: absolute;
  right: 15px;
  bottom: 6px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB:not(:first-child) .bICblD1XB9 ._7NfSntNU57 {
  position: absolute;
  left: 18px;
  bottom: 22px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB:not(:first-child) .bICblD1XB9 .nfNu4i5Juj {
  left: 50%;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB:not(:first-child) .lA8LQ6f6zD .PJDVIlH5CM {
  margin-left: 16px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB:not(:first-child) .lA8LQ6f6zD .\+4kQQb9YgI {
  margin-left: 16px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB {
  width: 150px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .bICblD1XB9 {
  height: 165px;
  position: relative;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .bICblD1XB9 ._33YwLiAptR {
  position: absolute;
  right: 7px;
  bottom: 7px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .bICblD1XB9 ._7NfSntNU57 {
  position: absolute;
  left: 20px;
  bottom: 23px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .bICblD1XB9 .nfNu4i5Juj {
  position: absolute;
  bottom: 7px;
  left: 54%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-weight: bold;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .lA8LQ6f6zD {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .lA8LQ6f6zD .UrgRIIqry- {
  color: #576787;
  font-weight: bold;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .lA8LQ6f6zD .PJDVIlH5CM {
  color: #576787;
  font-weight: bold;
  margin-left: 17px;
}
._2c88QvDY6o ._1\+qoWmdNmc .\+v083hzwnB .lA8LQ6f6zD .\+4kQQb9YgI {
  color: #fff;
  width: 116px;
  margin-left: 17px;
  text-align: center;
  border-radius: 12px;
  background-color: #576787;
}
._2c88QvDY6o .ant-table-row {
  color: #576787;
}
._2c88QvDY6o .slick-track > div {
  height: auto;
  height: initial;
}
.phWPVDNfJA {
  width: 100vw;
  height: 100vh;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.RMy51VF-p8 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.TzyBSTGfb4 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.umnXkSXIIr {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.umnXkSXIIr > i,
.umnXkSXIIr > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.DTZ5-ElU5I {
  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;
}
._8rhxYqFfIB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.eGuW-SAAk2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kmk3YQCrvU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._2w0HZoQv7e {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ykXOQ-8Rp2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.a8mOeA9yEy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.a8mOeA9yEy .zsmxaIgiKV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.a8mOeA9yEy .zsmxaIgiKV > span {
  color: rgba(0, 0, 0, 0.65);
}
._5p0Qm3\+BXg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._5p0Qm3\+BXg .PTe6npiJAO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._5p0Qm3\+BXg .PTe6npiJAO > span {
  font-size: 8px;
}
.n5BVBAS5nc .ant-popover-inner-content {
  padding: 0;
}
.n5BVBAS5nc .ant-popover-arrow {
  border-color: #475365 !important;
}
.n5BVBAS5nc .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._9uxpW\+mTqE {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.KlP\+cHLJql {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.KlP\+cHLJql ._4oY8i63aQT {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.\+gGzOH\+zT5 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Olnbq8l-ji {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Olnbq8l-ji {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.EMtYGfuNDW {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .xqF\+RWn3Yk {
    /* This is the key */
  }
  .xqF\+RWn3Yk html,
  .xqF\+RWn3Yk body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .xqF\+RWn3Yk body,
  .xqF\+RWn3Yk div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .xqF\+RWn3Yk textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .xqF\+RWn3Yk table,
  .xqF\+RWn3Yk tr,
  .xqF\+RWn3Yk td {
    page-break-inside: avoid;
  }
  .xqF\+RWn3Yk div {
    page-break-inside: avoid;
  }
  .xqF\+RWn3Yk thead {
    display: table-header-group;
  }
  .xqF\+RWn3Yk tfoot {
    display: table-footer-group;
  }
  .xqF\+RWn3Yk * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .xqF\+RWn3Yk ._1yhpk-rh6s,
  .xqF\+RWn3Yk .no-print,
  .xqF\+RWn3Yk .react-resizable-handle,
  .xqF\+RWn3Yk .fc-whiteboard-toolbar,
  .xqF\+RWn3Yk .ant-modal-root,
  .xqF\+RWn3Yk .ant-alert,
  .xqF\+RWn3Yk ._2lw\+qU75ER,
  .xqF\+RWn3Yk ._8E--18OhRD {
    display: none !important;
  }
  .xqF\+RWn3Yk .Df2gUFUPQT {
    display: none !important;
  }
}
.WqewQ\+GetU {
  padding: 10px 18px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.WqewQ\+GetU .BaHWCY7mDr {
  display: block;
  color: #3d455c;
  font-size: 16px;
  padding: 10px 0;
}
.WqewQ\+GetU .ant-table-body {
  border-radius: 6px;
}
.WqewQ\+GetU .ant-table-thead > tr > th {
  font-size: 12px;
  color: #9297a6;
  background-color: #f6f6fa;
  border-bottom: none;
}
.WqewQ\+GetU .ant-table-thead > tr > th:first-child {
  border-radius: 8px 0 0 8px !important;
}
.WqewQ\+GetU .ant-table-thead > tr > th:last-child {
  border-radius: 0 8px 8px 0 !important;
}
.WqewQ\+GetU .ant-table-placeholder {
  background-color: white !important;
}
.ovbxPcLne3 {
  height: 320px;
}
.ovbxPcLne3 ._3iDFKBdAa2 > td > span {
  color: #d43624;
}
.ovbxPcLne3 .ant-table-tbody > tr > td {
  border-bottom: none;
  font-size: 12px;
}
.ovbxPcLne3 .ant-table-tbody > tr:nth-child(odd) {
  background-color: #f6f6fa;
}
.ovbxPcLne3 .ant-table-tbody > tr:nth-child(even) {
  background-color: #fff;
}
.lEfkVZ5a-d {
  height: auto;
}
.lEfkVZ5a-d .ant-table-tbody > tr > td {
  border-bottom: none;
  font-size: 12px;
}
.lEfkVZ5a-d .ant-table-tbody > tr:nth-child(even) {
  background-color: #f6f6fa;
}
.lEfkVZ5a-d .ant-table-tbody > tr:nth-child(odd) {
  background-color: #fff;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.wWiE082Yua {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.z8bJ2PVT7O {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._7fvkhJt8xZ {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._7fvkhJt8xZ > i,
._7fvkhJt8xZ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.U2PU1hL\+Lr {
  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;
}
.yUYiNiTIKz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._81L5HV8x89 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.OVbxxKiRwZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5-vgxsVRX6 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3bOgPeYAPp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gawHshFRtp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.gawHshFRtp .-y81Yo9hu\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.gawHshFRtp .-y81Yo9hu\+ > span {
  color: rgba(0, 0, 0, 0.65);
}
.c95OKPd--0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c95OKPd--0 .mPSXJ4ktSz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c95OKPd--0 .mPSXJ4ktSz > span {
  font-size: 8px;
}
.UU6Ks0BWGL .ant-popover-inner-content {
  padding: 0;
}
.UU6Ks0BWGL .ant-popover-arrow {
  border-color: #475365 !important;
}
.UU6Ks0BWGL .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.KHSE-JSjOZ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.mbqbi3FeNm {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.mbqbi3FeNm .dRa-Xqepnu {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.FeXajIuyt6 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.gcCy7fghr6 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .gcCy7fghr6 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.P97BV\+lkhI {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .t\+Qv-jzXxd {
    /* This is the key */
  }
  .t\+Qv-jzXxd html,
  .t\+Qv-jzXxd body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .t\+Qv-jzXxd body,
  .t\+Qv-jzXxd div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .t\+Qv-jzXxd textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .t\+Qv-jzXxd table,
  .t\+Qv-jzXxd tr,
  .t\+Qv-jzXxd td {
    page-break-inside: avoid;
  }
  .t\+Qv-jzXxd div {
    page-break-inside: avoid;
  }
  .t\+Qv-jzXxd thead {
    display: table-header-group;
  }
  .t\+Qv-jzXxd tfoot {
    display: table-footer-group;
  }
  .t\+Qv-jzXxd * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .t\+Qv-jzXxd .NCcERnV7we,
  .t\+Qv-jzXxd .no-print,
  .t\+Qv-jzXxd .react-resizable-handle,
  .t\+Qv-jzXxd .fc-whiteboard-toolbar,
  .t\+Qv-jzXxd .ant-modal-root,
  .t\+Qv-jzXxd .ant-alert,
  .t\+Qv-jzXxd .\-6vABVFm\+W,
  .t\+Qv-jzXxd .EF\+00pjlEd {
    display: none !important;
  }
  .t\+Qv-jzXxd .HfiSP\+ueor {
    display: none !important;
  }
}
.uF\+pG6X2go {
  color: #959595;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.RtaUkek4G\+ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.bKgfCet6fv {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.DPmYnozYoP {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.DPmYnozYoP > i,
.DPmYnozYoP > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.H-ZJv9z19e {
  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;
}
._4EgSmfpj6G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YOlwF4HacJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.uRJ0x\+22ak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.\+PlcI1Ftwe {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cKPyUjXCIZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8kYJruzdZR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._8kYJruzdZR .fPxV16XXeW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._8kYJruzdZR .fPxV16XXeW > span {
  color: rgba(0, 0, 0, 0.65);
}
.EbgdBuLict {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.EbgdBuLict .ObdfT0bcxT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.EbgdBuLict .ObdfT0bcxT > span {
  font-size: 8px;
}
.IlzYtrey\+4 .ant-popover-inner-content {
  padding: 0;
}
.IlzYtrey\+4 .ant-popover-arrow {
  border-color: #475365 !important;
}
.IlzYtrey\+4 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ry\+JV7lhau {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.zwB32e5Mxa {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.zwB32e5Mxa .xL9a5Mhv-u {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.lDs3b9elfK {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.gI1ZHChvs1 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .gI1ZHChvs1 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.tcVGQb7AdO {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .pAwh4RRXxa {
    /* This is the key */
  }
  .pAwh4RRXxa html,
  .pAwh4RRXxa body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .pAwh4RRXxa body,
  .pAwh4RRXxa div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .pAwh4RRXxa textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .pAwh4RRXxa table,
  .pAwh4RRXxa tr,
  .pAwh4RRXxa td {
    page-break-inside: avoid;
  }
  .pAwh4RRXxa div {
    page-break-inside: avoid;
  }
  .pAwh4RRXxa thead {
    display: table-header-group;
  }
  .pAwh4RRXxa tfoot {
    display: table-footer-group;
  }
  .pAwh4RRXxa * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pAwh4RRXxa .tzdPHy8zxo,
  .pAwh4RRXxa .no-print,
  .pAwh4RRXxa .react-resizable-handle,
  .pAwh4RRXxa .fc-whiteboard-toolbar,
  .pAwh4RRXxa .ant-modal-root,
  .pAwh4RRXxa .ant-alert,
  .pAwh4RRXxa .MfbJwKn-gS,
  .pAwh4RRXxa ._0zkLqLcxwK {
    display: none !important;
  }
  .pAwh4RRXxa .hyp71bkizE {
    display: none !important;
  }
}
.Nfp5ySWQCZ {
  height: 100%;
}
.Nfp5ySWQCZ ._5E-AAbVHsR {
  width: 100vw;
  display: grid;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  grid-template-columns: 6fr 3fr;
  margin-bottom: 12px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .FfsjrC2nsf {
  font-size: 16px;
  font-weight: 500;
  color: #3d455c;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .T7viTlpHbi {
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .Ql2y8oE9AR {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .Ql2y8oE9AR > div:not(:last-child) {
  margin-bottom: 20px;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .Ql2y8oE9AR .FfsjrC2nsf {
  display: block;
  color: #3d455c;
  font-size: 16px;
  padding: 10px 20px;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .Ql2y8oE9AR ._5UKbj\+Oj7A {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  cursor: pointer;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .Ql2y8oE9AR ._5UKbj\+Oj7A ._2T-1F7bB0t {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 110px;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .Ql2y8oE9AR ._5UKbj\+Oj7A ._2T-1F7bB0t > p {
  font-size: 18px;
  font-weight: bold;
  color: #6874e2;
  margin-top: 0;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .Ql2y8oE9AR ._5UKbj\+Oj7A ._2T-1F7bB0t > div {
  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;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a {
  margin-left: 20px;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a .WdPsPe4cyn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 9px;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a .WdPsPe4cyn .t5pzLXbSFD {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  min-width: 120px;
  height: 36px;
  font-size: 16px;
  color: #eff1f7;
  border-radius: 6px;
  background-color: #3d455c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a .WdPsPe4cyn .t5pzLXbSFD:nth-child(2) {
  margin: 0 20px;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child {
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 25px 30px;
  height: calc(100% - 45px);
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .b2evwYvMOQ .yJUuwVgThY {
  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;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 24px 0;
  font-size: 40px;
  color: #101010;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .b2evwYvMOQ .yJUuwVgThY > span:first-child {
  font-size: 18px;
  margin-right: 4px;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .b2evwYvMOQ > div:last-child {
  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;
  padding-bottom: 24px;
  border-bottom: 1px solid #f1f0f5;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .b2evwYvMOQ .INbVb9krB5 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .b2evwYvMOQ .INbVb9krB5:not(:last-child) {
  border-right: 1px solid #f1f0f5;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .auOvc-vg6j {
  margin-top: 24px;
  height: calc(100% - 320px);
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .auOvc-vg6j ._0Tcs0ryzrm {
  height: 420px;
  overflow-y: auto;
  margin: 18px 0 0;
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .auOvc-vg6j ._0Tcs0ryzrm > div:not(:last-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 12px;
  margin-bottom: 8px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.85);
}
.Nfp5ySWQCZ ._5E-AAbVHsR .pu-PmsrC7a > div:last-child .auOvc-vg6j ._0Tcs0ryzrm > div:not(:last-child):nth-child(odd) {
  background-color: #f6f6fa;
}
.Nfp5ySWQCZ .AYjXzI8fUi {
  text-align: center;
}
.Nfp5ySWQCZ .AYjXzI8fUi > div {
  font-size: 30px;
  font-weight: 500;
}
.Nfp5ySWQCZ .AYjXzI8fUi > span:first-child {
  display: block;
  font-size: 12px;
  color: #9297a6;
}
.Nfp5ySWQCZ .YOlwF4HacJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Nfp5ySWQCZ .H-ZJv9z19e {
  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;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.KjVt344ArK {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._3OhNW239DB {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.V-kPhU\+uDb {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.V-kPhU\+uDb > i,
.V-kPhU\+uDb > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.oXMKok2AS6 {
  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;
}
.aOLZqo\+Nxn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gVVas72JJS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.JGmy6AORdz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._1DaBhSX2AB {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._4YNJ2UH4L5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.DyU02QLDEn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.DyU02QLDEn .gSolBlSo1K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.DyU02QLDEn .gSolBlSo1K > span {
  color: rgba(0, 0, 0, 0.65);
}
.cIQCR2bONE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cIQCR2bONE .x5VddjwEcb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cIQCR2bONE .x5VddjwEcb > span {
  font-size: 8px;
}
.jOqjsXQQut .ant-popover-inner-content {
  padding: 0;
}
.jOqjsXQQut .ant-popover-arrow {
  border-color: #475365 !important;
}
.jOqjsXQQut .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.N8CcydyGcU {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.FROMzwJLLV {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.FROMzwJLLV .uQQ4bmBi41 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.p1whtDP452 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.knGUKR9jXF {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .knGUKR9jXF {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.bi2NrzyskA {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ngjfulTsxg {
    /* This is the key */
  }
  .ngjfulTsxg html,
  .ngjfulTsxg body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ngjfulTsxg body,
  .ngjfulTsxg div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ngjfulTsxg textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ngjfulTsxg table,
  .ngjfulTsxg tr,
  .ngjfulTsxg td {
    page-break-inside: avoid;
  }
  .ngjfulTsxg div {
    page-break-inside: avoid;
  }
  .ngjfulTsxg thead {
    display: table-header-group;
  }
  .ngjfulTsxg tfoot {
    display: table-footer-group;
  }
  .ngjfulTsxg * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ngjfulTsxg .rYH\+Wryy62,
  .ngjfulTsxg .no-print,
  .ngjfulTsxg .react-resizable-handle,
  .ngjfulTsxg .fc-whiteboard-toolbar,
  .ngjfulTsxg .ant-modal-root,
  .ngjfulTsxg .ant-alert,
  .ngjfulTsxg .JdP-w1NSqK,
  .ngjfulTsxg .CosYZEGO4E {
    display: none !important;
  }
  .ngjfulTsxg .BLXa2UHtnE {
    display: none !important;
  }
}
.nuFg96qgyA .kTVq8ZQTfX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nuFg96qgyA .kTVq8ZQTfX ._3O0IqY8p57 {
  height: 45px;
  width: 150px;
  margin-right: 8px;
  color: #f5f5fa;
  cursor: pointer;
  line-height: 48px;
  background-color: #5278d6;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.nuFg96qgyA .kTVq8ZQTfX ._3O0IqY8p57 > span:first-child {
  font-size: 12px;
  margin: 0 6px 0 20px;
}
.nuFg96qgyA .kTVq8ZQTfX ._3O0IqY8p57 > span:last-child {
  font-size: 24px;
  font-weight: 500;
}
.nuFg96qgyA .kTVq8ZQTfX ._2kZTVRlHtu {
  color: #222;
  position: relative;
  background-color: #fff;
}
.nuFg96qgyA .kTVq8ZQTfX ._2kZTVRlHtu > span:last-child {
  color: #6874e2;
}
.nuFg96qgyA .kTVq8ZQTfX ._2kZTVRlHtu:before {
  content: '';
  width: 3px;
  height: 28px;
  position: absolute;
  display: inline-block;
  background-color: #6874e2;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.nuFg96qgyA .Zs9kS8hDFZ {
  height: 130px;
  background-color: #fff;
  padding: 12px;
  border-radius: 0 8px 8px 8px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.nuFg96qgyA .Zs9kS8hDFZ .b8EauX2ZN4 {
  -webkit-box-flex: initial !important;
      -ms-flex: initial !important;
          flex: initial !important;
  min-width: 45px !important;
  margin-right: 50px !important;
}
.nuFg96qgyA .Zs9kS8hDFZ .b8EauX2ZN4 {
  font-size: 10px;
  text-align: center;
  border-radius: 2px;
  display: inline-block;
}
.nuFg96qgyA .Zs9kS8hDFZ .l1hXCVkKZc {
  color: #7954fd !important;
}
.nuFg96qgyA .Zs9kS8hDFZ .l1hXCVkKZc {
  background-color: #e6e1fa;
}
.nuFg96qgyA .Zs9kS8hDFZ .p7ryDZO0jp {
  color: #9c933a !important;
}
.nuFg96qgyA .Zs9kS8hDFZ .p7ryDZO0jp {
  background-color: #fff8cb;
}
.nuFg96qgyA .Zs9kS8hDFZ .uu763VQVa1 {
  color: #3d455c !important;
}
.nuFg96qgyA .Zs9kS8hDFZ .uu763VQVa1 {
  background-color: #a9b3cf;
}
.nuFg96qgyA .Zs9kS8hDFZ .GDHqrSDvGI {
  color: #3a7f9c !important;
}
.nuFg96qgyA .Zs9kS8hDFZ .GDHqrSDvGI {
  background-color: #cbf0ff;
}
.nuFg96qgyA .Zs9kS8hDFZ .nctgJwO9Qs {
  color: #fa6f13 !important;
}
.nuFg96qgyA .Zs9kS8hDFZ .nctgJwO9Qs {
  background-color: #ffdcc5;
}
.nuFg96qgyA .Zs9kS8hDFZ .wAxOnikmtp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 15px;
}
.nuFg96qgyA .Zs9kS8hDFZ .wAxOnikmtp > span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  color: #222;
  display: inline-block;
  min-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.eNcOs1s2My {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.JeGHru7bsR {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.GZWuksXiOu {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.GZWuksXiOu > i,
.GZWuksXiOu > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._7qTQXutKXf {
  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;
}
._32u0rDSxak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.DwQBJkNc5f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.woexoYX8R5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.S5WqQ-Gc4p {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8XpLwwE1Y9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vfxfJX70do {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.vfxfJX70do .z6iI4qmU\+X {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.vfxfJX70do .z6iI4qmU\+X > span {
  color: rgba(0, 0, 0, 0.65);
}
.GgsDewflY1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.GgsDewflY1 .-\+dni3lBNR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.GgsDewflY1 .-\+dni3lBNR > span {
  font-size: 8px;
}
.RV12jzksmZ .ant-popover-inner-content {
  padding: 0;
}
.RV12jzksmZ .ant-popover-arrow {
  border-color: #475365 !important;
}
.RV12jzksmZ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._0iGimfZ86i {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.zFJyrVisH4 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.zFJyrVisH4 .E6daYKn7dA {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.ple\+VRkJiO {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.zH9ibuB87X {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .zH9ibuB87X {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.bRwviXNQ7i {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Ru4\+e2CI74 {
    /* This is the key */
  }
  .Ru4\+e2CI74 html,
  .Ru4\+e2CI74 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Ru4\+e2CI74 body,
  .Ru4\+e2CI74 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Ru4\+e2CI74 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Ru4\+e2CI74 table,
  .Ru4\+e2CI74 tr,
  .Ru4\+e2CI74 td {
    page-break-inside: avoid;
  }
  .Ru4\+e2CI74 div {
    page-break-inside: avoid;
  }
  .Ru4\+e2CI74 thead {
    display: table-header-group;
  }
  .Ru4\+e2CI74 tfoot {
    display: table-footer-group;
  }
  .Ru4\+e2CI74 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Ru4\+e2CI74 ._5tXpAEKWPk,
  .Ru4\+e2CI74 .no-print,
  .Ru4\+e2CI74 .react-resizable-handle,
  .Ru4\+e2CI74 .fc-whiteboard-toolbar,
  .Ru4\+e2CI74 .ant-modal-root,
  .Ru4\+e2CI74 .ant-alert,
  .Ru4\+e2CI74 .\-6F6Euwl7U,
  .Ru4\+e2CI74 .uH9Ky9LjDZ {
    display: none !important;
  }
  .Ru4\+e2CI74 ._5hGWt-7i50 {
    display: none !important;
  }
}
._5qHqo8EYji {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: auto;
  padding-bottom: 48px;
}
._5qHqo8EYji .VISm4rMMcX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fafafa;
  padding: 24px 0 24px 36px;
}
._5qHqo8EYji .VISm4rMMcX .ant-descriptions-row > td {
  padding-bottom: 0;
}
._5qHqo8EYji .VISm4rMMcX .Zbb479Pfuu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 32px;
}
._5qHqo8EYji .VISm4rMMcX .Zbb479Pfuu .xiKzST\+vbr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._5qHqo8EYji .VISm4rMMcX .Zbb479Pfuu .xiKzST\+vbr > p {
  font-size: 16px;
  margin-right: 24px;
  margin-bottom: 0;
}
._5qHqo8EYji .VISm4rMMcX .Zbb479Pfuu .p347tmksZK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._5qHqo8EYji .VISm4rMMcX .Zbb479Pfuu .ant-descriptions-item-content {
  font-size: 18px;
}
._5qHqo8EYji .VISm4rMMcX ._7CcVaf0RHq {
  border: 1px solid #6874e2;
  color: #6874e2;
}
._5qHqo8EYji .VISm4rMMcX .ngkZDxyaSq {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: border 0.6s;
  transition: border 0.6s;
}
._5qHqo8EYji .VISm4rMMcX .ngkZDxyaSq > p {
  text-align: center;
  font-size: 14px;
  margin-top: 8px;
}
._5qHqo8EYji .VISm4rMMcX .ngkZDxyaSq:hover {
  -webkit-transition: border 0.6s;
  transition: border 0.6s;
  border: 1px dashed #6874e2;
}
._5qHqo8EYji .w0UcHhJJkU {
  padding: 16px 36px;
}
._5qHqo8EYji .w0UcHhJJkU .e211iayrXm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
}
._5qHqo8EYji .w0UcHhJJkU .e211iayrXm .lSZnVk4IL3 {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  width: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._5qHqo8EYji .w0UcHhJJkU .e211iayrXm .ru-Oh\+CMzr {
  margin: 0 12px 0 6px;
  width: 250px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-weight: 200;
}
._5qHqo8EYji .w0UcHhJJkU .e211iayrXm .teB66ZOgTO {
  width: 60px;
  height: 27px;
  color: #6874e2;
  font-size: 12px;
  border: 1px solid #6874e2;
}
._5qHqo8EYji .w0UcHhJJkU .e211iayrXm ._7er7Nc3RBM {
  width: 60px;
  height: 27px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #6874e2;
  background-color: #6874e2;
}
._5qHqo8EYji .w0UcHhJJkU .e211iayrXm .SdyOem8P5q {
  margin: 0 12px 0 6px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-weight: 200;
}
._5qHqo8EYji .n8Y\+MJpb5b {
  margin: 16px 40px 48px;
}

.x8W\+aDioFn .ant-checkbox-wrapper {
  width: 250px;
  font-size: 12px;
  margin: 0 12px 12px 0;
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.qB6GvqXZbW {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._4EVs-FrONY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.tICJ9TE9S4 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tICJ9TE9S4 > i,
.tICJ9TE9S4 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cc39aSkm\+A {
  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;
}
.vq1MA-1\+Pg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.XuOOfKK9rp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kzQO31iE9v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.y76gE6gRsy {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.MJVdxUo1Aa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.F288VY4o8Y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.F288VY4o8Y .bDwDVatoRC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.F288VY4o8Y .bDwDVatoRC > span {
  color: rgba(0, 0, 0, 0.65);
}
.MURL-ltras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.MURL-ltras .tMQ0foIt3R {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.MURL-ltras .tMQ0foIt3R > span {
  font-size: 8px;
}
.DFYWiGSCPU .ant-popover-inner-content {
  padding: 0;
}
.DFYWiGSCPU .ant-popover-arrow {
  border-color: #475365 !important;
}
.DFYWiGSCPU .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.yiMh9iUiJp {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.vN2UFZh1j- {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.vN2UFZh1j- ._8-e5R-aHaM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._43Suoh9ZGe {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.tAySEJigL4 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .tAySEJigL4 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._4IaLWMOaXH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .mML-4ewDBJ {
    /* This is the key */
  }
  .mML-4ewDBJ html,
  .mML-4ewDBJ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .mML-4ewDBJ body,
  .mML-4ewDBJ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .mML-4ewDBJ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .mML-4ewDBJ table,
  .mML-4ewDBJ tr,
  .mML-4ewDBJ td {
    page-break-inside: avoid;
  }
  .mML-4ewDBJ div {
    page-break-inside: avoid;
  }
  .mML-4ewDBJ thead {
    display: table-header-group;
  }
  .mML-4ewDBJ tfoot {
    display: table-footer-group;
  }
  .mML-4ewDBJ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .mML-4ewDBJ ._5j2Ld4-E1u,
  .mML-4ewDBJ .no-print,
  .mML-4ewDBJ .react-resizable-handle,
  .mML-4ewDBJ .fc-whiteboard-toolbar,
  .mML-4ewDBJ .ant-modal-root,
  .mML-4ewDBJ .ant-alert,
  .mML-4ewDBJ .UcxciCsqBH,
  .mML-4ewDBJ ._3CCJGEloXK {
    display: none !important;
  }
  .mML-4ewDBJ .laOErOX5Nk {
    display: none !important;
  }
}
.rekpZyylcN {
  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;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: fixed;
  height: 60px;
  bottom: 0;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  z-index: 9;
  width: 100vw;
  left: 0;
  padding: 0 10vw;
}
.j51VW6imh0 {
  border: 1px solid #e9e9e9;
  margin-bottom: 24px;
}
.j51VW6imh0 .eaCR7C1VBB {
  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;
  background: #fafafa;
  height: 54px;
  padding: 0 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.j51VW6imh0 ._0lp79u2v2C {
  padding: 16px;
  width: 100%;
}
.j51VW6imh0 ._0lp79u2v2C .leKHN0gyJU {
  padding: 4px;
  border: 1px solid #d8d8d8;
}
.j51VW6imh0 ._0lp79u2v2C .ant-row {
  height: 45px;
}
.j51VW6imh0 .ant-form-item {
  margin: 0;
}
.j51VW6imh0 .ant-form-explain {
  font-size: 12px;
}
.j51VW6imh0 .ant-upload-picture-card-wrapper {
  width: 120px;
  margin-right: 12px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.g7htB3edw- {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.C0qywin6Id {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.LcS9x7OWpB {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.LcS9x7OWpB > i,
.LcS9x7OWpB > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.\+Pvk2DsMEE {
  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;
}
.sDckbndhm- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.BKxpVwFOmq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.UJuYWcdziO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mmJQuqM8fm {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.h2aazgf9s4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.y5TiOiqe-P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.y5TiOiqe-P .UUYC7DO8gt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.y5TiOiqe-P .UUYC7DO8gt > span {
  color: rgba(0, 0, 0, 0.65);
}
.L61xCGf3pW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.L61xCGf3pW .cbR0cQJ6W4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.L61xCGf3pW .cbR0cQJ6W4 > span {
  font-size: 8px;
}
.bqlISftTuP .ant-popover-inner-content {
  padding: 0;
}
.bqlISftTuP .ant-popover-arrow {
  border-color: #475365 !important;
}
.bqlISftTuP .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.vSHGS5gMmm {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.RurT\+pt17T {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.RurT\+pt17T .xLTfmgvAHZ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Y0Ods-pjiI {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.TPW9xT7CH8 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .TPW9xT7CH8 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.itn4DugxG2 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ELCD30OmqS {
    /* This is the key */
  }
  .ELCD30OmqS html,
  .ELCD30OmqS body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ELCD30OmqS body,
  .ELCD30OmqS div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ELCD30OmqS textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ELCD30OmqS table,
  .ELCD30OmqS tr,
  .ELCD30OmqS td {
    page-break-inside: avoid;
  }
  .ELCD30OmqS div {
    page-break-inside: avoid;
  }
  .ELCD30OmqS thead {
    display: table-header-group;
  }
  .ELCD30OmqS tfoot {
    display: table-footer-group;
  }
  .ELCD30OmqS * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ELCD30OmqS .fNxurhdwUB,
  .ELCD30OmqS .no-print,
  .ELCD30OmqS .react-resizable-handle,
  .ELCD30OmqS .fc-whiteboard-toolbar,
  .ELCD30OmqS .ant-modal-root,
  .ELCD30OmqS .ant-alert,
  .ELCD30OmqS .Lquy\+pfI9B,
  .ELCD30OmqS .idyaZY0cVT {
    display: none !important;
  }
  .ELCD30OmqS ._9qpIdFoxV9 {
    display: none !important;
  }
}
.Cq\+-bicpY1 {
  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;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: fixed;
  height: 60px;
  bottom: 0;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  z-index: 9;
  width: 100vw;
  left: 0;
  padding: 0 10vw;
}
.URLuu9-3pa {
  border: 1px solid #e9e9e9;
  margin-bottom: 24px;
}
.URLuu9-3pa .LSym09v69Y {
  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;
  background: #fafafa;
  height: 54px;
  padding: 0 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.URLuu9-3pa .CClLT22dFu {
  padding: 16px;
  width: 100%;
}
.URLuu9-3pa .CClLT22dFu ._97poG7lMUX {
  padding: 4px;
  border: 1px solid #d8d8d8;
}
.URLuu9-3pa .CClLT22dFu .ant-row {
  height: 45px;
}
.URLuu9-3pa .ant-form-item {
  margin: 0;
}
.URLuu9-3pa .ant-form-explain {
  font-size: 12px;
}
.URLuu9-3pa .ant-upload-picture-card-wrapper {
  width: 120px;
  margin-right: 12px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.EaVlYDq8VO {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._29FfR4ZlFr {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.MTqCtZZjQa {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.MTqCtZZjQa > i,
.MTqCtZZjQa > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wL\+0joL2DV {
  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;
}
.lj8u99s3fL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.TX551lBiOu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Sj3umT\+\+ZU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Cvw9AkPz4i {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.uUNVSJKD-o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.z\+fKNC7rIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.z\+fKNC7rIn .\+8\+xWF8-jE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.z\+fKNC7rIn .\+8\+xWF8-jE > span {
  color: rgba(0, 0, 0, 0.65);
}
._47rZx5r8g6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._47rZx5r8g6 .bUH78of8AY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._47rZx5r8g6 .bUH78of8AY > span {
  font-size: 8px;
}
.ZpICGl6WVF .ant-popover-inner-content {
  padding: 0;
}
.ZpICGl6WVF .ant-popover-arrow {
  border-color: #475365 !important;
}
.ZpICGl6WVF .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.b4P-C19VJ8 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.AgfkJJF3x7 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.AgfkJJF3x7 .p2ft\+CLykN {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._8tJH\+fDHe1 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.hBrOd9ZDMR {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .hBrOd9ZDMR {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._0-\+gnOYDlo {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .pKVYLKexuK {
    /* This is the key */
  }
  .pKVYLKexuK html,
  .pKVYLKexuK body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .pKVYLKexuK body,
  .pKVYLKexuK div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .pKVYLKexuK textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .pKVYLKexuK table,
  .pKVYLKexuK tr,
  .pKVYLKexuK td {
    page-break-inside: avoid;
  }
  .pKVYLKexuK div {
    page-break-inside: avoid;
  }
  .pKVYLKexuK thead {
    display: table-header-group;
  }
  .pKVYLKexuK tfoot {
    display: table-footer-group;
  }
  .pKVYLKexuK * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pKVYLKexuK .jTxOHlPMxR,
  .pKVYLKexuK .no-print,
  .pKVYLKexuK .react-resizable-handle,
  .pKVYLKexuK .fc-whiteboard-toolbar,
  .pKVYLKexuK .ant-modal-root,
  .pKVYLKexuK .ant-alert,
  .pKVYLKexuK .I\+DAM8q8Yf,
  .pKVYLKexuK .Xv02CMZ6Pc {
    display: none !important;
  }
  .pKVYLKexuK .GzDME6TmtP {
    display: none !important;
  }
}
.CZXJP\+F4KL {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
}
.CZXJP\+F4KL .Gq1ByimCKa {
  width: 100%;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
.CZXJP\+F4KL ._2XnMeiSG9Y {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.PipenQKbLW {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.N0qfzn\+2yX {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.XjT\+WBICM4 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.XjT\+WBICM4 > i,
.XjT\+WBICM4 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NkmTsJkWMF {
  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;
}
.\+avLM0y\+GS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._7BU6NM4fHN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.qj6qVTDSJx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.vbDY8XwEYO {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NlntfK60QE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.CO5L0x5NJD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.CO5L0x5NJD .QHcsZt2BFV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.CO5L0x5NJD .QHcsZt2BFV > span {
  color: rgba(0, 0, 0, 0.65);
}
.nnkfc6gtam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nnkfc6gtam .wFOZUHDXuB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.nnkfc6gtam .wFOZUHDXuB > span {
  font-size: 8px;
}
._846jimkmOQ .ant-popover-inner-content {
  padding: 0;
}
._846jimkmOQ .ant-popover-arrow {
  border-color: #475365 !important;
}
._846jimkmOQ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.PPgkGYxDtA {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.FTo91KybkY {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.FTo91KybkY .KnKQOncTrS {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.SSJbogePVv {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._4xTDJJ9OAs {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._4xTDJJ9OAs {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.AJEL2us70J {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .KWN-qXpTQm {
    /* This is the key */
  }
  .KWN-qXpTQm html,
  .KWN-qXpTQm body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .KWN-qXpTQm body,
  .KWN-qXpTQm div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .KWN-qXpTQm textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .KWN-qXpTQm table,
  .KWN-qXpTQm tr,
  .KWN-qXpTQm td {
    page-break-inside: avoid;
  }
  .KWN-qXpTQm div {
    page-break-inside: avoid;
  }
  .KWN-qXpTQm thead {
    display: table-header-group;
  }
  .KWN-qXpTQm tfoot {
    display: table-footer-group;
  }
  .KWN-qXpTQm * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .KWN-qXpTQm .BW3RezHIbO,
  .KWN-qXpTQm .no-print,
  .KWN-qXpTQm .react-resizable-handle,
  .KWN-qXpTQm .fc-whiteboard-toolbar,
  .KWN-qXpTQm .ant-modal-root,
  .KWN-qXpTQm .ant-alert,
  .KWN-qXpTQm .thnSs6gc8L,
  .KWN-qXpTQm .Pw2w\+oe\+ea {
    display: none !important;
  }
  .KWN-qXpTQm .AX2x0rLVK4 {
    display: none !important;
  }
}
.Vtp4iCGqjp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
}
.Vtp4iCGqjp .exF7coTpTT {
  width: 100%;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
.Vtp4iCGqjp .mMimYc8mtI {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.wRLlmBbfYG {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.cOgwxHW8Hp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._1-4fAITgXF {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1-4fAITgXF > i,
._1-4fAITgXF > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Ik2wtkyyM8 {
  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;
}
.EUcV1kC69S {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.qCHViX-bCM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._8JE8HT5rGV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.MPsxOpkVew {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._6bjRRep2NU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.EMdUCHWCGA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.EMdUCHWCGA .AXZmEuPkAh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.EMdUCHWCGA .AXZmEuPkAh > span {
  color: rgba(0, 0, 0, 0.65);
}
.QiJ9XQo8fn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QiJ9XQo8fn .Vlr76FkM3\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.QiJ9XQo8fn .Vlr76FkM3\+ > span {
  font-size: 8px;
}
.dlNcqXvNQY .ant-popover-inner-content {
  padding: 0;
}
.dlNcqXvNQY .ant-popover-arrow {
  border-color: #475365 !important;
}
.dlNcqXvNQY .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.f5LREW6T0B {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.bBnq6\+icEj {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.bBnq6\+icEj .M7t062FwHS {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.L6jD96UKlV {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._8HRjA8FfKh {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._8HRjA8FfKh {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._7vwmlAXnRA {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._08BjG4ldFV {
    /* This is the key */
  }
  ._08BjG4ldFV html,
  ._08BjG4ldFV body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._08BjG4ldFV body,
  ._08BjG4ldFV div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._08BjG4ldFV textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._08BjG4ldFV table,
  ._08BjG4ldFV tr,
  ._08BjG4ldFV td {
    page-break-inside: avoid;
  }
  ._08BjG4ldFV div {
    page-break-inside: avoid;
  }
  ._08BjG4ldFV thead {
    display: table-header-group;
  }
  ._08BjG4ldFV tfoot {
    display: table-footer-group;
  }
  ._08BjG4ldFV * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._08BjG4ldFV .pvnhtM0Off,
  ._08BjG4ldFV .no-print,
  ._08BjG4ldFV .react-resizable-handle,
  ._08BjG4ldFV .fc-whiteboard-toolbar,
  ._08BjG4ldFV .ant-modal-root,
  ._08BjG4ldFV .ant-alert,
  ._08BjG4ldFV .eJrmfsQVDb,
  ._08BjG4ldFV .Do-6iBLmA5 {
    display: none !important;
  }
  ._08BjG4ldFV .BE7mxOZCM0 {
    display: none !important;
  }
}
.RsMkKwmIBS {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
  padding-top: 0;
  padding-left: 0;
}
.RsMkKwmIBS .Tj71f\+BUYc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.e4HLDoRQHR {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.sz7ppyKy2X {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.nxJGlER4JZ {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nxJGlER4JZ > i,
.nxJGlER4JZ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.jphcKK5OFG {
  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;
}
.B0Vys5AjqW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.zMthob6SIr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p9VHHqyufb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.J5XQPH0gRw {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fJUSoYiqAZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.BhltouzaY7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.BhltouzaY7 ._2bi07tf2Ns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.BhltouzaY7 ._2bi07tf2Ns > span {
  color: rgba(0, 0, 0, 0.65);
}
.IMBHbDjVyz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.IMBHbDjVyz .Reg6xPJy54 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.IMBHbDjVyz .Reg6xPJy54 > span {
  font-size: 8px;
}
.l9VULvzjAs .ant-popover-inner-content {
  padding: 0;
}
.l9VULvzjAs .ant-popover-arrow {
  border-color: #475365 !important;
}
.l9VULvzjAs .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ZNKduEfISQ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.eEqr7vaWC5 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.eEqr7vaWC5 .WdXsvs9kDE {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.VO5St9F1c9 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.yWL0hKCKxW {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .yWL0hKCKxW {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.BaYQN4Vn2X {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._4PMbYMiRWz {
    /* This is the key */
  }
  ._4PMbYMiRWz html,
  ._4PMbYMiRWz body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._4PMbYMiRWz body,
  ._4PMbYMiRWz div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._4PMbYMiRWz textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._4PMbYMiRWz table,
  ._4PMbYMiRWz tr,
  ._4PMbYMiRWz td {
    page-break-inside: avoid;
  }
  ._4PMbYMiRWz div {
    page-break-inside: avoid;
  }
  ._4PMbYMiRWz thead {
    display: table-header-group;
  }
  ._4PMbYMiRWz tfoot {
    display: table-footer-group;
  }
  ._4PMbYMiRWz * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._4PMbYMiRWz .CQWJO0xNZH,
  ._4PMbYMiRWz .no-print,
  ._4PMbYMiRWz .react-resizable-handle,
  ._4PMbYMiRWz .fc-whiteboard-toolbar,
  ._4PMbYMiRWz .ant-modal-root,
  ._4PMbYMiRWz .ant-alert,
  ._4PMbYMiRWz .Q8C0gq6fxF,
  ._4PMbYMiRWz .oyHJ\+CGvf4 {
    display: none !important;
  }
  ._4PMbYMiRWz .Was80UthEQ {
    display: none !important;
  }
}
._4BSAleSV8Q {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
  padding-top: 0;
  padding-left: 0;
}
._4BSAleSV8Q .A1IfkDwq\+H {
  margin-bottom: 24px;
}
._4BSAleSV8Q .H4KEnx7qgf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.WMKEdSf93L {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ddsCLrgrGD {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._6tzLeygZ1G {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._6tzLeygZ1G > i,
._6tzLeygZ1G > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p3v\+n\+QpsR {
  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;
}
.zUTo7A4cz5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.WRsMlFGqH4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gUVRN69etK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._9JAysF7nL4 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._6oX03AMuhz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.-hlv7Dnlom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.-hlv7Dnlom .nOkbqo8huu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.-hlv7Dnlom .nOkbqo8huu > span {
  color: rgba(0, 0, 0, 0.65);
}
.dWM3a5X3eu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dWM3a5X3eu ._5GQhdEpU4y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dWM3a5X3eu ._5GQhdEpU4y > span {
  font-size: 8px;
}
.HFiGlNd3vZ .ant-popover-inner-content {
  padding: 0;
}
.HFiGlNd3vZ .ant-popover-arrow {
  border-color: #475365 !important;
}
.HFiGlNd3vZ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.aONT9lsF-j {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.xN7rI8HR6S {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.xN7rI8HR6S .R8POUPXHaV {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._70E2NEfhYl {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._0lTU22I3nn {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._0lTU22I3nn {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.zewjtX6Ef1 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .vn0oOh8PIe {
    /* This is the key */
  }
  .vn0oOh8PIe html,
  .vn0oOh8PIe body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .vn0oOh8PIe body,
  .vn0oOh8PIe div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .vn0oOh8PIe textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .vn0oOh8PIe table,
  .vn0oOh8PIe tr,
  .vn0oOh8PIe td {
    page-break-inside: avoid;
  }
  .vn0oOh8PIe div {
    page-break-inside: avoid;
  }
  .vn0oOh8PIe thead {
    display: table-header-group;
  }
  .vn0oOh8PIe tfoot {
    display: table-footer-group;
  }
  .vn0oOh8PIe * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .vn0oOh8PIe .Fu9fA37g0B,
  .vn0oOh8PIe .no-print,
  .vn0oOh8PIe .react-resizable-handle,
  .vn0oOh8PIe .fc-whiteboard-toolbar,
  .vn0oOh8PIe .ant-modal-root,
  .vn0oOh8PIe .ant-alert,
  .vn0oOh8PIe .\+Y6iwdx1\+q,
  .vn0oOh8PIe .fA34Nm66d\+ {
    display: none !important;
  }
  .vn0oOh8PIe .ADUor1UOZq {
    display: none !important;
  }
}
.CS0KFo9Rj7 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
  padding-top: 0;
  padding-left: 0;
}
.CS0KFo9Rj7 .e0CvSup99o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.HJFs6ShZtP {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.GXOPEPfVKG {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.CRQVd-tkwK {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.CRQVd-tkwK > i,
.CRQVd-tkwK > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SJ9qPE7oJk {
  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;
}
.Gb-2DeWDTX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Cz4kG8rnZL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._5GKlP64ycQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ZgFou5uF47 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rO1cNDkXEW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.iMAjfbcNq5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.iMAjfbcNq5 .ygXWGeuE5\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.iMAjfbcNq5 .ygXWGeuE5\+ > span {
  color: rgba(0, 0, 0, 0.65);
}
.HMG8bpDenp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.HMG8bpDenp .zD60xJ5Mks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.HMG8bpDenp .zD60xJ5Mks > span {
  font-size: 8px;
}
.HlROpQnsF6 .ant-popover-inner-content {
  padding: 0;
}
.HlROpQnsF6 .ant-popover-arrow {
  border-color: #475365 !important;
}
.HlROpQnsF6 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.uB3arubMYj {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.ksfW4jt7md {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.ksfW4jt7md ._6nvW9XcRGw {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._19HpC\+tP6h {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.aOsqrHeqMg {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .aOsqrHeqMg {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.xr3NUXdKfm {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .EROzQLBkqZ {
    /* This is the key */
  }
  .EROzQLBkqZ html,
  .EROzQLBkqZ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .EROzQLBkqZ body,
  .EROzQLBkqZ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .EROzQLBkqZ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .EROzQLBkqZ table,
  .EROzQLBkqZ tr,
  .EROzQLBkqZ td {
    page-break-inside: avoid;
  }
  .EROzQLBkqZ div {
    page-break-inside: avoid;
  }
  .EROzQLBkqZ thead {
    display: table-header-group;
  }
  .EROzQLBkqZ tfoot {
    display: table-footer-group;
  }
  .EROzQLBkqZ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .EROzQLBkqZ ._435xsDlYhK,
  .EROzQLBkqZ .no-print,
  .EROzQLBkqZ .react-resizable-handle,
  .EROzQLBkqZ .fc-whiteboard-toolbar,
  .EROzQLBkqZ .ant-modal-root,
  .EROzQLBkqZ .ant-alert,
  .EROzQLBkqZ .My90O-ANQ9,
  .EROzQLBkqZ .DIP5hm4uhz {
    display: none !important;
  }
  .EROzQLBkqZ .xHRsO27huH {
    display: none !important;
  }
}
.btUluqNN2T {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
}
.btUluqNN2T .Ui\+Ebv9bnt {
  width: 100%;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
.btUluqNN2T .EpJu1HUINR {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._0lu55\+Jbi1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.oaq12CfP7c {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.xAPVbq-Yay {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.xAPVbq-Yay > i,
.xAPVbq-Yay > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._45hwgcG3WT {
  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;
}
.jNYkOukllM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.noPuk1-DCE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kjWdxExtgm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.JtrgwWWITl {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Lcm8q5U5kx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._4sLszMmtpV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._4sLszMmtpV .XjHMey3zFR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._4sLszMmtpV .XjHMey3zFR > span {
  color: rgba(0, 0, 0, 0.65);
}
.JURfbqi73K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.JURfbqi73K .jMoMXNEP-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.JURfbqi73K .jMoMXNEP-m > span {
  font-size: 8px;
}
.on7YOJQ1oi .ant-popover-inner-content {
  padding: 0;
}
.on7YOJQ1oi .ant-popover-arrow {
  border-color: #475365 !important;
}
.on7YOJQ1oi .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ltIQsHP0-I {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._19hlCRdqtm {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._19hlCRdqtm .khXYzxvbdB {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.OyuUyCQoBP {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.PzW43vHxAl {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .PzW43vHxAl {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Y3NlqZC1f3 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .grHn9ZFKBI {
    /* This is the key */
  }
  .grHn9ZFKBI html,
  .grHn9ZFKBI body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .grHn9ZFKBI body,
  .grHn9ZFKBI div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .grHn9ZFKBI textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .grHn9ZFKBI table,
  .grHn9ZFKBI tr,
  .grHn9ZFKBI td {
    page-break-inside: avoid;
  }
  .grHn9ZFKBI div {
    page-break-inside: avoid;
  }
  .grHn9ZFKBI thead {
    display: table-header-group;
  }
  .grHn9ZFKBI tfoot {
    display: table-footer-group;
  }
  .grHn9ZFKBI * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .grHn9ZFKBI .KcZqm7Iu-u,
  .grHn9ZFKBI .no-print,
  .grHn9ZFKBI .react-resizable-handle,
  .grHn9ZFKBI .fc-whiteboard-toolbar,
  .grHn9ZFKBI .ant-modal-root,
  .grHn9ZFKBI .ant-alert,
  .grHn9ZFKBI .rpCSk3Dyy0,
  .grHn9ZFKBI .Uu5c8sYrsm {
    display: none !important;
  }
  .grHn9ZFKBI ._5v-Egaa5eB {
    display: none !important;
  }
}
.Hu9LxR9c2A {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
}
.Hu9LxR9c2A .efdkWYzDwr {
  width: 100%;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
.Hu9LxR9c2A .TjqnThaHoC {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Bu\+-rkQquu {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.FymnN\+3XgV {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.m\+CU-HQxTc {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.m\+CU-HQxTc > i,
.m\+CU-HQxTc > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Eh9jF\+1vAl {
  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;
}
._3jArVEPcZO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Nw4m0XP8CE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.X3yiPXUl7I {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._382\+J7nf6d {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.GGgen3K-Di {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lds0WmhIXW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.lds0WmhIXW .BomDPdxSTy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.lds0WmhIXW .BomDPdxSTy > span {
  color: rgba(0, 0, 0, 0.65);
}
.EwGebGBaoB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.EwGebGBaoB .qVhez20mVr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.EwGebGBaoB .qVhez20mVr > span {
  font-size: 8px;
}
._2ve77\+UiEN .ant-popover-inner-content {
  padding: 0;
}
._2ve77\+UiEN .ant-popover-arrow {
  border-color: #475365 !important;
}
._2ve77\+UiEN .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._7mauCrej2b {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.gM6PQ-T6t6 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.gM6PQ-T6t6 .cjV-O69MIt {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Plc2jEu35H {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.l9XmMKF2Xq {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .l9XmMKF2Xq {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.U1NUDbnkv8 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .rNC4hFjtEn {
    /* This is the key */
  }
  .rNC4hFjtEn html,
  .rNC4hFjtEn body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .rNC4hFjtEn body,
  .rNC4hFjtEn div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .rNC4hFjtEn textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .rNC4hFjtEn table,
  .rNC4hFjtEn tr,
  .rNC4hFjtEn td {
    page-break-inside: avoid;
  }
  .rNC4hFjtEn div {
    page-break-inside: avoid;
  }
  .rNC4hFjtEn thead {
    display: table-header-group;
  }
  .rNC4hFjtEn tfoot {
    display: table-footer-group;
  }
  .rNC4hFjtEn * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .rNC4hFjtEn .BEqRnbLmFG,
  .rNC4hFjtEn .no-print,
  .rNC4hFjtEn .react-resizable-handle,
  .rNC4hFjtEn .fc-whiteboard-toolbar,
  .rNC4hFjtEn .ant-modal-root,
  .rNC4hFjtEn .ant-alert,
  .rNC4hFjtEn .NzcO7NYWwM,
  .rNC4hFjtEn .RAQtlaXoJm {
    display: none !important;
  }
  .rNC4hFjtEn ._51w8UOlJ4G {
    display: none !important;
  }
}
.fXF-ywlRrR {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
}
.fXF-ywlRrR .qXd4AGh2K\+ {
  width: 100%;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
.fXF-ywlRrR .\+CrHcUzeOL {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.TWU8ZhXZFo {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.KK3aQjGnxs {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._4y1rALfIix {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._4y1rALfIix > i,
._4y1rALfIix > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._0Fka0tvVHe {
  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;
}
._2BTsGOSoVI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.go5oS9-z00 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.KHhnyakYPA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mL519hvsuX {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.TiroKQbDt2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.odgTy5qpWx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.odgTy5qpWx ._3A3E8iAzSk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.odgTy5qpWx ._3A3E8iAzSk > span {
  color: rgba(0, 0, 0, 0.65);
}
.It0cyWyrKi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.It0cyWyrKi ._6kPWdu0OjN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.It0cyWyrKi ._6kPWdu0OjN > span {
  font-size: 8px;
}
.xSTfX\+mPOl .ant-popover-inner-content {
  padding: 0;
}
.xSTfX\+mPOl .ant-popover-arrow {
  border-color: #475365 !important;
}
.xSTfX\+mPOl .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.e6FhyGS3-x {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.T\+8LcgyOl8 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.T\+8LcgyOl8 .LRvyk5wsMr {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.s1sryEoyr7 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.WGEDQUn9iO {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .WGEDQUn9iO {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.smfOWE1O6f {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._9WS3PGdtMv {
    /* This is the key */
  }
  ._9WS3PGdtMv html,
  ._9WS3PGdtMv body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._9WS3PGdtMv body,
  ._9WS3PGdtMv div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._9WS3PGdtMv textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._9WS3PGdtMv table,
  ._9WS3PGdtMv tr,
  ._9WS3PGdtMv td {
    page-break-inside: avoid;
  }
  ._9WS3PGdtMv div {
    page-break-inside: avoid;
  }
  ._9WS3PGdtMv thead {
    display: table-header-group;
  }
  ._9WS3PGdtMv tfoot {
    display: table-footer-group;
  }
  ._9WS3PGdtMv * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._9WS3PGdtMv .-DnTy3R0cU,
  ._9WS3PGdtMv .no-print,
  ._9WS3PGdtMv .react-resizable-handle,
  ._9WS3PGdtMv .fc-whiteboard-toolbar,
  ._9WS3PGdtMv .ant-modal-root,
  ._9WS3PGdtMv .ant-alert,
  ._9WS3PGdtMv .kvSb5dEoBD,
  ._9WS3PGdtMv ._2DUX-VnaDm {
    display: none !important;
  }
  ._9WS3PGdtMv .OuHgc9wFHa {
    display: none !important;
  }
}
.g85LCp7Rzd {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px;
  padding-top: 0;
  padding-left: 0;
}
.g85LCp7Rzd ._66M8gq0UV9 {
  margin-bottom: 24px;
}
.g85LCp7Rzd .IgacwcEuMM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.rkNIMRTTdv {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.eEAYZekcGp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.DPuZCi32wl {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.DPuZCi32wl > i,
.DPuZCi32wl > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.K22\+2DfZve {
  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;
}
.BlZYN1-wPL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ojHEhR7bWo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.HUZMGtO5PU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.dD0pcEgPry {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.UXEtaZJCvJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.XLJ4MnyHtf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.XLJ4MnyHtf .sGKIPpA5IO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.XLJ4MnyHtf .sGKIPpA5IO > span {
  color: rgba(0, 0, 0, 0.65);
}
.aX9\+UUuUbo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.aX9\+UUuUbo .TgRA5RwnTe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.aX9\+UUuUbo .TgRA5RwnTe > span {
  font-size: 8px;
}
.TdTnHLJZOG .ant-popover-inner-content {
  padding: 0;
}
.TdTnHLJZOG .ant-popover-arrow {
  border-color: #475365 !important;
}
.TdTnHLJZOG .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.wZeizkN0eC {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.FwCV77QQbs {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.FwCV77QQbs .ih0lHzDjlp {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.lYhWUcmIp- {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._0YmhsUWDR5 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._0YmhsUWDR5 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.rZAxhrClC6 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .MPL8Aq\+Qr6 {
    /* This is the key */
  }
  .MPL8Aq\+Qr6 html,
  .MPL8Aq\+Qr6 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .MPL8Aq\+Qr6 body,
  .MPL8Aq\+Qr6 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .MPL8Aq\+Qr6 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .MPL8Aq\+Qr6 table,
  .MPL8Aq\+Qr6 tr,
  .MPL8Aq\+Qr6 td {
    page-break-inside: avoid;
  }
  .MPL8Aq\+Qr6 div {
    page-break-inside: avoid;
  }
  .MPL8Aq\+Qr6 thead {
    display: table-header-group;
  }
  .MPL8Aq\+Qr6 tfoot {
    display: table-footer-group;
  }
  .MPL8Aq\+Qr6 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .MPL8Aq\+Qr6 .IHgRaqGB0T,
  .MPL8Aq\+Qr6 .no-print,
  .MPL8Aq\+Qr6 .react-resizable-handle,
  .MPL8Aq\+Qr6 .fc-whiteboard-toolbar,
  .MPL8Aq\+Qr6 .ant-modal-root,
  .MPL8Aq\+Qr6 .ant-alert,
  .MPL8Aq\+Qr6 .jUJ7i\+K0QQ,
  .MPL8Aq\+Qr6 .V2E7HfiyQF {
    display: none !important;
  }
  .MPL8Aq\+Qr6 .Ou0diOXf4I {
    display: none !important;
  }
}
.Z6mOpM1FTU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: auto;
  padding: 24px;
  padding-top: 0;
}
.Z6mOpM1FTU .MsFJKGOH4u {
  width: 100%;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
.Z6mOpM1FTU .ALAzIMs7ZO {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}

.fc-schedule-GanttTimeLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 100%;
  border: solid 1px #cfcfcd;
  font-size: 12px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fc-schedule-GanttTimeLine-controller {
  position: absolute;
  width: 100%;
  height: 30px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9;
  padding: 0 16px;
}
.fc-schedule-GanttTimeLine-controller-prev {
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 16px 8px 0;
  border-color: transparent white transparent transparent;
}
.fc-schedule-GanttTimeLine-controller-next {
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent white;
}
/* Main Area */
.timeLine-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: hidden;
}
.timeLine-side-main {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 108px;
  min-width: 108px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
/* Main Area Header*/
.timeLine-main-header-viewPort {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  position: relative;
  height: 60px;
  width: 100%;
  background-color: #707070;
  overflow: hidden;
}
.timeLine-main-header-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #333333;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.timeLine-main-header-day-item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #707070;
  font-size: 10px;
  border-right: solid 1px;
  border-top: solid 1px;
  border-bottom: solid 1px;
  top: 20px;
  height: 40px;
  color: white;
  text-align: center;
}
.timeLine-main-header-top-item {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: solid 1px white;
  height: 20px;
  z-index: 91;
}
.timeLine-main-header-day-week {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12px;
          flex: 0 0 12px;
  padding: 4px;
  z-index: 90;
}
.timeLine-main-header-day-month {
  top: 0px;
  position: sticky;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
  padding: 5px;
  z-index: 90;
}
.timeLine-main-header-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 22px;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.timeLine-main-header-time-item {
  border-left: solid 1px silver;
  border-bottom: solid 1px silver;
  border-top: solid 1px silver;
  text-align: center;
  padding-top: 5px;
}
/* Main Area Data*/
.timeLine-main-data-viewPort {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  background-color: #fbf9f9;
}
.timeLine-main-data-container {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #ffffff;
}
.timeLine-main-data-row {
  position: absolute;
  width: 100%;
  height: 50px;
}
.timeLine-main-data-task {
  position: absolute;
  background-color: darkorchid;
  border-radius: 14px;
  color: white;
  text-align: center;
}
.timeLine-main-data-task-side {
  position: absolute;
  width: 10px;
  cursor: col-resize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.timeLine-main-data-task-side-linker {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  cursor: default;
  z-index: 100;
}
.timeLine-main-data-task-side-linker:hover {
  background-color: black;
  border: solid 0.5px grey;
}
.timeLine-main-data-verticalLine {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  width: 24px;
  background-color: white;
  border-left-width: 0.5px;
  border-left-color: #cfcfcd;
  border-left-style: dashed;
}

/* Side Area */
.timeLine-side {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100px;
          flex: 1 0 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 2px 0 5px 5px rgba(207, 207, 205, 0.5);
          box-shadow: 2px 0 5px 5px rgba(207, 207, 205, 0.5);
  z-index: 9;
}
.timeLine-side-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.timeLine-side-task-viewPort {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  background-color: white;
  overflow-x: hidden;
  overflow-y: auto;
}
.timeLine-side-task-container {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.timeLine-side-task-row {
  position: absolute;
  width: 100%;
  background-color: #707070;
  border-bottom-width: 0.5px;
  border-bottom-color: #cfcfcd;
  border-bottom-style: solid;
  height: 30px;
  color: grey;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.fc-schedule-vertical-spliter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: col-resize;
  height: 100%;
  width: 1px;
  background-color: #cfcfcd;
}
.fc-schedule-square-grip {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 50%;
  height: 5px;
  width: 5px;
  margin: 3px 0;
}

.header-top {
  height: 20px;
  border-bottom: solid 0.5px silver;
}
.header-middle {
  height: 20px;
  background-color: chocolate;
  color: white;
  font-size: 10px;
  border-bottom: solid 0.5px silver;
}
.header-bottom {
  height: 20px;
  font-size: 10px;
  border-bottom: solid 0.5px silver;
}

.fc-schedule-taskClip-popover {
  position: absolute;
  min-height: 50px;
  min-width: 50px;
  top: 20;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9;
}
.fc-schedule-taskClip-popover-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #475365 transparent;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.kyyXwm7CXk {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._4iZZpvFKjz {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Juu3x1t0uG {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Juu3x1t0uG > i,
.Juu3x1t0uG > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.w1S-GJDJRv {
  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;
}
.s1ntnYTSBK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.qVDQg4hDlJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.iRbFVUE-T6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.K1ApBQEXx- {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3WjkFbl71k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.uRInII1mIp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.uRInII1mIp ._2JbAM7vXz3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.uRInII1mIp ._2JbAM7vXz3 > span {
  color: rgba(0, 0, 0, 0.65);
}
.RqgO\+FB1Wv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.RqgO\+FB1Wv .j2Vxh3dY7l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.RqgO\+FB1Wv .j2Vxh3dY7l > span {
  font-size: 8px;
}
.q5\+KHTk9Zn .ant-popover-inner-content {
  padding: 0;
}
.q5\+KHTk9Zn .ant-popover-arrow {
  border-color: #475365 !important;
}
.q5\+KHTk9Zn .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.cs0EUPxC8P {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.i6org6TDea {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.i6org6TDea .Jd-qABX-8N {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.pwHUfDWFip {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.v5N\+vqMiNt {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .v5N\+vqMiNt {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.LNgquifQsD {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .IClZg6i63n {
    /* This is the key */
  }
  .IClZg6i63n html,
  .IClZg6i63n body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .IClZg6i63n body,
  .IClZg6i63n div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .IClZg6i63n textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .IClZg6i63n table,
  .IClZg6i63n tr,
  .IClZg6i63n td {
    page-break-inside: avoid;
  }
  .IClZg6i63n div {
    page-break-inside: avoid;
  }
  .IClZg6i63n thead {
    display: table-header-group;
  }
  .IClZg6i63n tfoot {
    display: table-footer-group;
  }
  .IClZg6i63n * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .IClZg6i63n .A\+Y9rr\+HK4,
  .IClZg6i63n .no-print,
  .IClZg6i63n .react-resizable-handle,
  .IClZg6i63n .fc-whiteboard-toolbar,
  .IClZg6i63n .ant-modal-root,
  .IClZg6i63n .ant-alert,
  .IClZg6i63n .HLnkIB3hky,
  .IClZg6i63n ._9d7owgSN2Y {
    display: none !important;
  }
  .IClZg6i63n .qNuiOYgy4W {
    display: none !important;
  }
}
.Hj2e3EynNc .selectable-selectbox {
  z-index: 9000;
  position: absolute;
  cursor: default;
  background: none;
  border: 1px dashed grey;
}
.p1\+2585xbB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 45px;
  width: 100%;
}
.Uzmut1GBEP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._7J9YmzLUZk {
  height: 600px;
  width: 100%;
}
._7J9YmzLUZk ._6KZpfk4soZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._7J9YmzLUZk ._6KZpfk4soZ .v7p-E9asah {
  margin-right: 16px;
  margin-bottom: 16px;
}

.Wa9HYCHnC7 {
  position: relative;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  min-width: 0;
}

.rFBejGUIer {
  max-width: 260px;
}

.P9qTsA3X8q {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 24px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
}
.P9qTsA3X8q .ant-progress-text {
  display: none;
}
.P9qTsA3X8q .ant-progress-outer {
  height: 20px;
}
.P9qTsA3X8q .ant-progress-inner {
  height: 20px;
}
.P9qTsA3X8q .ant-progress-bg {
  height: 20px !important;
}
.P9qTsA3X8q .wfoE-CuxeP {
  width: 100%;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.P9qTsA3X8q .wfoE-CuxeP ._8wUpfgArKy {
  width: 200px;
  margin-left: 12px;
}
.P9qTsA3X8q .T7dp2UqWXW {
  width: 100%;
  height: calc(100% - 32px - 24px);
  margin-top: 24px;
  overflow-x: hidden;
  overflow-y: auto;
}
.P9qTsA3X8q .T7dp2UqWXW .OZGxMxZBEp {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.P9qTsA3X8q .T7dp2UqWXW .OZGxMxZBEp .JmezNw7\+RH {
  width: 300px;
  height: 150px;
  border: 1px solid rgba(149, 161, 240, 0.5);
  border-radius: 8px;
  margin: 0 24px 24px 0;
  padding: 12px;
}
.P9qTsA3X8q .T7dp2UqWXW .OZGxMxZBEp .JmezNw7\+RH .rV7pdXrpNb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 276px;
  font-size: 18px;
  font-weight: bold;
}
.P9qTsA3X8q .T7dp2UqWXW .OZGxMxZBEp .JmezNw7\+RH ._9eT2mFwwzW {
  width: 100%;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.P9qTsA3X8q .T7dp2UqWXW .OZGxMxZBEp .JmezNw7\+RH .Xab8T2Cw9i {
  width: 100%;
  font-size: 14px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.KHcOr45ulg {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.z9Uzi4cbJY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.F57yynAMxj {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.F57yynAMxj > i,
.F57yynAMxj > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SwL1imXMIe {
  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;
}
.yIp-TmefIP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pkLwQH7OGO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vClZRUPF2- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.zFRTUBSpGq {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._9aET8xqBe6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pVNgcjrSfy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.pVNgcjrSfy .ImfhG2U1Ju {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.pVNgcjrSfy .ImfhG2U1Ju > span {
  color: rgba(0, 0, 0, 0.65);
}
.B3X\+ydbvsR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.B3X\+ydbvsR .j772SlBPkv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.B3X\+ydbvsR .j772SlBPkv > span {
  font-size: 8px;
}
.qDML\+vhpnd .ant-popover-inner-content {
  padding: 0;
}
.qDML\+vhpnd .ant-popover-arrow {
  border-color: #475365 !important;
}
.qDML\+vhpnd .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.L7EmGttf5u {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.zKZeZ0aqzg {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.zKZeZ0aqzg ._9qGO5D6KxB {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.auYkGqR53F {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.mJHNZhGjZb {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .mJHNZhGjZb {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.MYfX\+Xfe3d {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .unp2hdzPcG {
    /* This is the key */
  }
  .unp2hdzPcG html,
  .unp2hdzPcG body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .unp2hdzPcG body,
  .unp2hdzPcG div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .unp2hdzPcG textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .unp2hdzPcG table,
  .unp2hdzPcG tr,
  .unp2hdzPcG td {
    page-break-inside: avoid;
  }
  .unp2hdzPcG div {
    page-break-inside: avoid;
  }
  .unp2hdzPcG thead {
    display: table-header-group;
  }
  .unp2hdzPcG tfoot {
    display: table-footer-group;
  }
  .unp2hdzPcG * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .unp2hdzPcG .wmvuHodDfp,
  .unp2hdzPcG .no-print,
  .unp2hdzPcG .react-resizable-handle,
  .unp2hdzPcG .fc-whiteboard-toolbar,
  .unp2hdzPcG .ant-modal-root,
  .unp2hdzPcG .ant-alert,
  .unp2hdzPcG .g6r7OGuBFn,
  .unp2hdzPcG ._00AKxa1-EM {
    display: none !important;
  }
  .unp2hdzPcG .K6vRpEf2xD {
    display: none !important;
  }
}
.r2fp6wP35p {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 1rem;
}
.r2fp6wP35p .AP-ul2sC\+O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.h59X44MYOW {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.TGkI3AGLWh {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.o3IitBmcyI {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.o3IitBmcyI > i,
.o3IitBmcyI > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eI6-NpJ19C {
  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;
}
.xh2nwZNp6x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.DWFA6eg61G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.KBKrFFF\+kU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.T7U6-vKaQf {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.TVo1afTOvr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.IiPMSZdW58 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.IiPMSZdW58 .Evk224009t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.IiPMSZdW58 .Evk224009t > span {
  color: rgba(0, 0, 0, 0.65);
}
.O8WoPEOVlt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.O8WoPEOVlt .T30YqEXNuA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.O8WoPEOVlt .T30YqEXNuA > span {
  font-size: 8px;
}
.Owu7ryQsXk .ant-popover-inner-content {
  padding: 0;
}
.Owu7ryQsXk .ant-popover-arrow {
  border-color: #475365 !important;
}
.Owu7ryQsXk .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._28jT0wuq2A {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._2DD926qJet {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._2DD926qJet .rmx9P3Xj80 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.aq3dPbd09Y {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Dg7mRWHCLl {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Dg7mRWHCLl {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.F3nshQoytc {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .cAfGM1c-1h {
    /* This is the key */
  }
  .cAfGM1c-1h html,
  .cAfGM1c-1h body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .cAfGM1c-1h body,
  .cAfGM1c-1h div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .cAfGM1c-1h textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .cAfGM1c-1h table,
  .cAfGM1c-1h tr,
  .cAfGM1c-1h td {
    page-break-inside: avoid;
  }
  .cAfGM1c-1h div {
    page-break-inside: avoid;
  }
  .cAfGM1c-1h thead {
    display: table-header-group;
  }
  .cAfGM1c-1h tfoot {
    display: table-footer-group;
  }
  .cAfGM1c-1h * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .cAfGM1c-1h .KjYNlnY0Rb,
  .cAfGM1c-1h .no-print,
  .cAfGM1c-1h .react-resizable-handle,
  .cAfGM1c-1h .fc-whiteboard-toolbar,
  .cAfGM1c-1h .ant-modal-root,
  .cAfGM1c-1h .ant-alert,
  .cAfGM1c-1h .TW3RQgHrzw,
  .cAfGM1c-1h .IJwDMF301G {
    display: none !important;
  }
  .cAfGM1c-1h .bcL3vTyufH {
    display: none !important;
  }
}
._6G5B\+gvOs1 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow-y: auto;
}
._6G5B\+gvOs1 .\+IsvEP2evq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._6G5B\+gvOs1 .\+IsvEP2evq .DxIuS01j6N > div:not(:last-child) {
  margin-bottom: 12px;
}
._6G5B\+gvOs1 .TdkR17La0F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.VP8KHGVYQb {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.JK\+y5iUAk3 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.V3NS-6EHpa {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.V3NS-6EHpa > i,
.V3NS-6EHpa > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iyxRZKmpXq {
  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;
}
._81Cn8aYq7O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.zFU3FeC0Br {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vcOM6jqsVR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.vHOs7kMEf\+ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.LX1NIFJU6F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.MXBAZS9mO4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.MXBAZS9mO4 .pWnHTZ4AUp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.MXBAZS9mO4 .pWnHTZ4AUp > span {
  color: rgba(0, 0, 0, 0.65);
}
._7lk3PmKWKM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._7lk3PmKWKM .\+2\+ol9JAoZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._7lk3PmKWKM .\+2\+ol9JAoZ > span {
  font-size: 8px;
}
.z5XPaN6fiQ .ant-popover-inner-content {
  padding: 0;
}
.z5XPaN6fiQ .ant-popover-arrow {
  border-color: #475365 !important;
}
.z5XPaN6fiQ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._1HUcIMSCbm {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.CJhm3wrnNp {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.CJhm3wrnNp .KDj6LZ-7Ep {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.s5TH7IrsPG {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._5P5yWUrtBa {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._5P5yWUrtBa {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.mSZKP7\+GxA {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .JDEYaD2Vfl {
    /* This is the key */
  }
  .JDEYaD2Vfl html,
  .JDEYaD2Vfl body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .JDEYaD2Vfl body,
  .JDEYaD2Vfl div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .JDEYaD2Vfl textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .JDEYaD2Vfl table,
  .JDEYaD2Vfl tr,
  .JDEYaD2Vfl td {
    page-break-inside: avoid;
  }
  .JDEYaD2Vfl div {
    page-break-inside: avoid;
  }
  .JDEYaD2Vfl thead {
    display: table-header-group;
  }
  .JDEYaD2Vfl tfoot {
    display: table-footer-group;
  }
  .JDEYaD2Vfl * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .JDEYaD2Vfl .gYNCCjsLYI,
  .JDEYaD2Vfl .no-print,
  .JDEYaD2Vfl .react-resizable-handle,
  .JDEYaD2Vfl .fc-whiteboard-toolbar,
  .JDEYaD2Vfl .ant-modal-root,
  .JDEYaD2Vfl .ant-alert,
  .JDEYaD2Vfl .LOrIQZIPsU,
  .JDEYaD2Vfl .MD9KMgYvsW {
    display: none !important;
  }
  .JDEYaD2Vfl .xQXKUFfaw6 {
    display: none !important;
  }
}
._0WR73f9tIZ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
}
._0WR73f9tIZ .VlMn2JX71w {
  color: #fff;
  background-color: #6874e2;
}
.-X3xhf-H6N {
  width: 100%;
  height: 60px;
  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;
  cursor: pointer;
}
._1IoMNxVZ-B {
  width: 100%;
  height: 60px;
  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;
  color: rgba(0, 0, 0, 0.4);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Eit0CWM6d9 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.sVw4PfMJN9 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.ugVGcm8-xp {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ugVGcm8-xp > i,
.ugVGcm8-xp > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ECgD0uqrgc {
  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;
}
.DMey5aEc5h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.yPwSybd-bL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.O\+DBJtjPYg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._9AbCfv9dj0 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.BGLdiSSaI6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.K0KbEJCqWR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.K0KbEJCqWR .dvo70fUMvV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.K0KbEJCqWR .dvo70fUMvV > span {
  color: rgba(0, 0, 0, 0.65);
}
.BJxR\+tcIwk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.BJxR\+tcIwk .WOIn\+NpvTr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.BJxR\+tcIwk .WOIn\+NpvTr > span {
  font-size: 8px;
}
.ypt74Lrbu0 .ant-popover-inner-content {
  padding: 0;
}
.ypt74Lrbu0 .ant-popover-arrow {
  border-color: #475365 !important;
}
.ypt74Lrbu0 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._5pojyeKI\+\+ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.PE74riM4Lx {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.PE74riM4Lx .VOH6j1-JMz {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.BMrJvLLgGb {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.yKqGQMh-9f {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .yKqGQMh-9f {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.R1TZ4n\+cbu {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .G2dqv7mwFh {
    /* This is the key */
  }
  .G2dqv7mwFh html,
  .G2dqv7mwFh body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .G2dqv7mwFh body,
  .G2dqv7mwFh div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .G2dqv7mwFh textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .G2dqv7mwFh table,
  .G2dqv7mwFh tr,
  .G2dqv7mwFh td {
    page-break-inside: avoid;
  }
  .G2dqv7mwFh div {
    page-break-inside: avoid;
  }
  .G2dqv7mwFh thead {
    display: table-header-group;
  }
  .G2dqv7mwFh tfoot {
    display: table-footer-group;
  }
  .G2dqv7mwFh * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .G2dqv7mwFh .USmf1AmWC5,
  .G2dqv7mwFh .no-print,
  .G2dqv7mwFh .react-resizable-handle,
  .G2dqv7mwFh .fc-whiteboard-toolbar,
  .G2dqv7mwFh .ant-modal-root,
  .G2dqv7mwFh .ant-alert,
  .G2dqv7mwFh .dz3KunniEw,
  .G2dqv7mwFh .fBmb9yS1QV {
    display: none !important;
  }
  .G2dqv7mwFh .-OfjLMpW08 {
    display: none !important;
  }
}
.GOjPyL3i\+3 {
  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;
  position: relative;
  width: 200px;
  height: 160px;
  background-color: white;
  font-size: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  border: rgba(0, 0, 0, 0.25) 1px solid;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
}
.GOjPyL3i\+3 .kWPs4J3rw1 {
  font-weight: bold;
  color: black;
}
.GOjPyL3i\+3:hover {
  background-color: rgba(23, 119, 121, 0.4);
}
.wQhXmRe708 {
  background-color: rgba(23, 119, 121, 0.4);
}
.IzSc1-s9kw {
  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;
  position: relative;
  width: 200px;
  height: 160px;
  background-color: #ddd;
  font-size: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  border: rgba(0, 0, 0, 0.25) 1px solid;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
}
.IzSc1-s9kw .kWPs4J3rw1 {
  font-weight: bold;
  color: black;
}
.g9JHZtxmQk {
  background-color: rgba(23, 119, 121, 0.8) !important;
}
.g9JHZtxmQk {
  border: black rgba(23, 119, 121, 0.8) solid;
  color: white;
}
.g9JHZtxmQk .kWPs4J3rw1 {
  color: white;
}

.mfxQVZn6h\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.\+QTjv6ZjSt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-transfer-list-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.ant-transfer-list-content-item-text {
  width: 100%;
}
.ant-transfer-list-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

._9yh0Xc9ezE .ant-steps-item-title {
  font-size: 12px;
}
._9yh0Xc9ezE .ant-steps-item-description {
  font-size: 10px;
}

.qrknkQ97Zu {
  width: 100%;
}
._1sZmqu9xe1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.wCCrcj84kt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wCCrcj84kt .olge\+aDY8F {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 4px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.G8Icq9cPw5 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Bl3\+Ur3H-0 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.DCT5MqdpBk {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.DCT5MqdpBk > i,
.DCT5MqdpBk > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JH7-kOvsl8 {
  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;
}
.NZH31AbH0x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.NeVx9JSwVk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hQHXYdJMUE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.xJ1phh8AkW {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.F\+OBP9H5iR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.JqNrUyCyeR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.JqNrUyCyeR .yN0TxXqEDt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.JqNrUyCyeR .yN0TxXqEDt > span {
  color: rgba(0, 0, 0, 0.65);
}
.WpGAyYTldX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.WpGAyYTldX .jwcFz6pAra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.WpGAyYTldX .jwcFz6pAra > span {
  font-size: 8px;
}
.sq5asyQV0H .ant-popover-inner-content {
  padding: 0;
}
.sq5asyQV0H .ant-popover-arrow {
  border-color: #475365 !important;
}
.sq5asyQV0H .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.gzwePbZVX5 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.wkiE5I7YOs {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.wkiE5I7YOs .zP\+S9GxarI {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.CilsQhxFhV {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._4zKdlwD8Jc {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._4zKdlwD8Jc {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.EEyLn7BWNW {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .H7\+WKzu2wq {
    /* This is the key */
  }
  .H7\+WKzu2wq html,
  .H7\+WKzu2wq body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .H7\+WKzu2wq body,
  .H7\+WKzu2wq div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .H7\+WKzu2wq textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .H7\+WKzu2wq table,
  .H7\+WKzu2wq tr,
  .H7\+WKzu2wq td {
    page-break-inside: avoid;
  }
  .H7\+WKzu2wq div {
    page-break-inside: avoid;
  }
  .H7\+WKzu2wq thead {
    display: table-header-group;
  }
  .H7\+WKzu2wq tfoot {
    display: table-footer-group;
  }
  .H7\+WKzu2wq * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .H7\+WKzu2wq .qmvP\+kIjTk,
  .H7\+WKzu2wq .no-print,
  .H7\+WKzu2wq .react-resizable-handle,
  .H7\+WKzu2wq .fc-whiteboard-toolbar,
  .H7\+WKzu2wq .ant-modal-root,
  .H7\+WKzu2wq .ant-alert,
  .H7\+WKzu2wq .cI5CaasvD9,
  .H7\+WKzu2wq .rckiOznN5w {
    display: none !important;
  }
  .H7\+WKzu2wq .QeAAtxPfuu {
    display: none !important;
  }
}
.DdcMgiRtq9 {
  background: #fff;
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  border-radius: 2px;
}
.gSYsb4i4ve {
  height: 44px;
  background: #fafafa;
  border: 1px solid #e9e9e9;
  border-radius: 3px 3px 0 0;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gSYsb4i4ve .OMjwSksz6T {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.gSYsb4i4ve .OMjwSksz6T .ant-radio-button-wrapper-checked {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gSYsb4i4ve .OMjwSksz6T .ant-btn-danger {
  background: none;
  color: #ff4d4f;
}
.CHaRJuq282 {
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}
.CHaRJuq282 ._8a92OP8H9K {
  width: 100px;
  height: 100px;
}
.CHaRJuq282 .gE6kJAM592 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  height: 90%;
  margin-left: 16px;
}
.CHaRJuq282 .gE6kJAM592 .quJ3jgHAr2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.QOSXZ6\+vd2 {
  padding: 0 16px;
}
.QOSXZ6\+vd2 .yGY3vCgwrH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 40px;
  margin-left: 115px;
}
.QOSXZ6\+vd2 .yGY3vCgwrH i.anticon {
  color: #6874e2;
}
.QOSXZ6\+vd2 .ant-table-small {
  border: none;
}
.QOSXZ6\+vd2 thead {
  background: #fafafa;
}

.lYqw3jlD4M {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 12px;
}
.lYqw3jlD4M .f-jnSBVav7 {
  padding: 24px;
}
.lYqw3jlD4M .iYvHp9M9fe {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.lYqw3jlD4M .iYvHp9M9fe .eMHQicMd7R {
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 12px;
}
.lYqw3jlD4M .iYvHp9M9fe .Dxwy\+gGtC4 {
  margin-top: 24px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.\+lOkyfsWuX {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.W1YNYYu8p4 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.TXVGbCdy-B {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.TXVGbCdy-B > i,
.TXVGbCdy-B > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h187Z-NAPe {
  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;
}
._2ddA6Kq3J7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._2PkPeluq9L {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.y5Gtyp5AZN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.k1RGb\+RwsL {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pA-Ligdmbh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._54Z\+\+aOxwe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._54Z\+\+aOxwe ._2HuUEyKH7H {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._54Z\+\+aOxwe ._2HuUEyKH7H > span {
  color: rgba(0, 0, 0, 0.65);
}
._7Oe5FlF1VD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._7Oe5FlF1VD ._0cOYPv49Gl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._7Oe5FlF1VD ._0cOYPv49Gl > span {
  font-size: 8px;
}
.p7nde79yAz .ant-popover-inner-content {
  padding: 0;
}
.p7nde79yAz .ant-popover-arrow {
  border-color: #475365 !important;
}
.p7nde79yAz .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Egga-\+fO1L {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.ty1tcDUSbo {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.ty1tcDUSbo .M6qf\+8uJ95 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.x58js7Z8Uq {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.dPZZAzKBIJ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .dPZZAzKBIJ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.uHoKbTyC9P {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .S2LW5uTCoX {
    /* This is the key */
  }
  .S2LW5uTCoX html,
  .S2LW5uTCoX body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .S2LW5uTCoX body,
  .S2LW5uTCoX div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .S2LW5uTCoX textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .S2LW5uTCoX table,
  .S2LW5uTCoX tr,
  .S2LW5uTCoX td {
    page-break-inside: avoid;
  }
  .S2LW5uTCoX div {
    page-break-inside: avoid;
  }
  .S2LW5uTCoX thead {
    display: table-header-group;
  }
  .S2LW5uTCoX tfoot {
    display: table-footer-group;
  }
  .S2LW5uTCoX * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .S2LW5uTCoX .mSvUZ6i7Me,
  .S2LW5uTCoX .no-print,
  .S2LW5uTCoX .react-resizable-handle,
  .S2LW5uTCoX .fc-whiteboard-toolbar,
  .S2LW5uTCoX .ant-modal-root,
  .S2LW5uTCoX .ant-alert,
  .S2LW5uTCoX .WoTmvfAwAg,
  .S2LW5uTCoX .YiLAPojTF2 {
    display: none !important;
  }
  .S2LW5uTCoX .Yv0ggDMzAZ {
    display: none !important;
  }
}
.nWgrBdeohn {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}
.nWgrBdeohn .eOA5H7Ml6D {
  min-width: 275px;
  height: 40px;
  line-height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nWgrBdeohn ._31h9W5pEjL {
  position: fixed;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  z-index: 999;
}
.ld1pvAdxhY {
  height: calc(100% - 50px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.VMMgk9F07Y {
  padding: 24px;
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.VMMgk9F07Y ._6fPMREtjBm {
  margin-bottom: 12px;
}
.VMMgk9F07Y ._6fPMREtjBm .KLFK918\+dQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}
.VMMgk9F07Y ._6fPMREtjBm .KLFK918\+dQ > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.VMMgk9F07Y ._6fPMREtjBm .P46rgC5eY1 {
  font-size: 16px;
}
.VMMgk9F07Y ._6fPMREtjBm .P46rgC5eY1 .ant-progress-bg {
  height: 15px !important;
}
.VMMgk9F07Y ._6fPMREtjBm .P46rgC5eY1 .ant-progress-outer {
  width: 80%;
}
.VMMgk9F07Y ._6fPMREtjBm .P46rgC5eY1 .ant-progress-text {
  font-size: 36px;
  margin-left: 16px;
  color: #6874e2;
}
.VMMgk9F07Y ._6fPMREtjBm .eMO1eDGaHV .ant-progress-text {
  color: red;
}
.VMMgk9F07Y .OIniBbXSiU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 12px;
}
.VMMgk9F07Y .OIniBbXSiU ._02KCCNM989 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.VMMgk9F07Y .OIniBbXSiU ._02KCCNM989 .qct1k5aC6u {
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 12px;
}

.Lyjku8N4IC {
  margin-top: 24px;
  width: 100%;
}
.Lyjku8N4IC .ys7RwTEGsx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Lyjku8N4IC .ant-form-item {
  margin-bottom: 24px;
}
.Lyjku8N4IC .ant-legacy-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Lyjku8N4IC .ant-form-horizontal .ant-row:nth-child(6) .ant-form-explain {
  margin-left: 135px;
}
.Lyjku8N4IC .ant-select-dropdown {
  z-index: 999;
}
.Lyjku8N4IC .ant-select-selection-item {
  width: 98%;
  margin-right: 0;
}
.Lyjku8N4IC .ant-select-selection-item-content {
  width: 95%;
}
.ctDKKQzSER {
  width: 406px;
}
.ctDKKQzSER span {
  margin-bottom: 8px;
}
.hBY2F8CFsI {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.p8z3C8RJYm {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.vOHxeYOfcX {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.YPZxHSIfEr {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YPZxHSIfEr > i,
.YPZxHSIfEr > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._2Biuquf79v {
  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;
}
._9Ze8y8Hp\+w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pP3PkOcdQD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.D2gd3U9Gg4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.bpqtXcHEZ\+ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.FqEb39G66j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._0crdZBU934 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._0crdZBU934 ._3htgs944Bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._0crdZBU934 ._3htgs944Bt > span {
  color: rgba(0, 0, 0, 0.65);
}
._5nMkrlLPe1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._5nMkrlLPe1 ._2drQ1Mh3l8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._5nMkrlLPe1 ._2drQ1Mh3l8 > span {
  font-size: 8px;
}
.SvZMsD\+4Ws .ant-popover-inner-content {
  padding: 0;
}
.SvZMsD\+4Ws .ant-popover-arrow {
  border-color: #475365 !important;
}
.SvZMsD\+4Ws .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.f\+nZDhEKZG {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.o-7u\+Ff\+Zq {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.o-7u\+Ff\+Zq .QF0vbAhWiM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.ogKwC8iptx {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.gUWNje10ip {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .gUWNje10ip {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.\-8wkyVpbn6 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .sTULidz0G\+ {
    /* This is the key */
  }
  .sTULidz0G\+ html,
  .sTULidz0G\+ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .sTULidz0G\+ body,
  .sTULidz0G\+ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .sTULidz0G\+ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .sTULidz0G\+ table,
  .sTULidz0G\+ tr,
  .sTULidz0G\+ td {
    page-break-inside: avoid;
  }
  .sTULidz0G\+ div {
    page-break-inside: avoid;
  }
  .sTULidz0G\+ thead {
    display: table-header-group;
  }
  .sTULidz0G\+ tfoot {
    display: table-footer-group;
  }
  .sTULidz0G\+ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .sTULidz0G\+ .L-Yf1KO-On,
  .sTULidz0G\+ .no-print,
  .sTULidz0G\+ .react-resizable-handle,
  .sTULidz0G\+ .fc-whiteboard-toolbar,
  .sTULidz0G\+ .ant-modal-root,
  .sTULidz0G\+ .ant-alert,
  .sTULidz0G\+ .JV1lh7AEdY,
  .sTULidz0G\+ .eHSe3FbcfY {
    display: none !important;
  }
  .sTULidz0G\+ .jntGbB2wyQ {
    display: none !important;
  }
}
.ORspSUK2kb {
  overflow: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ORspSUK2kb .ant-alert-close-icon {
  top: 12px;
}
.O8GTWL1fy7 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.C-rX-XeR3P {
  width: 100%;
  position: relative;
  padding-bottom: 40px;
}
.C-rX-XeR3P .DopfpMdCzh {
  background: white;
  padding: 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  padding-bottom: 0;
}
.C-rX-XeR3P .Y3Y9sA\+bbJ {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.C-rX-XeR3P .Y3Y9sA\+bbJ > form {
  width: 600px;
}
.C-rX-XeR3P .eZ4usWCR1u {
  font-family: PingFangSC-Medium;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  margin-right: 24px;
}
.C-rX-XeR3P .eZ4usWCR1u span.z8jYtkX3SS {
  color: #6874e2;
}
.C-rX-XeR3P .MIpI5Go2cQ {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-left: 16px;
}
.nNAJiZyh0X {
  padding: 16px;
  padding-bottom: 0;
}
.nNAJiZyh0X .DhBxm-aLwW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nNAJiZyh0X .DhBxm-aLwW .fc-gallery-carousel-thumbnail {
  margin-right: 8px;
}
.nNAJiZyh0X .DhBxm-aLwW .fc-gallery-carousel-thumbnail .fc-gallery-carousel-thumbnail-icons svg > g > path:first-child {
  fill: rgba(0, 0, 0, 0.45) !important;
}
._9Qu0zzF8m6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._4YmMhb44iH {
  color: #f5222d;
  cursor: pointer;
}
.ScpguhPSc9 {
  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;
  height: 60px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.SkAVnd38gO {
  color: rgba(0, 0, 0, 0.45);
}
.SkAVnd38gO > div {
  margin-bottom: 4px;
}

._3MififtlFy {
  width: 100%;
  height: 80px;
  padding: 8px 24px;
  padding-left: 11px;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._3MififtlFy span {
  font-size: 14px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.AVCpd0yeaw {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.cbrrLRDZJc {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.dA8CZ2vWqq {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dA8CZ2vWqq > i,
.dA8CZ2vWqq > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.KRli7Xhhi0 {
  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;
}
.r6v41M9rwF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.-kVcXynYi6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mxGh-H184H {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.h1XQDVxg9g {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aIkb2m5fHy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fQR0Ri6tZ- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.fQR0Ri6tZ- .tgnV-pEHdr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.fQR0Ri6tZ- .tgnV-pEHdr > span {
  color: rgba(0, 0, 0, 0.65);
}
.oPV5lc-fIz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.oPV5lc-fIz ._92to3t8OtZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.oPV5lc-fIz ._92to3t8OtZ > span {
  font-size: 8px;
}
.hgF-9q2DCE .ant-popover-inner-content {
  padding: 0;
}
.hgF-9q2DCE .ant-popover-arrow {
  border-color: #475365 !important;
}
.hgF-9q2DCE .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ZuGSwKP3Eq {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._4piTB5sPAq {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._4piTB5sPAq ._2tFxtGiWyW {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.OWMZSeqnhK {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.fLNhMg0tQb {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .fLNhMg0tQb {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.vbhHxbwaeV {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .UUdInkVfYO {
    /* This is the key */
  }
  .UUdInkVfYO html,
  .UUdInkVfYO body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .UUdInkVfYO body,
  .UUdInkVfYO div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .UUdInkVfYO textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .UUdInkVfYO table,
  .UUdInkVfYO tr,
  .UUdInkVfYO td {
    page-break-inside: avoid;
  }
  .UUdInkVfYO div {
    page-break-inside: avoid;
  }
  .UUdInkVfYO thead {
    display: table-header-group;
  }
  .UUdInkVfYO tfoot {
    display: table-footer-group;
  }
  .UUdInkVfYO * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .UUdInkVfYO .llkVi57vf2,
  .UUdInkVfYO .no-print,
  .UUdInkVfYO .react-resizable-handle,
  .UUdInkVfYO .fc-whiteboard-toolbar,
  .UUdInkVfYO .ant-modal-root,
  .UUdInkVfYO .ant-alert,
  .UUdInkVfYO .Fu2MUm2hVj,
  .UUdInkVfYO .Fjlw2K2OH5 {
    display: none !important;
  }
  .UUdInkVfYO .CZDjdwDSCd {
    display: none !important;
  }
}
.-KYb3UitBU {
  width: 100%;
}
.lWUc-O8thf {
  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;
  padding: 0 8px;
  width: 100%;
  max-width: 400px;
  overflow-x: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lWUc-O8thf .gVjh-Sx2si {
  height: 20px;
  width: 30px;
  background-color: #44d7b6;
  margin-right: 8px;
  border-radius: 4px;
}
.XWUFQ2bPRu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  max-width: 400px;
  overflow-x: auto;
}

.jNUx8DYqhd {
  width: 450px;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background: #475365;
}
._6BRbKqllkc {
  width: 150px;
}
._6BRbKqllkc .sN3IK0RMdS {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
._6BRbKqllkc .sN3IK0RMdS {
  height: 150px;
}
._1EYiruS0AI {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  margin-left: 24px;
  font-size: 14px;
  color: white;
}
._1EYiruS0AI .qU1YR6Oi8a > div,
._1EYiruS0AI .qU1YR6Oi8a > a {
  margin: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._1EYiruS0AI ._8nZU6GM0MU button {
  margin-right: 8px;
}
._1EYiruS0AI .fzPxS9ZrIM {
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: -60px;
  left: 0;
  background: #475365;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._1EYiruS0AI .fzPxS9ZrIM .anticon {
  color: white;
  cursor: pointer;
}
._8nZU6GM0MU {
  margin-top: 8px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Ittertky5\+ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ve8tN9A15e {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._59oCBR5\+bV {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._59oCBR5\+bV > i,
._59oCBR5\+bV > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.r7hYs4EPVb {
  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;
}
.qZuuN\+vf6S {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Be1hZ0uHuS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.iVGZRLuR53 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Wio3TmG921 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rVhpJQ5WKt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hg5My46Fea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.hg5My46Fea .-qn1Q2cpCY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.hg5My46Fea .-qn1Q2cpCY > span {
  color: rgba(0, 0, 0, 0.65);
}
.yl7X8HH\+hg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.yl7X8HH\+hg ._2NTBo0OPva {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.yl7X8HH\+hg ._2NTBo0OPva > span {
  font-size: 8px;
}
.z1LdxCxZY\+ .ant-popover-inner-content {
  padding: 0;
}
.z1LdxCxZY\+ .ant-popover-arrow {
  border-color: #475365 !important;
}
.z1LdxCxZY\+ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.y8wngKseVo {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.TdQh\+HM1S4 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.TdQh\+HM1S4 .ozNBAiKpPq {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.BpBoZ2SXFk {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.RIpTuQjYRl {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .RIpTuQjYRl {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.kLYHieozTn {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .YGUrrr-87q {
    /* This is the key */
  }
  .YGUrrr-87q html,
  .YGUrrr-87q body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .YGUrrr-87q body,
  .YGUrrr-87q div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .YGUrrr-87q textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .YGUrrr-87q table,
  .YGUrrr-87q tr,
  .YGUrrr-87q td {
    page-break-inside: avoid;
  }
  .YGUrrr-87q div {
    page-break-inside: avoid;
  }
  .YGUrrr-87q thead {
    display: table-header-group;
  }
  .YGUrrr-87q tfoot {
    display: table-footer-group;
  }
  .YGUrrr-87q * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .YGUrrr-87q ._9GD\+dzqK6\+,
  .YGUrrr-87q .no-print,
  .YGUrrr-87q .react-resizable-handle,
  .YGUrrr-87q .fc-whiteboard-toolbar,
  .YGUrrr-87q .ant-modal-root,
  .YGUrrr-87q .ant-alert,
  .YGUrrr-87q .euKEFSlkNO,
  .YGUrrr-87q .Q9h96Bb02u {
    display: none !important;
  }
  .YGUrrr-87q .wjRb9YGQvp {
    display: none !important;
  }
}
.BAPWZJHXWS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 8px;
  width: 100%;
  max-width: 400px;
  overflow-x: auto;
}
.BAPWZJHXWS ._2aiXKkU8YY {
  height: 20px;
  width: 30px;
  background-color: #44d7b6;
  margin-right: 8px;
  border-radius: 4px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.rmUTJMO3DH {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.BcDohnCg0e {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.aLNz4eAGim {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.aLNz4eAGim > i,
.aLNz4eAGim > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rz973fMXbK {
  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;
}
.wivSGHwpJF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.q18qnSlJR4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.yIoBDOhVn8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.gGDpZrBZPD {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bMaR1TqmA9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.-z-U4TNCvS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.-z-U4TNCvS .xcC-WA\+R0p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.-z-U4TNCvS .xcC-WA\+R0p > span {
  color: rgba(0, 0, 0, 0.65);
}
.z99983eBYV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.z99983eBYV ._133aH0LNmN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.z99983eBYV ._133aH0LNmN > span {
  font-size: 8px;
}
.okB6gR2deV .ant-popover-inner-content {
  padding: 0;
}
.okB6gR2deV .ant-popover-arrow {
  border-color: #475365 !important;
}
.okB6gR2deV .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.VN7Klwy9DH {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.n9qK75pZez {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.n9qK75pZez .hnYzN0XjvH {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.k2TVWVuwap {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._8sXnJ0lPb5 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._8sXnJ0lPb5 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.FpYSYZEluV {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .gX3BV5fIzR {
    /* This is the key */
  }
  .gX3BV5fIzR html,
  .gX3BV5fIzR body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .gX3BV5fIzR body,
  .gX3BV5fIzR div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .gX3BV5fIzR textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .gX3BV5fIzR table,
  .gX3BV5fIzR tr,
  .gX3BV5fIzR td {
    page-break-inside: avoid;
  }
  .gX3BV5fIzR div {
    page-break-inside: avoid;
  }
  .gX3BV5fIzR thead {
    display: table-header-group;
  }
  .gX3BV5fIzR tfoot {
    display: table-footer-group;
  }
  .gX3BV5fIzR * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .gX3BV5fIzR .I9cr-2zXKC,
  .gX3BV5fIzR .no-print,
  .gX3BV5fIzR .react-resizable-handle,
  .gX3BV5fIzR .fc-whiteboard-toolbar,
  .gX3BV5fIzR .ant-modal-root,
  .gX3BV5fIzR .ant-alert,
  .gX3BV5fIzR .JPtWJcl4rB,
  .gX3BV5fIzR .q4kZMVDR1M {
    display: none !important;
  }
  .gX3BV5fIzR .cDjJ1GI-33 {
    display: none !important;
  }
}
.fGwMV\+IMyJ {
  width: 450px;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background: #475365;
}
.BwYhCYlSNO {
  width: 150px;
  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;
}
.q\+wtIvx3kI {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  margin-left: 24px;
  font-size: 14px;
  color: white;
}
.q\+wtIvx3kI .TsFQbFPfSx > div {
  margin: 4px 0;
}
.q\+wtIvx3kI ._0MVo8\+HYsE button {
  margin-right: 8px;
}
.q\+wtIvx3kI .Y37-IPbu5P {
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: -60px;
  left: 0;
  background: #475365;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.q\+wtIvx3kI .Y37-IPbu5P .anticon {
  color: white;
  cursor: pointer;
}
._0MVo8\+HYsE {
  margin-top: 8px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.YFgYH9GPbo {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ktIk4AUmwp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Ox5WFXJPf- {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Ox5WFXJPf- > i,
.Ox5WFXJPf- > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FvYZQ3sVLV {
  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;
}
.vq8UpQ\+tgN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.RpfJx8ljJB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.RANPj4QoOH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.tAV1MCMZNn {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2xce7lSnuu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.A2ObrxU7dG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.A2ObrxU7dG .xlEFri9KDi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.A2ObrxU7dG .xlEFri9KDi > span {
  color: rgba(0, 0, 0, 0.65);
}
.Os3sLLH3Dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Os3sLLH3Dd .MPK9y2V8p2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Os3sLLH3Dd .MPK9y2V8p2 > span {
  font-size: 8px;
}
.Mjq-cp-O6o .ant-popover-inner-content {
  padding: 0;
}
.Mjq-cp-O6o .ant-popover-arrow {
  border-color: #475365 !important;
}
.Mjq-cp-O6o .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._5zdaWWsEYV {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._6-x\+tnfVpr {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._6-x\+tnfVpr .Dgb9f0GZ\+4 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.gaUlBbs41a {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.waYWTrPJWc {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .waYWTrPJWc {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.si2hWuadMw {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Va8URqYvhG {
    /* This is the key */
  }
  .Va8URqYvhG html,
  .Va8URqYvhG body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Va8URqYvhG body,
  .Va8URqYvhG div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Va8URqYvhG textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Va8URqYvhG table,
  .Va8URqYvhG tr,
  .Va8URqYvhG td {
    page-break-inside: avoid;
  }
  .Va8URqYvhG div {
    page-break-inside: avoid;
  }
  .Va8URqYvhG thead {
    display: table-header-group;
  }
  .Va8URqYvhG tfoot {
    display: table-footer-group;
  }
  .Va8URqYvhG * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Va8URqYvhG .q8ox\+pXFjH,
  .Va8URqYvhG .no-print,
  .Va8URqYvhG .react-resizable-handle,
  .Va8URqYvhG .fc-whiteboard-toolbar,
  .Va8URqYvhG .ant-modal-root,
  .Va8URqYvhG .ant-alert,
  .Va8URqYvhG .lmlgecQvWg,
  .Va8URqYvhG .ny33XE1LLf {
    display: none !important;
  }
  .Va8URqYvhG .RvgJlmRRed {
    display: none !important;
  }
}
.dq3QJidamz {
  position: relative;
  height: 80px;
}
._3HVVqceIDS {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
}
.nIDi3Azo8F {
  -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.45);
          box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.45);
}
.zSTd8awShp {
  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;
  width: 100%;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-size: cover;
}
.zSTd8awShp .s4v8pb4d9O {
  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;
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.45);
  color: white;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.jLDVVsKVSC {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Y3RZT1Gq6G {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.znGPdVWR0J {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.znGPdVWR0J > i,
.znGPdVWR0J > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.oFz1afvmd3 {
  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;
}
.bgBxv8GDnf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bSTJxaNJns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vPxHBmmJ72 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mCgb0pAn\+6 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.EFawyH9vmY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8QR-VWuPuN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._8QR-VWuPuN .po-2llOwIK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._8QR-VWuPuN .po-2llOwIK > span {
  color: rgba(0, 0, 0, 0.65);
}
.YRRKMjCaZa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YRRKMjCaZa .g3-ooVN5BA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YRRKMjCaZa .g3-ooVN5BA > span {
  font-size: 8px;
}
.qL\+TGYYplO .ant-popover-inner-content {
  padding: 0;
}
.qL\+TGYYplO .ant-popover-arrow {
  border-color: #475365 !important;
}
.qL\+TGYYplO .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.kuWAKVdPSr {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.QLrCIDDBEh {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.QLrCIDDBEh .z5Nlt1RKs9 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.wKWby0Qnl8 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.eisgE8ykTR {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .eisgE8ykTR {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._9fgPAAdYjT {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .xg0vJwqqmn {
    /* This is the key */
  }
  .xg0vJwqqmn html,
  .xg0vJwqqmn body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .xg0vJwqqmn body,
  .xg0vJwqqmn div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .xg0vJwqqmn textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .xg0vJwqqmn table,
  .xg0vJwqqmn tr,
  .xg0vJwqqmn td {
    page-break-inside: avoid;
  }
  .xg0vJwqqmn div {
    page-break-inside: avoid;
  }
  .xg0vJwqqmn thead {
    display: table-header-group;
  }
  .xg0vJwqqmn tfoot {
    display: table-footer-group;
  }
  .xg0vJwqqmn * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .xg0vJwqqmn .exjOdCRC7S,
  .xg0vJwqqmn .no-print,
  .xg0vJwqqmn .react-resizable-handle,
  .xg0vJwqqmn .fc-whiteboard-toolbar,
  .xg0vJwqqmn .ant-modal-root,
  .xg0vJwqqmn .ant-alert,
  .xg0vJwqqmn .Ay1r\+IQYPQ,
  .xg0vJwqqmn .wS8ynXYCwl {
    display: none !important;
  }
  .xg0vJwqqmn .zlbl\+iep7B {
    display: none !important;
  }
}
._0ejQbWIqwj {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  width: 100%;
  height: 100px;
  padding: 0 16px;
}
.r65TCwg3FU {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 150px;
          flex: 0 0 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.r65TCwg3FU p {
  margin: 0;
}
._0pGewsaDNv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  min-width: 500px;
  padding: 8px 16px;
  background: #e8e8e8;
}
._0pGewsaDNv ._24z84rZpiV {
  margin-right: 16px;
}
.JNyCJ5DkSb {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.XiUQjpcqAy {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kI6qGMu4vh {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Omu1urBzF1 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Omu1urBzF1 > i,
.Omu1urBzF1 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.giDL3QdwNy {
  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;
}
._2OROnZr\+dA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.KDsZwhwVcO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.GnEJFNXQ\+n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.fSqnqKVTOG {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3cAz6jMsKZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.-jiVuaGdHI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.-jiVuaGdHI .XdUwGaR8de {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.-jiVuaGdHI .XdUwGaR8de > span {
  color: rgba(0, 0, 0, 0.65);
}
.rSOJM-5HJT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rSOJM-5HJT .HTF264l49i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rSOJM-5HJT .HTF264l49i > span {
  font-size: 8px;
}
.Dcw6RrZDZH .ant-popover-inner-content {
  padding: 0;
}
.Dcw6RrZDZH .ant-popover-arrow {
  border-color: #475365 !important;
}
.Dcw6RrZDZH .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.oq9uHMsLd4 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.QSKCsi33-h {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.QSKCsi33-h .sTLbiWhRt6 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._6wuJVjjvri {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.FecYSSiWW4 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .FecYSSiWW4 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._7\+adcmEanR {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._73HF0HACLY {
    /* This is the key */
  }
  ._73HF0HACLY html,
  ._73HF0HACLY body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._73HF0HACLY body,
  ._73HF0HACLY div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._73HF0HACLY textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._73HF0HACLY table,
  ._73HF0HACLY tr,
  ._73HF0HACLY td {
    page-break-inside: avoid;
  }
  ._73HF0HACLY div {
    page-break-inside: avoid;
  }
  ._73HF0HACLY thead {
    display: table-header-group;
  }
  ._73HF0HACLY tfoot {
    display: table-footer-group;
  }
  ._73HF0HACLY * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._73HF0HACLY .pAL4VTZfR\+,
  ._73HF0HACLY .no-print,
  ._73HF0HACLY .react-resizable-handle,
  ._73HF0HACLY .fc-whiteboard-toolbar,
  ._73HF0HACLY .ant-modal-root,
  ._73HF0HACLY .ant-alert,
  ._73HF0HACLY .CdtNzUfhRZ,
  ._73HF0HACLY .xYz9m8dKSe {
    display: none !important;
  }
  ._73HF0HACLY .eDyaTxlshK {
    display: none !important;
  }
}
.U4KTfL0f1K {
  position: relative;
  padding: 16px;
  height: calc(100% - 90px);
}
.mPfUuwHcYG {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 16px;
}
.s4ztiP-Sa5 {
  position: relative;
  height: 100%;
}
.s4ztiP-Sa5 .CWOQ42Z1mF {
  height: 45px;
  line-height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
  padding: 0 24px;
}
.s4ztiP-Sa5 .CWOQ42Z1mF h3 {
  line-height: 45px;
  margin: 0;
}
.s4ztiP-Sa5 .xBwlHTSIAa {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 295px;
          flex: 0 0 295px;
  -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: 100%;
}
.s4ztiP-Sa5 .xBwlHTSIAa > div:last-child {
  height: calc(100% - 50px);
  overflow-y: auto;
}
.s4ztiP-Sa5 .xBwlHTSIAa > div:last-child .tf81FHQWfD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.s4ztiP-Sa5 .xBwlHTSIAa > div:last-child .tf81FHQWfD > div {
  margin: 8px;
}
.s4ztiP-Sa5 .kX0ZijnDxA {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  margin-left: 36px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  height: 100%;
}
.s4ztiP-Sa5 .kX0ZijnDxA .xJtJl5Xvqn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: vertical;
          flex-direction: vertical;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: calc(100% - 50px);
  overflow-y: auto;
  padding-top: 16px;
}
.eOTrbxys-C {
  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;
  height: 60px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.efRflhZabb {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.X4fsC8L\+h1 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._9tbWoWN5ys {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._9tbWoWN5ys > i,
._9tbWoWN5ys > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ZTXS20pgSG {
  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;
}
.yEFV4uMh4N {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ik-NsoHqqB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ZWcxNJdYiC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.QB1ZuKM7BQ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lXqSLoXCKg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.oWPPz7kynk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.oWPPz7kynk .o-R-fTGYD2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.oWPPz7kynk .o-R-fTGYD2 > span {
  color: rgba(0, 0, 0, 0.65);
}
.UZuXyDMtBV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.UZuXyDMtBV .kMb2S-T2cj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.UZuXyDMtBV .kMb2S-T2cj > span {
  font-size: 8px;
}
.RrpfLu4Kdh .ant-popover-inner-content {
  padding: 0;
}
.RrpfLu4Kdh .ant-popover-arrow {
  border-color: #475365 !important;
}
.RrpfLu4Kdh .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.xLkNvkuK3n {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.XI-yMuexM9 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.XI-yMuexM9 .LoFltZjbs3 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._1D6FWNa1gR {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.J4i7jn6-Uz {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .J4i7jn6-Uz {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.PpAMewAMfh {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .chJ02ZcTN8 {
    /* This is the key */
  }
  .chJ02ZcTN8 html,
  .chJ02ZcTN8 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .chJ02ZcTN8 body,
  .chJ02ZcTN8 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .chJ02ZcTN8 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .chJ02ZcTN8 table,
  .chJ02ZcTN8 tr,
  .chJ02ZcTN8 td {
    page-break-inside: avoid;
  }
  .chJ02ZcTN8 div {
    page-break-inside: avoid;
  }
  .chJ02ZcTN8 thead {
    display: table-header-group;
  }
  .chJ02ZcTN8 tfoot {
    display: table-footer-group;
  }
  .chJ02ZcTN8 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .chJ02ZcTN8 .DJ18HNEwFb,
  .chJ02ZcTN8 .no-print,
  .chJ02ZcTN8 .react-resizable-handle,
  .chJ02ZcTN8 .fc-whiteboard-toolbar,
  .chJ02ZcTN8 .ant-modal-root,
  .chJ02ZcTN8 .ant-alert,
  .chJ02ZcTN8 .UTAFDM6rxq,
  .chJ02ZcTN8 .\+sMy2XsJbc {
    display: none !important;
  }
  .chJ02ZcTN8 .IukGecNXwb {
    display: none !important;
  }
}
.bFvL1fKfbe {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 16px;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 180px);
}
.r8EwJix-MN ._6Np-\+7CU5B {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: PingFangSC-Medium;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
  height: 36px;
  line-height: 36px;
}
.r8EwJix-MN .Rxb-Wd6Eil {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 16px;
  margin-top: 16px;
}
.r8EwJix-MN .YiLb0PeuR\+ {
  margin: 8px 0;
}
.QtrgatARJn {
  height: calc(100% - 45px);
}
.R\+gEgYS1kI {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  overflow: auto;
}
.I6Vu4C94lk {
  width: 100%;
  height: 45px;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._9juNnEdpeb .ant-popover-inner-content {
  padding: 0;
}
._9juNnEdpeb .ant-popover-arrow {
  border-top-color: #475365 !important;
  border-left-color: #475365 !important;
}
.OmrHIfS982 {
  font-weight: bold;
  margin: 0 4px;
}

.FfTaT7cXsG {
  width: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.jXQbroPQSV {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.qAiAD5ZdCb {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._09HRg4KDOp {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._09HRg4KDOp > i,
._09HRg4KDOp > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._22XjzY00Tf {
  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;
}
._5XftswEbMa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.B9o8XVpdgx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vx3vul42wh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.AJr6Oo3yO2 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hZlpLCAWxj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.fRG\+gPBGqP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.fRG\+gPBGqP .ligz-178DI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.fRG\+gPBGqP .ligz-178DI > span {
  color: rgba(0, 0, 0, 0.65);
}
.YLtAuhqtnU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YLtAuhqtnU .flOGSBalpi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YLtAuhqtnU .flOGSBalpi > span {
  font-size: 8px;
}
._8y6fOdn4Ax .ant-popover-inner-content {
  padding: 0;
}
._8y6fOdn4Ax .ant-popover-arrow {
  border-color: #475365 !important;
}
._8y6fOdn4Ax .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.EKXg4Q\+sOk {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.nHtBKsI14E {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.nHtBKsI14E .efedvE4uH8 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Q-ZLtydYHs {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._7lyDqfvmGm {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._7lyDqfvmGm {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.CbvUbYDK89 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .-vqOkrJNu9 {
    /* This is the key */
  }
  .-vqOkrJNu9 html,
  .-vqOkrJNu9 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .-vqOkrJNu9 body,
  .-vqOkrJNu9 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .-vqOkrJNu9 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .-vqOkrJNu9 table,
  .-vqOkrJNu9 tr,
  .-vqOkrJNu9 td {
    page-break-inside: avoid;
  }
  .-vqOkrJNu9 div {
    page-break-inside: avoid;
  }
  .-vqOkrJNu9 thead {
    display: table-header-group;
  }
  .-vqOkrJNu9 tfoot {
    display: table-footer-group;
  }
  .-vqOkrJNu9 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .-vqOkrJNu9 ._6gdDq9S3d\+,
  .-vqOkrJNu9 .no-print,
  .-vqOkrJNu9 .react-resizable-handle,
  .-vqOkrJNu9 .fc-whiteboard-toolbar,
  .-vqOkrJNu9 .ant-modal-root,
  .-vqOkrJNu9 .ant-alert,
  .-vqOkrJNu9 .rjTrkx-mKC,
  .-vqOkrJNu9 .g4MZmH-vMr {
    display: none !important;
  }
  .-vqOkrJNu9 .a4PQeNoayz {
    display: none !important;
  }
}
.QlLh9xbTdS {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8hq2BEieM4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.kxlhQVaSOc {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ORPD1gLNkV {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.M2ANOSJ8KV {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.M2ANOSJ8KV > i,
.M2ANOSJ8KV > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gQA7lv\+MAW {
  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;
}
.wkP5Fy6MuF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.zNPhrFqdP7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.AdZDWsC9v\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.cGGlnQEiov {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._5C67oBsAAB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8wlbZHCWPQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._8wlbZHCWPQ .wHsgcZgHNN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._8wlbZHCWPQ .wHsgcZgHNN > span {
  color: rgba(0, 0, 0, 0.65);
}
.zw57cUvgak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zw57cUvgak .K-b6eH7ai8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.zw57cUvgak .K-b6eH7ai8 > span {
  font-size: 8px;
}
.DLvRZJeX-C .ant-popover-inner-content {
  padding: 0;
}
.DLvRZJeX-C .ant-popover-arrow {
  border-color: #475365 !important;
}
.DLvRZJeX-C .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.c501gQ87AJ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.f45tV2pLs7 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.f45tV2pLs7 .arDZfpkfxE {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.McGq2CnzGj {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._6uC\+JjwPE1 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._6uC\+JjwPE1 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.ygdYdZxmfA {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .TTt-J2hcJA {
    /* This is the key */
  }
  .TTt-J2hcJA html,
  .TTt-J2hcJA body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .TTt-J2hcJA body,
  .TTt-J2hcJA div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .TTt-J2hcJA textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .TTt-J2hcJA table,
  .TTt-J2hcJA tr,
  .TTt-J2hcJA td {
    page-break-inside: avoid;
  }
  .TTt-J2hcJA div {
    page-break-inside: avoid;
  }
  .TTt-J2hcJA thead {
    display: table-header-group;
  }
  .TTt-J2hcJA tfoot {
    display: table-footer-group;
  }
  .TTt-J2hcJA * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .TTt-J2hcJA .ikdNTk3h5q,
  .TTt-J2hcJA .no-print,
  .TTt-J2hcJA .react-resizable-handle,
  .TTt-J2hcJA .fc-whiteboard-toolbar,
  .TTt-J2hcJA .ant-modal-root,
  .TTt-J2hcJA .ant-alert,
  .TTt-J2hcJA .dOKACLzHaN,
  .TTt-J2hcJA .rOwc6qTtbo {
    display: none !important;
  }
  .TTt-J2hcJA .RT5O-XhaHT {
    display: none !important;
  }
}
.ypb8BxEeQV {
  overflow: hidden !important;
}
.ypb8BxEeQV {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 110px);
}
.lLe9QvHPjd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  height: calc(100% - 96px);
}
.lLe9QvHPjd .ant-tabs {
  width: 100%;
  height: 100%;
}
.lLe9QvHPjd .ant-tabs .ant-tabs-nav {
  height: 50px;
  background: white;
  -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
          box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  padding-left: 24px;
}
.lLe9QvHPjd .ant-tabs .ant-tabs-content {
  height: 100%;
}
.lLe9QvHPjd .ant-tabs .ant-tabs-tabpane {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.suRwNGTBGi {
  width: 100%;
  height: calc(100vh - 240px);
  padding: 24px;
  overflow-y: auto;
}
.suRwNGTBGi .htU-TwLW1k {
  margin-bottom: 16px;
}
.suRwNGTBGi ._4nAnite4gq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}

.XtxUNvFflb {
  width: 450px;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  background: #475365;
}
.IrC67GBsbr {
  width: 150px;
}
.IrC67GBsbr ._572Nd9jxCu {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.IrC67GBsbr ._572Nd9jxCu {
  height: 150px;
}
.JW8xmTDN8\+ {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 150px;
          flex: 1 1 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  margin-left: 24px;
  font-size: 14px;
  color: white;
}
.JW8xmTDN8\+ .tvOMaT5BOE > div,
.JW8xmTDN8\+ .tvOMaT5BOE > a {
  margin: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JW8xmTDN8\+ .sS9jGkowzZ button {
  margin-right: 8px;
}
.JW8xmTDN8\+ .xE-HcS-JfG {
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: -60px;
  left: 0;
  background: #475365;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JW8xmTDN8\+ .xE-HcS-JfG .anticon {
  color: white;
  cursor: pointer;
}
.sS9jGkowzZ {
  margin-top: 8px;
}

.t3XAbju8LE {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t3XAbju8LE > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.t3XAbju8LE > div.xIPezOqAMw {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  width: 50px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-10px) translateY(-30px);
          transform: translateX(-10px) translateY(-30px);
}
.t3XAbju8LE > div.xIPezOqAMw .vo6SBxLt4H {
  width: 12px;
  height: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#71ddcc), color-stop(38%, #f1e40b), color-stop(70%, #e77118), to(#e02020));
  background-image: linear-gradient(180deg, #71ddcc 0%, #f1e40b 38%, #e77118 70%, #e02020 100%);
  border-radius: 6px;
}
.fc-schedule-GanttTimeLine {
  width: calc(100% - 50px);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.l1kEkKNBWs {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ieKhpsF1fu {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.LEu68O3JnG {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.LEu68O3JnG > i,
.LEu68O3JnG > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.i4nCyoLpqk {
  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;
}
.HEyAWzKIg8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._72QaSuSoFj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.VxP0rBo9ON {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Ow6SKpEn2e {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2jqH4AQQ9s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.S\+2sUaYAP- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.S\+2sUaYAP- .T991WkLKdS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.S\+2sUaYAP- .T991WkLKdS > span {
  color: rgba(0, 0, 0, 0.65);
}
.QIhA\+6ZU6l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QIhA\+6ZU6l .FUdznM7dwJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.QIhA\+6ZU6l .FUdznM7dwJ > span {
  font-size: 8px;
}
.-LGWpIlYfz .ant-popover-inner-content {
  padding: 0;
}
.-LGWpIlYfz .ant-popover-arrow {
  border-color: #475365 !important;
}
.-LGWpIlYfz .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ok8fJNup1h {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Vxw4lqbsXH {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Vxw4lqbsXH .IKi4j0iR\+M {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.e4biY6RAVX {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.tpH\+8m73Rt {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .tpH\+8m73Rt {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.yeSrxAJqTL {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .FXnNfdogA6 {
    /* This is the key */
  }
  .FXnNfdogA6 html,
  .FXnNfdogA6 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .FXnNfdogA6 body,
  .FXnNfdogA6 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .FXnNfdogA6 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .FXnNfdogA6 table,
  .FXnNfdogA6 tr,
  .FXnNfdogA6 td {
    page-break-inside: avoid;
  }
  .FXnNfdogA6 div {
    page-break-inside: avoid;
  }
  .FXnNfdogA6 thead {
    display: table-header-group;
  }
  .FXnNfdogA6 tfoot {
    display: table-footer-group;
  }
  .FXnNfdogA6 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .FXnNfdogA6 .wl2L4-WgNG,
  .FXnNfdogA6 .no-print,
  .FXnNfdogA6 .react-resizable-handle,
  .FXnNfdogA6 .fc-whiteboard-toolbar,
  .FXnNfdogA6 .ant-modal-root,
  .FXnNfdogA6 .ant-alert,
  .FXnNfdogA6 .seT5uowtrK,
  .FXnNfdogA6 .wqPD7t7YuT {
    display: none !important;
  }
  .FXnNfdogA6 .KTTgIoRbV8 {
    display: none !important;
  }
}
.KRhEqgjbUR {
  position: relative;
}

.MZ3blK2QHT {
  position: relative;
}

.M5onegWA9\+ {
  position: relative;
}

.fixed-length-ellipsis {
  overflow: hidden;
  display: inline-block;
  word-break: break-all;
  width: 100%;
}

.fixed-length-ellipsis-lines {
  position: relative;
}

.fixed-length-ellipsis-lines .shadow {
  display: block;
  position: relative;
  color: transparent;
  opacity: 0;
  z-index: -999;
}

.fixed-length-ellipsis-line-clamp {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.m-fe-header-dropdown-container > * {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
    0 12px 48px 16px rgba(0, 0, 0, 0.03);
          box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05),
    0 12px 48px 16px rgba(0, 0, 0, 0.03);
}

@media screen and (max-width: 480px) {
  .m-fe-header-dropdown-container {
    width: 100% !important;
  }
  .m-fe-header-dropdown-container > * {
    border-radius: 0 !important;
  }
}

.m-fe-lang-selector-menu .anticon {
  margin-right: 8px;
}
.m-fe-lang-selector-menu .ant-dropdown-menu-item {
  min-width: 160px;
}

.m-fe-lang-selector-dropDown {
  line-height: 64px;
  vertical-align: top;
  cursor: pointer;
}

.m-fe-lang-selector-dropDown > i {
  font-size: 16px !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.m-fe-lang-selector-dropDown > i svg {
  position: relative;
  top: -1px;
}

.m-fe-react-commons-notice-icon-popover {
  position: relative;
  width: 336px;
}

.m-fe-react-commons-notice-icon-noticeButton {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.m-fe-react-commons-notice-icon-icon {
  padding: 4px;
  vertical-align: middle;
}

.m-fe-react-commons-notice-icon-badge {
  font-size: 16px;
}

.m-fe-react-commons-notice-icon-tabs .ant-tabs-nav-scroll {
  text-align: center;
}

.m-fe-react-commons-notice-icon-tabs .ant-tabs-bar {
  margin-bottom: 0;
}

.m-fe-commons-page-header-container {
  border-bottom: 1px solid #e8e8e8;
}

.m-fe-commons-page-header-container .ant-page-header {
  padding: 10px;
}

.m-fe-commons-page-header-container .ant-page-header-heading-title {
  font-size: 16px;
  font-weight: normal;
}

.m-fe-commons-page-header-container .ant-page-header-back {
  margin-right: 16px;
  font-weight: normal;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.kGA-7mtFH- {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.P2tMHQV1D0 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.J0Eisx8Ux- {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.J0Eisx8Ux- > i,
.J0Eisx8Ux- > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.D0CNk4J7F\+ {
  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;
}
.wrzQ0QOCy0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.zML7ihJvWm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.qN9rlFDoKq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Bb3zH8ci7x {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pB9iInhLvL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8yLWqx87oQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._8yLWqx87oQ .tbleYQhtsI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._8yLWqx87oQ .tbleYQhtsI > span {
  color: rgba(0, 0, 0, 0.65);
}
.NJTenF3y0D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.NJTenF3y0D .TqnUIMV4m8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.NJTenF3y0D .TqnUIMV4m8 > span {
  font-size: 8px;
}
.WxZpPU7BNv .ant-popover-inner-content {
  padding: 0;
}
.WxZpPU7BNv .ant-popover-arrow {
  border-color: #475365 !important;
}
.WxZpPU7BNv .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._0kJCdqFbpF {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.-sM7n35Ymn {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.-sM7n35Ymn .d5PaMHJzcs {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.kFzmhS6ofJ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.EWSICkRpV0 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .EWSICkRpV0 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.N4kjLizAKk {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .A7LDKiWHz6 {
    /* This is the key */
  }
  .A7LDKiWHz6 html,
  .A7LDKiWHz6 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .A7LDKiWHz6 body,
  .A7LDKiWHz6 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .A7LDKiWHz6 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .A7LDKiWHz6 table,
  .A7LDKiWHz6 tr,
  .A7LDKiWHz6 td {
    page-break-inside: avoid;
  }
  .A7LDKiWHz6 div {
    page-break-inside: avoid;
  }
  .A7LDKiWHz6 thead {
    display: table-header-group;
  }
  .A7LDKiWHz6 tfoot {
    display: table-footer-group;
  }
  .A7LDKiWHz6 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .A7LDKiWHz6 .QcZ6A21\+Uo,
  .A7LDKiWHz6 .no-print,
  .A7LDKiWHz6 .react-resizable-handle,
  .A7LDKiWHz6 .fc-whiteboard-toolbar,
  .A7LDKiWHz6 .ant-modal-root,
  .A7LDKiWHz6 .ant-alert,
  .A7LDKiWHz6 .Ac5N1XjbeP,
  .A7LDKiWHz6 ._86K1f-vrY4 {
    display: none !important;
  }
  .A7LDKiWHz6 ._5wP31DdYhm {
    display: none !important;
  }
}
.lYyAb6lHjm .oLSXj6\+eUA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
}
.lYyAb6lHjm .cf-6xFuQIG {
  position: absolute;
  top: 45px;
  left: -16px;
}
.lYyAb6lHjm .cf-6xFuQIG svg {
  width: 52px;
  height: 32px;
}
.lYyAb6lHjm .cf-6xFuQIG span {
  position: absolute;
  left: 8px;
  font-size: 10px;
  color: white;
  top: 3px;
}
.lYyAb6lHjm .mrDqRJHrBF {
  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;
}
.lYyAb6lHjm .hTgqOBYmZR {
  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;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  width: 80%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.lYyAb6lHjm .hTgqOBYmZR:hover {
  opacity: 1;
}
.lYyAb6lHjm .hTgqOBYmZR > svg {
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.lYyAb6lHjm .ant-card-head {
  padding-left: 0;
  min-height: 0;
  height: 41px;
  background-color: #fafafa;
}
.lYyAb6lHjm .ant-card-head-wrapper {
  height: 100%;
}
.lYyAb6lHjm .ant-card-head-title {
  padding: 0;
}
.lYyAb6lHjm .ant-card-extra {
  padding: 0;
}
.lYyAb6lHjm .ant-statistic-content {
  font-size: 14px;
}
.lYyAb6lHjm .ant-statistic-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.WMMtDXOZ9U {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._5kS8xUek7L {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.LgJrxyBU8N {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.LgJrxyBU8N > i,
.LgJrxyBU8N > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.K1VdYIhnwN {
  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;
}
.iVi895w5WJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.PeVOnWINoW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CVr1Qxldlm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._9djiIgfklS {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.txRz9F0ruB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.L5BT4PmIJ0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.L5BT4PmIJ0 .xnNvAX-Gyz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.L5BT4PmIJ0 .xnNvAX-Gyz > span {
  color: rgba(0, 0, 0, 0.65);
}
.Plvoz-3get {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Plvoz-3get ._25\+MObBP63 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Plvoz-3get ._25\+MObBP63 > span {
  font-size: 8px;
}
.zqLWoKkDK9 .ant-popover-inner-content {
  padding: 0;
}
.zqLWoKkDK9 .ant-popover-arrow {
  border-color: #475365 !important;
}
.zqLWoKkDK9 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.KdaE7Tel4c {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.gKHyJzPRsl {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.gKHyJzPRsl .wkPZmqj-Fn {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Lghzm-ShHf {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.VzQuBiRSHU {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .VzQuBiRSHU {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.TTjzJ07Ft8 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Vb5XNnZUUW {
    /* This is the key */
  }
  .Vb5XNnZUUW html,
  .Vb5XNnZUUW body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Vb5XNnZUUW body,
  .Vb5XNnZUUW div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Vb5XNnZUUW textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Vb5XNnZUUW table,
  .Vb5XNnZUUW tr,
  .Vb5XNnZUUW td {
    page-break-inside: avoid;
  }
  .Vb5XNnZUUW div {
    page-break-inside: avoid;
  }
  .Vb5XNnZUUW thead {
    display: table-header-group;
  }
  .Vb5XNnZUUW tfoot {
    display: table-footer-group;
  }
  .Vb5XNnZUUW * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Vb5XNnZUUW .SxGz7TyKSs,
  .Vb5XNnZUUW .no-print,
  .Vb5XNnZUUW .react-resizable-handle,
  .Vb5XNnZUUW .fc-whiteboard-toolbar,
  .Vb5XNnZUUW .ant-modal-root,
  .Vb5XNnZUUW .ant-alert,
  .Vb5XNnZUUW .X4FbUV1Cef,
  .Vb5XNnZUUW .nMhZM\+En6a {
    display: none !important;
  }
  .Vb5XNnZUUW .oVj7QHmBJh {
    display: none !important;
  }
}
.wIW7tnopI2 {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.wIW7tnopI2 > div:first-child {
  margin-bottom: 6px !important;
}
.wIW7tnopI2 > div:first-child {
  font-size: 14px;
  font-weight: bold;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.lCLu9rqpo6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._6thkoKocAc {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.MZu\+w\+78Ou {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.MZu\+w\+78Ou > i,
.MZu\+w\+78Ou > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t3Pf5-eEL0 {
  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;
}
.mUP-yVG51S {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.D9\+x\+Jcev\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.x8T\+\+CTcXu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.iQHFOiknOP {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.H0nhGOtdqC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.i3mIp5Hv0v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.i3mIp5Hv0v .Xv3fka4XGh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.i3mIp5Hv0v .Xv3fka4XGh > span {
  color: rgba(0, 0, 0, 0.65);
}
.eiC8xzHWe7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.eiC8xzHWe7 .jm4viFn\+ZO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.eiC8xzHWe7 .jm4viFn\+ZO > span {
  font-size: 8px;
}
.PJBh9new\+a .ant-popover-inner-content {
  padding: 0;
}
.PJBh9new\+a .ant-popover-arrow {
  border-color: #475365 !important;
}
.PJBh9new\+a .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.isoiUUEUxf {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.uF-K5cdsVX {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.uF-K5cdsVX ._4K7z2pMm1X {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._9dcC0Lcsfa {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.YlcS8O-feD {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .YlcS8O-feD {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.KWW9NFGE2A {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .talpYkuUkq {
    /* This is the key */
  }
  .talpYkuUkq html,
  .talpYkuUkq body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .talpYkuUkq body,
  .talpYkuUkq div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .talpYkuUkq textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .talpYkuUkq table,
  .talpYkuUkq tr,
  .talpYkuUkq td {
    page-break-inside: avoid;
  }
  .talpYkuUkq div {
    page-break-inside: avoid;
  }
  .talpYkuUkq thead {
    display: table-header-group;
  }
  .talpYkuUkq tfoot {
    display: table-footer-group;
  }
  .talpYkuUkq * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .talpYkuUkq .bAiQ-\+CzxZ,
  .talpYkuUkq .no-print,
  .talpYkuUkq .react-resizable-handle,
  .talpYkuUkq .fc-whiteboard-toolbar,
  .talpYkuUkq .ant-modal-root,
  .talpYkuUkq .ant-alert,
  .talpYkuUkq .A9Brh36VJ4,
  .talpYkuUkq .w30GuI1FMu {
    display: none !important;
  }
  .talpYkuUkq ._1WIn-FeUtb {
    display: none !important;
  }
}
.scSvLK97Zr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.scSvLK97Zr > button {
  margin-right: 2px;
}
.hxgl0sK9mE {
  color: #fff;
  background-color: #6874e2;
}
.wqbjh4Ps4T {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.f9hDObjT6\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 12px;
}
.f9hDObjT6\+ > span {
  display: inline-block;
  min-width: 72px;
  word-break: break-word;
}
.COVPSP\+dAI {
  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;
  width: 100%;
  margin-top: 16px;
}
.kAtxtHOQ9A {
  cursor: pointer;
  position: relative;
  top: 4px;
  font-size: 24px;
  color: #999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 8px;
}
.kAtxtHOQ9A:hover {
  color: #777;
}
.D9\+x\+Jcev\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-input-group-addon {
  padding: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.xjsA7wqRci {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._7a8Wh9XF69 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.i7ZqHfjTYa {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.i7ZqHfjTYa > i,
.i7ZqHfjTYa > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.TD4bxCGYzH {
  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;
}
._9k1NTixivh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.SNrzT7quzP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.EwR9T7Df1c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Xy2K-Cp4hy {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sVXovleAWS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._14yqC\+XgHx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._14yqC\+XgHx .dUaskaQzQB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._14yqC\+XgHx .dUaskaQzQB > span {
  color: rgba(0, 0, 0, 0.65);
}
._8pC70DvcUD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._8pC70DvcUD .TEHXGbNQEJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._8pC70DvcUD .TEHXGbNQEJ > span {
  font-size: 8px;
}
._9N62QtZBFH .ant-popover-inner-content {
  padding: 0;
}
._9N62QtZBFH .ant-popover-arrow {
  border-color: #475365 !important;
}
._9N62QtZBFH .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Git1OHPw5P {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._5N3cQy4oqt {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._5N3cQy4oqt .jhhEnLHcJh {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.OB4Piziau2 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._4mNxCCfH1m {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._4mNxCCfH1m {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.d0hO-bpVYe {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._2VxO29ocXR {
    /* This is the key */
  }
  ._2VxO29ocXR html,
  ._2VxO29ocXR body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._2VxO29ocXR body,
  ._2VxO29ocXR div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._2VxO29ocXR textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._2VxO29ocXR table,
  ._2VxO29ocXR tr,
  ._2VxO29ocXR td {
    page-break-inside: avoid;
  }
  ._2VxO29ocXR div {
    page-break-inside: avoid;
  }
  ._2VxO29ocXR thead {
    display: table-header-group;
  }
  ._2VxO29ocXR tfoot {
    display: table-footer-group;
  }
  ._2VxO29ocXR * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._2VxO29ocXR .Re9Uyu\+TTs,
  ._2VxO29ocXR .no-print,
  ._2VxO29ocXR .react-resizable-handle,
  ._2VxO29ocXR .fc-whiteboard-toolbar,
  ._2VxO29ocXR .ant-modal-root,
  ._2VxO29ocXR .ant-alert,
  ._2VxO29ocXR .P8JfiwbpfJ,
  ._2VxO29ocXR .SDyClu-b\+K {
    display: none !important;
  }
  ._2VxO29ocXR .vnQ51i\+x85 {
    display: none !important;
  }
}
.s1a-oGAUus {
  background-color: #fff;
}
.LTfdz99Zs8 {
  width: 365px;
}
.RsDLNpVHPZ {
  color: red;
}

.MiPeF0c9uz {
  position: relative;
}
.e1TNGF1Rnh {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._5ijsUTgqTw {
  width: 400;
  font-size: 18px;
  font-weight: bold;
}
.YueGwuAM11 {
  width: 100%;
  margin-top: 8px;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-wrap: break-word;
  font-size: 14px;
}
.YueGwuAM11 ._5fyOgz8kPa {
  color: red;
}
.YueGwuAM11:before {
  content: '•';
  display: inline-block;
  width: 1em;
  color: black;
}
.kjswvJgwdE {
  width: 100%;
  margin-top: 12px;
  font-size: 12px;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-wrap: break-word;
}
.kjswvJgwdE .ant-radio-button-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  font-size: 16px;
  margin-bottom: 12px;
}
.kjswvJgwdE .ant-radio-group .ant-radio-button-wrapper:nth-last-child(2) {
  margin-right: 32px;
}
.kjswvJgwdE .ant-radio-group .ant-radio-button-wrapper:last-child {
  border-left-width: 1;
}
.wMY6mvLMZZ .ant-radio-group .ant-radio-button-wrapper:nth-last-child(2) {
  margin-right: 0;
}
.wMY6mvLMZZ .ant-radio-group .ant-radio-button-wrapper:last-child {
  margin-left: 0;
  border-left-width: 0;
}
._9iZ7ugwP0n {
  width: 400px;
  margin-top: 12px;
}
.lXe7OXtKpi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lXe7OXtKpi ._6B18hGUKia {
  margin-left: 12px;
}
.YuCjk5Z088 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.gozGZfvK0A {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Hmh2WUDK\+v {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._0-hQcIK6Ap {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._0-hQcIK6Ap > i,
._0-hQcIK6Ap > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._7bmQsiHThT {
  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;
}
.mqKwdz4Mld {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vmNLJFkp3h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.nzc9cct4g9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.MJ4uQQFvWl {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wY7R9mOJ-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.IkDVBkpEYy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.IkDVBkpEYy .R0DnFjN8y8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.IkDVBkpEYy .R0DnFjN8y8 > span {
  color: rgba(0, 0, 0, 0.65);
}
._3V0QYTGKGH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3V0QYTGKGH .kuv6NrDKQo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._3V0QYTGKGH .kuv6NrDKQo > span {
  font-size: 8px;
}
.Vh6dXW1BDl .ant-popover-inner-content {
  padding: 0;
}
.Vh6dXW1BDl .ant-popover-arrow {
  border-color: #475365 !important;
}
.Vh6dXW1BDl .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.NC8QrEhDNx {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.oKXOa4I8l5 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.oKXOa4I8l5 .sI6HJm30gB {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.rNeXbeupG5 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._76z8N2JZfJ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._76z8N2JZfJ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.wVSJWIa2Ok {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .O-sJCI6\+fW {
    /* This is the key */
  }
  .O-sJCI6\+fW html,
  .O-sJCI6\+fW body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .O-sJCI6\+fW body,
  .O-sJCI6\+fW div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .O-sJCI6\+fW textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .O-sJCI6\+fW table,
  .O-sJCI6\+fW tr,
  .O-sJCI6\+fW td {
    page-break-inside: avoid;
  }
  .O-sJCI6\+fW div {
    page-break-inside: avoid;
  }
  .O-sJCI6\+fW thead {
    display: table-header-group;
  }
  .O-sJCI6\+fW tfoot {
    display: table-footer-group;
  }
  .O-sJCI6\+fW * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .O-sJCI6\+fW ._0VmeFNEFcX,
  .O-sJCI6\+fW .no-print,
  .O-sJCI6\+fW .react-resizable-handle,
  .O-sJCI6\+fW .fc-whiteboard-toolbar,
  .O-sJCI6\+fW .ant-modal-root,
  .O-sJCI6\+fW .ant-alert,
  .O-sJCI6\+fW .F6xuFgx50x,
  .O-sJCI6\+fW .k1Mtxtlsnn {
    display: none !important;
  }
  .O-sJCI6\+fW .lb1WgE7WdY {
    display: none !important;
  }
}
.JJFn63JunJ {
  position: relative;
  padding: 0 24px;
  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;
  height: 100%;
  max-height: 400px;
  overflow-y: auto;
}
.JJFn63JunJ ._2AyqzMHuhQ {
  color: rgba(0, 0, 0, 0.45);
}
.KHKVY-ywqf {
  margin-top: 16px;
  height: 140px;
  overflow: hidden;
}
.KHKVY-ywqf .fc-gallery-carousel-thumbnail {
  margin-right: 8px;
}
.KHKVY-ywqf .fc-gallery-carousel-thumbnail .fc-gallery-carousel-thumbnail-icons svg > g > path:first-child {
  fill: rgba(0, 0, 0, 0.45) !important;
}
._75fIr29Vn3 {
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 65px;
}
._75fIr29Vn3 img {
  height: 60px;
  width: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
._75fIr29Vn3 .nXUgzKyQJp {
  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;
  height: 100%;
}
._75fIr29Vn3 .nXUgzKyQJp > div {
  margin-right: 16px;
}

.IKJq2-i8F0 {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.BlRnp3VEzo {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.fKOG8LP1Db {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.DNPqItV0Wj {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.DNPqItV0Wj > i,
.DNPqItV0Wj > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.L91B0tq7DM {
  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;
}
.iKNzk4VVEa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.WZJ5Io\+IAy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.RVpZjGAwNX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.fCPstOvaVL {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.P68VSVubay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.QcC3GgKG2z {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.QcC3GgKG2z .\+f3avYaHT1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.QcC3GgKG2z .\+f3avYaHT1 > span {
  color: rgba(0, 0, 0, 0.65);
}
.cQfGfWXcg6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cQfGfWXcg6 ._937rie69mb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cQfGfWXcg6 ._937rie69mb > span {
  font-size: 8px;
}
.uWsAGaQiZD .ant-popover-inner-content {
  padding: 0;
}
.uWsAGaQiZD .ant-popover-arrow {
  border-color: #475365 !important;
}
.uWsAGaQiZD .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.kxujBpwGg\+ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.XEUyJZUZzJ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.XEUyJZUZzJ .ftSuIoLfyX {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.SlSaRixsQU {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.XGQ\+iysBmZ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .XGQ\+iysBmZ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.-R\+DalUfQT {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .BksCfrMyWd {
    /* This is the key */
  }
  .BksCfrMyWd html,
  .BksCfrMyWd body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .BksCfrMyWd body,
  .BksCfrMyWd div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .BksCfrMyWd textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .BksCfrMyWd table,
  .BksCfrMyWd tr,
  .BksCfrMyWd td {
    page-break-inside: avoid;
  }
  .BksCfrMyWd div {
    page-break-inside: avoid;
  }
  .BksCfrMyWd thead {
    display: table-header-group;
  }
  .BksCfrMyWd tfoot {
    display: table-footer-group;
  }
  .BksCfrMyWd * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .BksCfrMyWd .awTh8\+ygNo,
  .BksCfrMyWd .no-print,
  .BksCfrMyWd .react-resizable-handle,
  .BksCfrMyWd .fc-whiteboard-toolbar,
  .BksCfrMyWd .ant-modal-root,
  .BksCfrMyWd .ant-alert,
  .BksCfrMyWd .rjVwg2MSHd,
  .BksCfrMyWd .O2OsZJswUN {
    display: none !important;
  }
  .BksCfrMyWd .g038mHdQh3 {
    display: none !important;
  }
}
._2BhCJhu5GA:first-child {
  margin-bottom: 12px;
}
._2BhCJhu5GA > div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
}
._2BhCJhu5GA > div:last-child > div:not(:last-child) {
  margin-left: 4px;
}
.HKG4kFX8py {
  cursor: pointer;
  color: #f5222d;
}
.u3kV-uCKE5 {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
}
.u3kV-uCKE5 > span:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.VgqblDZmmR {
  width: 100%;
  margin-top: 8px;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-wrap: break-word;
  font-size: 14px;
}
.VgqblDZmmR .QgHLuoIk2x {
  color: red;
}
.VgqblDZmmR:before {
  content: '•';
  display: inline-block;
  width: 1em;
  color: black;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.dRnQcylrzQ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.HgUb\+wbeyQ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.icnph2kSiO {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.icnph2kSiO > i,
.icnph2kSiO > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Hkq6z880tX {
  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;
}
.eKc6F1K8LE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.QNigw-ItxO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tk5Twc4eCR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Uq46S7i61T {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.L74g\+hREZk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.TYqL4pb4hr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.TYqL4pb4hr .lFr4xs8cIq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.TYqL4pb4hr .lFr4xs8cIq > span {
  color: rgba(0, 0, 0, 0.65);
}
.j8o-G4vE9M {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.j8o-G4vE9M .h1elkb7AZd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.j8o-G4vE9M .h1elkb7AZd > span {
  font-size: 8px;
}
.udDbngIQ2n .ant-popover-inner-content {
  padding: 0;
}
.udDbngIQ2n .ant-popover-arrow {
  border-color: #475365 !important;
}
.udDbngIQ2n .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ZevnFnzrjl {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.EpBUl1W6WY {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.EpBUl1W6WY .WDzCOc-NPn {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Wo-1uBOzSa {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.HpH1qZnhzn {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .HpH1qZnhzn {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.GH5t1LwBpp {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .MSQO7QWygd {
    /* This is the key */
  }
  .MSQO7QWygd html,
  .MSQO7QWygd body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .MSQO7QWygd body,
  .MSQO7QWygd div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .MSQO7QWygd textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .MSQO7QWygd table,
  .MSQO7QWygd tr,
  .MSQO7QWygd td {
    page-break-inside: avoid;
  }
  .MSQO7QWygd div {
    page-break-inside: avoid;
  }
  .MSQO7QWygd thead {
    display: table-header-group;
  }
  .MSQO7QWygd tfoot {
    display: table-footer-group;
  }
  .MSQO7QWygd * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .MSQO7QWygd .zeWuoNHmI1,
  .MSQO7QWygd .no-print,
  .MSQO7QWygd .react-resizable-handle,
  .MSQO7QWygd .fc-whiteboard-toolbar,
  .MSQO7QWygd .ant-modal-root,
  .MSQO7QWygd .ant-alert,
  .MSQO7QWygd .XhQtUl4M1S,
  .MSQO7QWygd .jSQsPMCc1g {
    display: none !important;
  }
  .MSQO7QWygd .\+oZNM\+pVoz {
    display: none !important;
  }
}
.gIkhQaEo9m {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.YjixW0etwq {
  margin-top: 2rem;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.CrSl5o97JR {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Bju9qR-\+mY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.zJHHW2bCqu {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zJHHW2bCqu > i,
.zJHHW2bCqu > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d18VzWfSNW {
  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;
}
.Xo1ujl0XOc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.aaEXruW0af {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.z4I8Hb1n5d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._8yvRhVytH8 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8vskmoeXL5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.LmYEWehaPt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.LmYEWehaPt .zKs7V8UWcG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.LmYEWehaPt .zKs7V8UWcG > span {
  color: rgba(0, 0, 0, 0.65);
}
.A3Ap9BmD3d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.A3Ap9BmD3d .rZj\+VxaoPI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.A3Ap9BmD3d .rZj\+VxaoPI > span {
  font-size: 8px;
}
.fsvL4kZnPX .ant-popover-inner-content {
  padding: 0;
}
.fsvL4kZnPX .ant-popover-arrow {
  border-color: #475365 !important;
}
.fsvL4kZnPX .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.mw-0tUkVx\+ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.mT-XAZ\+qKi {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.mT-XAZ\+qKi .cFcaKh3ogr {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.COrZsQWju4 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._9T4myIyxaq {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._9T4myIyxaq {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.MTI8UzEg8I {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .QpRopCswJg {
    /* This is the key */
  }
  .QpRopCswJg html,
  .QpRopCswJg body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .QpRopCswJg body,
  .QpRopCswJg div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .QpRopCswJg textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .QpRopCswJg table,
  .QpRopCswJg tr,
  .QpRopCswJg td {
    page-break-inside: avoid;
  }
  .QpRopCswJg div {
    page-break-inside: avoid;
  }
  .QpRopCswJg thead {
    display: table-header-group;
  }
  .QpRopCswJg tfoot {
    display: table-footer-group;
  }
  .QpRopCswJg * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .QpRopCswJg .etRLFtBDDm,
  .QpRopCswJg .no-print,
  .QpRopCswJg .react-resizable-handle,
  .QpRopCswJg .fc-whiteboard-toolbar,
  .QpRopCswJg .ant-modal-root,
  .QpRopCswJg .ant-alert,
  .QpRopCswJg ._31J8zQ-KV6,
  .QpRopCswJg .U6jPKPtk3u {
    display: none !important;
  }
  .QpRopCswJg .Gr66oRGQkD {
    display: none !important;
  }
}
.ekVx\+RAeGu {
  background-color: #fff;
}
.mvwBMxQJR6 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 2rem;
}
.mvwBMxQJR6 > button:not(:last-child) {
  margin-bottom: 1.25rem;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._9IkQiPJLjA {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.yeRms8X3Ro {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.dTAUATVyBW {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dTAUATVyBW > i,
.dTAUATVyBW > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._8sPQ-yvQy3 {
  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;
}
.I5YO3G7DDi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.nmuEksr6pZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._01x9lMJNuc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._4GTfbIBJG1 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aEh7yKDxsH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3-xAbuFmxz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._3-xAbuFmxz .Cdogy-Kv-- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._3-xAbuFmxz .Cdogy-Kv-- > span {
  color: rgba(0, 0, 0, 0.65);
}
.JT4VL93Nk7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.JT4VL93Nk7 .QW0cfOVXRi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.JT4VL93Nk7 .QW0cfOVXRi > span {
  font-size: 8px;
}
.Ihu0brx7Kx .ant-popover-inner-content {
  padding: 0;
}
.Ihu0brx7Kx .ant-popover-arrow {
  border-color: #475365 !important;
}
.Ihu0brx7Kx .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.vtPxj7dXHz {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.z6ZCtxWtMR {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.z6ZCtxWtMR .v3sXmVDT\+U {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.XvBGH3OWiD {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.nv5wAa-b4B {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .nv5wAa-b4B {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.B1Q7jBXALJ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._8BQp9b043h {
    /* This is the key */
  }
  ._8BQp9b043h html,
  ._8BQp9b043h body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._8BQp9b043h body,
  ._8BQp9b043h div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._8BQp9b043h textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._8BQp9b043h table,
  ._8BQp9b043h tr,
  ._8BQp9b043h td {
    page-break-inside: avoid;
  }
  ._8BQp9b043h div {
    page-break-inside: avoid;
  }
  ._8BQp9b043h thead {
    display: table-header-group;
  }
  ._8BQp9b043h tfoot {
    display: table-footer-group;
  }
  ._8BQp9b043h * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._8BQp9b043h .rW\+c3JJXtK,
  ._8BQp9b043h .no-print,
  ._8BQp9b043h .react-resizable-handle,
  ._8BQp9b043h .fc-whiteboard-toolbar,
  ._8BQp9b043h .ant-modal-root,
  ._8BQp9b043h .ant-alert,
  ._8BQp9b043h .I3V0XnnCEu,
  ._8BQp9b043h .a4oXQ3thHT {
    display: none !important;
  }
  ._8BQp9b043h .XMKLeYN-ul {
    display: none !important;
  }
}

.cQJnH5b2T8 span {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.cQJnH5b2T8 .f-z1dQwRRv {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.NDA09WBRtG {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.LhiL4b8rAp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._4Cynm8zRsG {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._4Cynm8zRsG > i,
._4Cynm8zRsG > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ombojUXNh\+ {
  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;
}
.jQhxNcb69s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ReoKbzhxoY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vetgIisHrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Ua7e00XP9E {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._5ncUlTDXZE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._7x3HhySpDH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._7x3HhySpDH .QqGCZa-hLh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._7x3HhySpDH .QqGCZa-hLh > span {
  color: rgba(0, 0, 0, 0.65);
}
.\+BDxhuss62 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.\+BDxhuss62 .qT6xvhZqhy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.\+BDxhuss62 .qT6xvhZqhy > span {
  font-size: 8px;
}
.SpUljrq7C4 .ant-popover-inner-content {
  padding: 0;
}
.SpUljrq7C4 .ant-popover-arrow {
  border-color: #475365 !important;
}
.SpUljrq7C4 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.XWjUg7Mg6a {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Kh28eolNNc {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Kh28eolNNc .gXd1uNniHM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.LWzuRrk2WU {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.eVNqKSREJu {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .eVNqKSREJu {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.nSTc\+7Koxn {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .CVZNMoI8xW {
    /* This is the key */
  }
  .CVZNMoI8xW html,
  .CVZNMoI8xW body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .CVZNMoI8xW body,
  .CVZNMoI8xW div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .CVZNMoI8xW textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .CVZNMoI8xW table,
  .CVZNMoI8xW tr,
  .CVZNMoI8xW td {
    page-break-inside: avoid;
  }
  .CVZNMoI8xW div {
    page-break-inside: avoid;
  }
  .CVZNMoI8xW thead {
    display: table-header-group;
  }
  .CVZNMoI8xW tfoot {
    display: table-footer-group;
  }
  .CVZNMoI8xW * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .CVZNMoI8xW .AO78k6zz-d,
  .CVZNMoI8xW .no-print,
  .CVZNMoI8xW .react-resizable-handle,
  .CVZNMoI8xW .fc-whiteboard-toolbar,
  .CVZNMoI8xW .ant-modal-root,
  .CVZNMoI8xW .ant-alert,
  .CVZNMoI8xW .X--weaitZe,
  .CVZNMoI8xW .erBwaHnBfO {
    display: none !important;
  }
  .CVZNMoI8xW .gekECRakpp {
    display: none !important;
  }
}
.tHBTa7ilwL {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.tHBTa7ilwL .QEtSleIe9N {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 100%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.tHBTa7ilwL .QEtSleIe9N .by1AZlBlKW {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.tHBTa7ilwL .QEtSleIe9N .by1AZlBlKW .ARKkOeZkRX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tHBTa7ilwL .QEtSleIe9N .by1AZlBlKW .ARKkOeZkRX .J7x2UkQ-J8 {
  color: rgba(0, 0, 0, 0.45);
}
.tHBTa7ilwL .QEtSleIe9N .by1AZlBlKW .ARKkOeZkRX .J7x2UkQ-J8 > div:first-child {
  margin-bottom: 16px !important;
}
.tHBTa7ilwL .QEtSleIe9N .by1AZlBlKW .ARKkOeZkRX .J7x2UkQ-J8 > div:first-child {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
}
.tHBTa7ilwL .QEtSleIe9N .by1AZlBlKW .ARKkOeZkRX:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.tHBTa7ilwL .QEtSleIe9N .Q9a2F67MUB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tHBTa7ilwL .QEtSleIe9N .Q9a2F67MUB .dWGxzM1bxr {
  min-width: 125px;
  padding: 24px 8px 0;
  border-left: 1px solid #eee;
}
.tHBTa7ilwL .QEtSleIe9N .zz0T-PrZyr {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.tHBTa7ilwL .QEtSleIe9N .zz0T-PrZyr > div:first-child {
  margin-bottom: 8px !important;
}
.tHBTa7ilwL .QEtSleIe9N .zz0T-PrZyr > div:first-child {
  font-size: 14px;
  font-weight: bold;
}
.tHBTa7ilwL .ant-statistic-content {
  font-size: 14px;
}
.tHBTa7ilwL .ant-statistic-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}
.tHBTa7ilwL .ant-drawer-body {
  padding: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.RrXeCX0Yl\+ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.f62XZYZV3g {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.p8f1ZFr2um {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p8f1ZFr2um > i,
.p8f1ZFr2um > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hrjVsxdliU {
  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;
}
._2gQ5G2Wl9O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.-CCaoXw01a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.jVNxTkYXXi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ON-z\+NKFy1 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kbuvvIVXeL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rZaPza-e1L {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.rZaPza-e1L ._50Yy6I9sta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.rZaPza-e1L ._50Yy6I9sta > span {
  color: rgba(0, 0, 0, 0.65);
}
.HEull5b352 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.HEull5b352 .ANtRZ0URXM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.HEull5b352 .ANtRZ0URXM > span {
  font-size: 8px;
}
.ArfptfpyRM .ant-popover-inner-content {
  padding: 0;
}
.ArfptfpyRM .ant-popover-arrow {
  border-color: #475365 !important;
}
.ArfptfpyRM .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.-sNR4JbJpb {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._5dNl1qgADL {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._5dNl1qgADL .D3MFeJPLAP {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._7DDNo8W1QV {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.VagCEWPjOr {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .VagCEWPjOr {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._8CFq-w4Atl {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Hg7VnbSz6y {
    /* This is the key */
  }
  .Hg7VnbSz6y html,
  .Hg7VnbSz6y body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Hg7VnbSz6y body,
  .Hg7VnbSz6y div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Hg7VnbSz6y textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Hg7VnbSz6y table,
  .Hg7VnbSz6y tr,
  .Hg7VnbSz6y td {
    page-break-inside: avoid;
  }
  .Hg7VnbSz6y div {
    page-break-inside: avoid;
  }
  .Hg7VnbSz6y thead {
    display: table-header-group;
  }
  .Hg7VnbSz6y tfoot {
    display: table-footer-group;
  }
  .Hg7VnbSz6y * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Hg7VnbSz6y ._7HUWjN-fbt,
  .Hg7VnbSz6y .no-print,
  .Hg7VnbSz6y .react-resizable-handle,
  .Hg7VnbSz6y .fc-whiteboard-toolbar,
  .Hg7VnbSz6y .ant-modal-root,
  .Hg7VnbSz6y .ant-alert,
  .Hg7VnbSz6y .xMUcf\+Gun\+,
  .Hg7VnbSz6y .v1whtOLYRX {
    display: none !important;
  }
  .Hg7VnbSz6y ._4I0876I19H {
    display: none !important;
  }
}
.Ob0nDqimRI {
  position: relative;
}
.Ob0nDqimRI .P-sH-n97q6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 45px;
  width: 100%;
}
.xN6ZwLOrsa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  max-height: 800px;
  overflow-y: auto;
}
.xN6ZwLOrsa .T-fDHNh-m\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
}
.xN6ZwLOrsa .U7H9ffwUIY,
.xN6ZwLOrsa .l9pVCqRR55 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  min-height: 600px;
  max-height: 800px;
  border: 1px solid gray;
  overflow-y: auto;
}
.xN6ZwLOrsa .dW\+rHQUUB- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.xN6ZwLOrsa ._1x5Yz0oIoN {
  height: 100%;
  width: 100%;
}
.xN6ZwLOrsa ._1x5Yz0oIoN .nYR065VsR3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xN6ZwLOrsa ._1x5Yz0oIoN .nYR065VsR3 .AYS2uZ5ct- {
  margin-right: 16px;
  margin-bottom: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.A\+Zy9rSkjs {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.qD3Mu6mPEV {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.rrcKHSX0zH {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rrcKHSX0zH > i,
.rrcKHSX0zH > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._8DtNJMhl79 {
  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;
}
.vBcHL60SzB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.zvbhEfv11d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.IJkDV79MFE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._64tZBtvdJa {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.yDYAXB7FGa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._31jALnkI\+2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._31jALnkI\+2 .asV1e2-VD0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._31jALnkI\+2 .asV1e2-VD0 > span {
  color: rgba(0, 0, 0, 0.65);
}
.D4pfDvas1E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.D4pfDvas1E .n79Av9lEOg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.D4pfDvas1E .n79Av9lEOg > span {
  font-size: 8px;
}
.KkMHwhm6tq .ant-popover-inner-content {
  padding: 0;
}
.KkMHwhm6tq .ant-popover-arrow {
  border-color: #475365 !important;
}
.KkMHwhm6tq .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.uXXmj11\+lf {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.bHxyeWbRv3 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.bHxyeWbRv3 .JywtI3\+0vs {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Avz\+YX9Z92 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.LdSCgfEjUO {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .LdSCgfEjUO {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._6YhxIydSXS {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .cPMW482dZQ {
    /* This is the key */
  }
  .cPMW482dZQ html,
  .cPMW482dZQ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .cPMW482dZQ body,
  .cPMW482dZQ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .cPMW482dZQ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .cPMW482dZQ table,
  .cPMW482dZQ tr,
  .cPMW482dZQ td {
    page-break-inside: avoid;
  }
  .cPMW482dZQ div {
    page-break-inside: avoid;
  }
  .cPMW482dZQ thead {
    display: table-header-group;
  }
  .cPMW482dZQ tfoot {
    display: table-footer-group;
  }
  .cPMW482dZQ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .cPMW482dZQ .WaZQ2lKgqp,
  .cPMW482dZQ .no-print,
  .cPMW482dZQ .react-resizable-handle,
  .cPMW482dZQ .fc-whiteboard-toolbar,
  .cPMW482dZQ .ant-modal-root,
  .cPMW482dZQ .ant-alert,
  .cPMW482dZQ ._3RwGbLVvkg,
  .cPMW482dZQ .piKZmqUEYI {
    display: none !important;
  }
  .cPMW482dZQ .oLc\+A5-gb5 {
    display: none !important;
  }
}
.garBLnXDIK {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.cgD1Ayvl0U {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.YlZNPj4YwF {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.lu0W3eB9Hm {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lu0W3eB9Hm > i,
.lu0W3eB9Hm > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gA4btTne4j {
  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;
}
.Nae4cWeAQ4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fOC8aEBbny {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Ifb5qEvaBO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.NCungEG9e0 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vBuY7wzPl1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.InCUseM92s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.InCUseM92s .aArQRF3m59 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.InCUseM92s .aArQRF3m59 > span {
  color: rgba(0, 0, 0, 0.65);
}
.bx4RZWFsIH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.bx4RZWFsIH .CJ1sqztvZI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.bx4RZWFsIH .CJ1sqztvZI > span {
  font-size: 8px;
}
.toYpBqmblJ .ant-popover-inner-content {
  padding: 0;
}
.toYpBqmblJ .ant-popover-arrow {
  border-color: #475365 !important;
}
.toYpBqmblJ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.RWuW7aZ-z9 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.kh6nGQKVOm {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.kh6nGQKVOm .Tcgur9xRaB {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.eUDUXn\+xtH {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.g-uWOKnbKN {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .g-uWOKnbKN {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.E2TyUQ-RQo {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .d3-tdBvdcA {
    /* This is the key */
  }
  .d3-tdBvdcA html,
  .d3-tdBvdcA body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .d3-tdBvdcA body,
  .d3-tdBvdcA div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .d3-tdBvdcA textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .d3-tdBvdcA table,
  .d3-tdBvdcA tr,
  .d3-tdBvdcA td {
    page-break-inside: avoid;
  }
  .d3-tdBvdcA div {
    page-break-inside: avoid;
  }
  .d3-tdBvdcA thead {
    display: table-header-group;
  }
  .d3-tdBvdcA tfoot {
    display: table-footer-group;
  }
  .d3-tdBvdcA * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .d3-tdBvdcA .lrqooJ17Z4,
  .d3-tdBvdcA .no-print,
  .d3-tdBvdcA .react-resizable-handle,
  .d3-tdBvdcA .fc-whiteboard-toolbar,
  .d3-tdBvdcA .ant-modal-root,
  .d3-tdBvdcA .ant-alert,
  .d3-tdBvdcA ._6j-dQzGyrQ,
  .d3-tdBvdcA .cTMZpHC7O4 {
    display: none !important;
  }
  .d3-tdBvdcA ._97h8dXFlTe {
    display: none !important;
  }
}
.N29deVnB4k {
  padding: 12px 24px;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.N29deVnB4k > div {
  margin-bottom: 12px;
}
.UGUSVpwGcy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.UGUSVpwGcy > div:nth-child(1) {
  width: 100px;
}

.MtcF3tujlG {
  position: inherit;
  display: inline-block;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.vNtqBt5wGV {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.x4OhZYlUV9 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.r\+Cd8\+f\+ZM {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.r\+Cd8\+f\+ZM > i,
.r\+Cd8\+f\+ZM > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rpdTkdtSGV {
  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;
}
.lktk6WMeHE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xQmYcdfcwy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.JrnNFt\+F0F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.KU\+2f4H5Rk {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.\+Kf9MCG8-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.yt\+20DIZTh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.yt\+20DIZTh .XqS7napNy5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.yt\+20DIZTh .XqS7napNy5 > span {
  color: rgba(0, 0, 0, 0.65);
}
.b9smLwi370 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.b9smLwi370 .ltWLM9l-PY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.b9smLwi370 .ltWLM9l-PY > span {
  font-size: 8px;
}
.vLbaGT4-kP .ant-popover-inner-content {
  padding: 0;
}
.vLbaGT4-kP .ant-popover-arrow {
  border-color: #475365 !important;
}
.vLbaGT4-kP .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.giIQjN20fi {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.B9EzScjk3D {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.B9EzScjk3D .b3zi2VwfsC {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._3bfwmc\+IT8 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.UEP22I2HUL {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .UEP22I2HUL {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.cZhDU\+QuCB {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .\+Xh3bk7nn4 {
    /* This is the key */
  }
  .\+Xh3bk7nn4 html,
  .\+Xh3bk7nn4 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .\+Xh3bk7nn4 body,
  .\+Xh3bk7nn4 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .\+Xh3bk7nn4 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .\+Xh3bk7nn4 table,
  .\+Xh3bk7nn4 tr,
  .\+Xh3bk7nn4 td {
    page-break-inside: avoid;
  }
  .\+Xh3bk7nn4 div {
    page-break-inside: avoid;
  }
  .\+Xh3bk7nn4 thead {
    display: table-header-group;
  }
  .\+Xh3bk7nn4 tfoot {
    display: table-footer-group;
  }
  .\+Xh3bk7nn4 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .\+Xh3bk7nn4 .qLUdRL2bFg,
  .\+Xh3bk7nn4 .no-print,
  .\+Xh3bk7nn4 .react-resizable-handle,
  .\+Xh3bk7nn4 .fc-whiteboard-toolbar,
  .\+Xh3bk7nn4 .ant-modal-root,
  .\+Xh3bk7nn4 .ant-alert,
  .\+Xh3bk7nn4 ._3OnuL6kquS,
  .\+Xh3bk7nn4 .B-904F6eTY {
    display: none !important;
  }
  .\+Xh3bk7nn4 .Pjjy5fWOYJ {
    display: none !important;
  }
}
.NXEI02XVpC > div {
  margin-bottom: 18px;
}
.NXEI02XVpC .N1Vb3-s18D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.NXEI02XVpC .N1Vb3-s18D > span:first-child {
  display: block;
  margin-right: 12px;
}
.NXEI02XVpC .N1Vb3-s18D > div:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.ant-cascader-picker-arrow {
  -webkit-transform: translate(8px, -45%);
          transform: translate(8px, -45%);
}

._4WZUpTGVub > div {
  margin-bottom: 18px;
}
._4WZUpTGVub > div > span {
  display: inline-block;
  margin-right: 12px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.crDl5Dam4O {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pJeZ\+6iqEc {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._692GH4zE1v {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._692GH4zE1v > i,
._692GH4zE1v > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MbXqT15I3G {
  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;
}
.vtihanRoXq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.\+znlK0u\+Wq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.eEaUVVlm7X {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._1DUrqI0xzs {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.zTSA2WnA7S {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.plBPbt8WAy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.plBPbt8WAy .bUGWv7BF4o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.plBPbt8WAy .bUGWv7BF4o > span {
  color: rgba(0, 0, 0, 0.65);
}
.xvECbjK76s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.xvECbjK76s .LjXQZnODyr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.xvECbjK76s .LjXQZnODyr > span {
  font-size: 8px;
}
.ApBTVL-DM7 .ant-popover-inner-content {
  padding: 0;
}
.ApBTVL-DM7 .ant-popover-arrow {
  border-color: #475365 !important;
}
.ApBTVL-DM7 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.amMZsPFPXK {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.wjt--K2kLK {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.wjt--K2kLK .BBk0V14EqO {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.i\+9pHstekG {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.SNtPraP00o {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .SNtPraP00o {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._0PfguvKO95 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .RD1dR3glTk {
    /* This is the key */
  }
  .RD1dR3glTk html,
  .RD1dR3glTk body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .RD1dR3glTk body,
  .RD1dR3glTk div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .RD1dR3glTk textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .RD1dR3glTk table,
  .RD1dR3glTk tr,
  .RD1dR3glTk td {
    page-break-inside: avoid;
  }
  .RD1dR3glTk div {
    page-break-inside: avoid;
  }
  .RD1dR3glTk thead {
    display: table-header-group;
  }
  .RD1dR3glTk tfoot {
    display: table-footer-group;
  }
  .RD1dR3glTk * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .RD1dR3glTk ._8lZtEzIm3b,
  .RD1dR3glTk .no-print,
  .RD1dR3glTk .react-resizable-handle,
  .RD1dR3glTk .fc-whiteboard-toolbar,
  .RD1dR3glTk .ant-modal-root,
  .RD1dR3glTk .ant-alert,
  .RD1dR3glTk .YRhnD8IMe\+,
  .RD1dR3glTk ._4KH-pX\+dsz {
    display: none !important;
  }
  .RD1dR3glTk .FS901hDKvI {
    display: none !important;
  }
}
.dS2WQSwrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dS2WQSwrid > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.dS2WQSwrid > div > span {
  display: inline-block;
  margin-right: 18px;
}
.dS2WQSwrid > div > div:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.dS2WQSwrid > div:first-child {
  margin-right: 20px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.GH\+xMS30rc {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.IAfweXHJ\+d {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Fmqam3H0Ay {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Fmqam3H0Ay > i,
.Fmqam3H0Ay > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.HCGOZaKQR5 {
  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;
}
.GjvZGiQBPO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.aWvOpdE0Xe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._5VKlNmY9iW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ZO5Nv4F6NQ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.SK8WZ9mc32 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.CB7G3-ap2w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.CB7G3-ap2w .cTSX25ZFIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.CB7G3-ap2w .cTSX25ZFIn > span {
  color: rgba(0, 0, 0, 0.65);
}
.YFTdP4TgcJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YFTdP4TgcJ ._7C4EvXCIHg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YFTdP4TgcJ ._7C4EvXCIHg > span {
  font-size: 8px;
}
.XTIgYv04O1 .ant-popover-inner-content {
  padding: 0;
}
.XTIgYv04O1 .ant-popover-arrow {
  border-color: #475365 !important;
}
.XTIgYv04O1 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.i37pnNl0Dh {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.E7LgfqSkyy {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.E7LgfqSkyy .NdZfaqVD-0 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Vl1LPcvq7p {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.y6TSPCNTAU {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .y6TSPCNTAU {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.DSP4cl8bPX {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .uqUPPN4Nl7 {
    /* This is the key */
  }
  .uqUPPN4Nl7 html,
  .uqUPPN4Nl7 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .uqUPPN4Nl7 body,
  .uqUPPN4Nl7 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .uqUPPN4Nl7 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .uqUPPN4Nl7 table,
  .uqUPPN4Nl7 tr,
  .uqUPPN4Nl7 td {
    page-break-inside: avoid;
  }
  .uqUPPN4Nl7 div {
    page-break-inside: avoid;
  }
  .uqUPPN4Nl7 thead {
    display: table-header-group;
  }
  .uqUPPN4Nl7 tfoot {
    display: table-footer-group;
  }
  .uqUPPN4Nl7 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .uqUPPN4Nl7 ._0Zv2EjtEBO,
  .uqUPPN4Nl7 .no-print,
  .uqUPPN4Nl7 .react-resizable-handle,
  .uqUPPN4Nl7 .fc-whiteboard-toolbar,
  .uqUPPN4Nl7 .ant-modal-root,
  .uqUPPN4Nl7 .ant-alert,
  .uqUPPN4Nl7 ._2XOHC-hWLc,
  .uqUPPN4Nl7 .vXDg-wQw2G {
    display: none !important;
  }
  .uqUPPN4Nl7 ._72-T6MubX4 {
    display: none !important;
  }
}
.dlQD0wFNC\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlQD0wFNC\+ .ZKFbVQfPU8 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  margin-left: 12px;
}
.ant-cascader-picker-arrow {
  -webkit-transform: translate(8px, -45%);
          transform: translate(8px, -45%);
}

.TvvP3HNvNe > div {
  margin-bottom: 18px;
}
.TvvP3HNvNe > div > span {
  display: inline-block;
  margin-right: 12px;
}

.MTjvJewQyr > div {
  margin-bottom: 18px;
}
.MTjvJewQyr > div > span {
  display: inline-block;
  margin-right: 12px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Dk1r-sfsvz {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.iuPhJX0G7d {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.KbqT0OwGdJ {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.KbqT0OwGdJ > i,
.KbqT0OwGdJ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.OG1oshn62N {
  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;
}
.RXy-ngXoVD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.xm8exm9a1t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gr9BYeoMSR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.VoMjhtQf5I {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.VRMkITyJnK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rbSxSLU7SX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.rbSxSLU7SX .UylzKnKvfh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.rbSxSLU7SX .UylzKnKvfh > span {
  color: rgba(0, 0, 0, 0.65);
}
.hXMs4MOViF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.hXMs4MOViF ._5gya9Io8A5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hXMs4MOViF ._5gya9Io8A5 > span {
  font-size: 8px;
}
.DDk3wyljN6 .ant-popover-inner-content {
  padding: 0;
}
.DDk3wyljN6 .ant-popover-arrow {
  border-color: #475365 !important;
}
.DDk3wyljN6 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Svb\+Q2ndX5 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.tgEjmQWcxC {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.tgEjmQWcxC .wFX26tOrrZ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._7lYODy5Ejp {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.yRKcyqbNMm {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .yRKcyqbNMm {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._0sliXnAWaW {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ExHBam8Atf {
    /* This is the key */
  }
  .ExHBam8Atf html,
  .ExHBam8Atf body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ExHBam8Atf body,
  .ExHBam8Atf div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ExHBam8Atf textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ExHBam8Atf table,
  .ExHBam8Atf tr,
  .ExHBam8Atf td {
    page-break-inside: avoid;
  }
  .ExHBam8Atf div {
    page-break-inside: avoid;
  }
  .ExHBam8Atf thead {
    display: table-header-group;
  }
  .ExHBam8Atf tfoot {
    display: table-footer-group;
  }
  .ExHBam8Atf * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ExHBam8Atf .-wFFDGOWjg,
  .ExHBam8Atf .no-print,
  .ExHBam8Atf .react-resizable-handle,
  .ExHBam8Atf .fc-whiteboard-toolbar,
  .ExHBam8Atf .ant-modal-root,
  .ExHBam8Atf .ant-alert,
  .ExHBam8Atf .ZmB2OtjoM\+,
  .ExHBam8Atf .tg2VFZ9k41 {
    display: none !important;
  }
  .ExHBam8Atf .PYcZVikY0- {
    display: none !important;
  }
}
.njESvkiRKe {
  background-color: #fff;
}
.njESvkiRKe .IoxBTre4YH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow-y: hidden;
  overflow-x: auto;
}
.njESvkiRKe .IoxBTre4YH .bvKHWVK6gG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  min-width: 125px;
  padding: 12px 12px 0;
  border-right: 1px solid #eee;
}
.njESvkiRKe .IoxBTre4YH .bvKHWVK6gG > span {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.njESvkiRKe .IoxBTre4YH .bvKHWVK6gG > span:first-child {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.njESvkiRKe .IoxBTre4YH .bvKHWVK6gG .-HRrUFn2WG {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.njESvkiRKe .IoxBTre4YH .MSjdapNx3k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 18px;
  height: 140px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.njESvkiRKe .IoxBTre4YH .MSjdapNx3k .sEmpSMurHD {
  min-width: 200px;
  margin-left: 12px;
}
.njESvkiRKe .IoxBTre4YH .MSjdapNx3k .sEmpSMurHD > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.njESvkiRKe .IoxBTre4YH .MSjdapNx3k .sEmpSMurHD > span:first-child {
  font-weight: bold;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.65);
}
.njESvkiRKe .IoxBTre4YH .MSjdapNx3k ._0YLa-uSTSn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: 180px;
}
.njESvkiRKe .IoxBTre4YH .MSjdapNx3k:last-child {
  border-bottom: none;
}
.njESvkiRKe .IoxBTre4YH .NAKEETzBso {
  width: 100%;
  padding: 24px 18px;
  border-bottom: 1px solid #eee;
}
.njESvkiRKe .RXy-ngXoVD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.njESvkiRKe .xm8exm9a1t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.njESvkiRKe .ant-statistic-content {
  font-size: 14px;
}
.njESvkiRKe .ant-statistic-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.pGsV\+u6VKy {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.QKCM\+JnmYJ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.DoJ5JfhqCX {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.DoJ5JfhqCX > i,
.DoJ5JfhqCX > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JLplw4IlS\+ {
  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;
}
.wm\+ATMVNUn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.EcBXEuefCe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.oTocC1zEOs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.UP-WXyqPWa {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bfdzPWnadh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Nc6Xf9xBir {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Nc6Xf9xBir ._3o7EOwsYpm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Nc6Xf9xBir ._3o7EOwsYpm > span {
  color: rgba(0, 0, 0, 0.65);
}
.tLTdr-MyYX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tLTdr-MyYX .lPO01DxrXJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tLTdr-MyYX .lPO01DxrXJ > span {
  font-size: 8px;
}
.tE3-s4AVg9 .ant-popover-inner-content {
  padding: 0;
}
.tE3-s4AVg9 .ant-popover-arrow {
  border-color: #475365 !important;
}
.tE3-s4AVg9 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._8\+1YXTi7aE {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._94Kw5OBPmS {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._94Kw5OBPmS .Mx-Bqw2PAv {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._5f6Uw06CR7 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.oKOF0wXZAQ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .oKOF0wXZAQ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._8MUzTQhZnE {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .fAz1KcH1DA {
    /* This is the key */
  }
  .fAz1KcH1DA html,
  .fAz1KcH1DA body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .fAz1KcH1DA body,
  .fAz1KcH1DA div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .fAz1KcH1DA textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .fAz1KcH1DA table,
  .fAz1KcH1DA tr,
  .fAz1KcH1DA td {
    page-break-inside: avoid;
  }
  .fAz1KcH1DA div {
    page-break-inside: avoid;
  }
  .fAz1KcH1DA thead {
    display: table-header-group;
  }
  .fAz1KcH1DA tfoot {
    display: table-footer-group;
  }
  .fAz1KcH1DA * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .fAz1KcH1DA .nYnOt5ZltP,
  .fAz1KcH1DA .no-print,
  .fAz1KcH1DA .react-resizable-handle,
  .fAz1KcH1DA .fc-whiteboard-toolbar,
  .fAz1KcH1DA .ant-modal-root,
  .fAz1KcH1DA .ant-alert,
  .fAz1KcH1DA .nC7R5hAhd8,
  .fAz1KcH1DA .yHmJIpSJ9d {
    display: none !important;
  }
  .fAz1KcH1DA .Azs8GKu3xs {
    display: none !important;
  }
}
.d-BtYYkyg6 {
  background-color: #fff;
}
.d-BtYYkyg6 .FEvBjcV\+2X {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow-y: hidden;
  overflow-x: auto;
}
.d-BtYYkyg6 .FEvBjcV\+2X .ia-0KYJwvN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  min-width: 125px;
  padding: 12px 12px 0;
  border-right: 1px solid #eee;
}
.d-BtYYkyg6 .FEvBjcV\+2X .ia-0KYJwvN > span {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.d-BtYYkyg6 .FEvBjcV\+2X .ia-0KYJwvN .Ulf6eNYL9E {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.d-BtYYkyg6 .FEvBjcV\+2X .ia-0KYJwvN .zcmpiMA\+qN {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.d-BtYYkyg6 .FEvBjcV\+2X .ia-0KYJwvN .zcmpiMA\+qN > div:first-child {
  margin-bottom: 8px !important;
}
.d-BtYYkyg6 .FEvBjcV\+2X .ia-0KYJwvN .zcmpiMA\+qN > div:first-child {
  font-size: 14px;
  font-weight: bold;
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px 18px;
  height: 140px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .Ok0gOJ3lGY {
  min-width: 200px;
  margin-left: 12px;
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .Ok0gOJ3lGY > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .Ok0gOJ3lGY > span:first-child {
  font-weight: bold;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.65);
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .AJbAReHGs- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: 180px;
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .UobOqUn-GO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 8px;
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .UobOqUn-GO > span {
  font-size: 14px;
  display: block;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .UobOqUn-GO .WhXFtoiuXZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8 .UobOqUn-GO .WhXFtoiuXZ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 6px;
}
.d-BtYYkyg6 .FEvBjcV\+2X .tpYUFu4Zc8:last-child {
  border-bottom: none;
}
.d-BtYYkyg6 .FEvBjcV\+2X .aMo0h2nBh- {
  width: 100%;
  padding: 24px 18px;
  border-bottom: 1px solid #eee;
}
.d-BtYYkyg6 .wm\+ATMVNUn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.d-BtYYkyg6 .EcBXEuefCe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.d-BtYYkyg6 .ant-statistic-content {
  font-size: 14px;
}
.d-BtYYkyg6 .ant-statistic-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._1-1nbF616i {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._5ZW82UIgVT {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.m\+TrASlHGg {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.m\+TrASlHGg > i,
.m\+TrASlHGg > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.OoLSJ1LYV5 {
  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;
}
.jFqJKxgN9B {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jroM1QaNU\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CiiAtPTpET {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ELJVUx3amX {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dDh1wkUAxx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.U0HmqVp-8z {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.U0HmqVp-8z .V2AO6wEZO2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.U0HmqVp-8z .V2AO6wEZO2 > span {
  color: rgba(0, 0, 0, 0.65);
}
._1k3EDUEp8a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1k3EDUEp8a .Ro3ZZvwPUw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._1k3EDUEp8a .Ro3ZZvwPUw > span {
  font-size: 8px;
}
.sKhJuzNK10 .ant-popover-inner-content {
  padding: 0;
}
.sKhJuzNK10 .ant-popover-arrow {
  border-color: #475365 !important;
}
.sKhJuzNK10 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.IQFn2Drnnr {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.tD7eEbRCA6 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.tD7eEbRCA6 .kSJoMlz-8x {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._1gV-IT\+69W {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.qvWat9-q04 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .qvWat9-q04 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.tHK12buoaI {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .WIH70\+dqYP {
    /* This is the key */
  }
  .WIH70\+dqYP html,
  .WIH70\+dqYP body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .WIH70\+dqYP body,
  .WIH70\+dqYP div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .WIH70\+dqYP textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .WIH70\+dqYP table,
  .WIH70\+dqYP tr,
  .WIH70\+dqYP td {
    page-break-inside: avoid;
  }
  .WIH70\+dqYP div {
    page-break-inside: avoid;
  }
  .WIH70\+dqYP thead {
    display: table-header-group;
  }
  .WIH70\+dqYP tfoot {
    display: table-footer-group;
  }
  .WIH70\+dqYP * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .WIH70\+dqYP ._68mslrne3R,
  .WIH70\+dqYP .no-print,
  .WIH70\+dqYP .react-resizable-handle,
  .WIH70\+dqYP .fc-whiteboard-toolbar,
  .WIH70\+dqYP .ant-modal-root,
  .WIH70\+dqYP .ant-alert,
  .WIH70\+dqYP .oS4O3xFb0J,
  .WIH70\+dqYP .WJnChDYJdD {
    display: none !important;
  }
  .WIH70\+dqYP .QinllasrEn {
    display: none !important;
  }
}
.juLrEwaPib {
  height: 100%;
}
.juLrEwaPib .UktqW9s028 {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._2iNYC35bL9 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.\+R-zAHHXdV {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.rp4cIBdxV8 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rp4cIBdxV8 > i,
.rp4cIBdxV8 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JCc1nB7PaT {
  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;
}
._7yHG-D63zM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.IPAtJAO3FZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Hmz8TgvQxw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.q\+VedxHZ2D {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Q0GMbJCuo3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tluu1xY3d- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.tluu1xY3d- .gchLi3Ulov {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.tluu1xY3d- .gchLi3Ulov > span {
  color: rgba(0, 0, 0, 0.65);
}
.lwZ\+q9UL-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.lwZ\+q9UL-d .wQTQjz-Utj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lwZ\+q9UL-d .wQTQjz-Utj > span {
  font-size: 8px;
}
.KC36jWt1I9 .ant-popover-inner-content {
  padding: 0;
}
.KC36jWt1I9 .ant-popover-arrow {
  border-color: #475365 !important;
}
.KC36jWt1I9 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.g3\+6wDRN38 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.QVSszH-z2D {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.QVSszH-z2D ._1PiKxCjp8j {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.j3wuGbNDfO {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.AR0CRkZ5Qj {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .AR0CRkZ5Qj {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Y45kLnd2X2 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .cBR0LnzJsS {
    /* This is the key */
  }
  .cBR0LnzJsS html,
  .cBR0LnzJsS body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .cBR0LnzJsS body,
  .cBR0LnzJsS div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .cBR0LnzJsS textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .cBR0LnzJsS table,
  .cBR0LnzJsS tr,
  .cBR0LnzJsS td {
    page-break-inside: avoid;
  }
  .cBR0LnzJsS div {
    page-break-inside: avoid;
  }
  .cBR0LnzJsS thead {
    display: table-header-group;
  }
  .cBR0LnzJsS tfoot {
    display: table-footer-group;
  }
  .cBR0LnzJsS * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .cBR0LnzJsS .jjOHinKZsj,
  .cBR0LnzJsS .no-print,
  .cBR0LnzJsS .react-resizable-handle,
  .cBR0LnzJsS .fc-whiteboard-toolbar,
  .cBR0LnzJsS .ant-modal-root,
  .cBR0LnzJsS .ant-alert,
  .cBR0LnzJsS .var7Zp7DbC,
  .cBR0LnzJsS .aLiY\+imx1h {
    display: none !important;
  }
  .cBR0LnzJsS .ibF7QXCkl- {
    display: none !important;
  }
}
.P0jrhXqzzT {
  overflow: hidden !important;
}
.P0jrhXqzzT {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 110px);
}
.P0jrhXqzzT .vO805-QLOM {
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.P0jrhXqzzT .ant-tabs {
  width: 100%;
  height: 100%;
}
.P0jrhXqzzT .ant-tabs .ant-tabs-nav {
  height: 50px;
  background: white;
  padding-left: 24px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
          box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}
.P0jrhXqzzT .ant-tabs .ant-tabs-content {
  height: 100%;
}
.P0jrhXqzzT .ant-tabs .ant-tabs-tabpane {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
  border-radius: 4px;
  overflow: auto;
  height: calc(100vh - 260px);
}
.P0jrhXqzzT .ant-tabs .ant-tabs-tab-btn {
  padding: 12px 16px;
}
.WrQVfoONrD {
  width: 100%;
  height: 100%;
}
.vnlYjBjQN7 {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 8px;
}
.vnlYjBjQN7 ._0lIldYzZg6 {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.fc-whiteboard-toolbar {
  height: 36px;
  background: rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0px 2px 9px 0px rgba(194, 185, 187, 0.29);
          box-shadow: 0px 2px 9px 0px rgba(194, 185, 187, 0.29);
  border-radius: 13px;
  opacity: 0.9;
  border: 1px solid rgba(230, 236, 247, 1);
  padding: 0 8px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fc-whiteboard-toolbar-button,
.fc-whiteboard-toolbar-logo a {
  display: inline-block;
  margin: 2px;
  padding: 3px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border-bottom: transparent solid 1px;
  border-right: transparent solid 1px;

  fill: #333333;

  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}

.fc-whiteboard-toolbar-separator {
  width: 0px;
  height: 20px;
  margin: 5px 5px;
  border: 1px solid #cad3df;
}

.fc-whiteboard-toolbar-button:hover,
.fc-whiteboard-toolbar-logo a:hover {
  background-color: #eee;
  background: radial-gradient(#eee, #ccc);
  fill: #ff8080;
}

.fc-whiteboard-toolbar-button svg {
  height: 16px;
  width:16px
}

.fc-whiteboard-indicator-container {
  font-size: 13px;
  line-height: 27px;
  height: 27px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 2;
}

.fcw-board-holder {
  pointer-events: none;
}

.fc-whiteboard-toolbar {
  pointer-events: auto;
}

.fc-whiteboard-logo {
  display: inline-block;
  margin: 0px;
  padding: 0px;

  fill: #333333;
}

.fc-whiteboard-logo a {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding: 3px;
  width: 20px;
  height: 20px;
}

.fc-whiteboard-logo a:hover {
  fill: #ff8080;
}

.fc-whiteboard-text-editor {
  position: absolute;
  z-index: 20000;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 400px;
  height: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: auto;


}

.fc-whiteboard-text-editor textarea {
  width: 100%;
  height: 100%;
}

.fc-whiteboard-text-editor .fc-whiteboard-text-editor-button-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
  min-width: 50px;
  max-width: 500px;
  padding-top: 10px;
  right: 8px;
  bottom: 8px;

  position: absolute;
}

.fc-whiteboard-text-editor .fc-whiteboard-text-editor-button {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  margin-left: 15px;
  width: 16px;
  height: 16px;

  cursor: pointer;

  fill: #888888;
}

.fc-whiteboard-text-editor .fc-whiteboard-text-editor-button:hover {
  fill: #ff8080;
}

.fcw-page img{
    width: 100%;
    height: 100%;
}

.fcw-board {
  position: relative;
}

.fcw-board-imgs,
.fcw-board-pages,
.fcw-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fcw-board-imgs > div,
.fcw-board-imgs > div > div {
  height: 100%;
}

.fcw-board-img {
  width: 100%;
  height: 100%;
}

.fcw-board-img-wrapper {
  background-image: url(https://i.postimg.cc/RZwf0MRw/image.png);
  background-size: contain;
  background-position: center;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}

.fcw-board-flip-arrow {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.fcw-board-controller {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: -30px;
  background-color: #ccc;
  padding: 0 5px;
  margin: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.ajiGXD-dKE {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.vBCtfBEg8i {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.zeK67GEpo9 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zeK67GEpo9 > i,
.zeK67GEpo9 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.xGpAX1hhWo {
  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;
}
.MpS4E8npzV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-3vFyOMRP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.JTetDM1Ajj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.f1r\+SomhL8 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3-2gMbBno\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.OOPmRhSuIy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.OOPmRhSuIy .w5tcEoQJbx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.OOPmRhSuIy .w5tcEoQJbx > span {
  color: rgba(0, 0, 0, 0.65);
}
.sYmyua-g30 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sYmyua-g30 .ZNA6DRXWEU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sYmyua-g30 .ZNA6DRXWEU > span {
  font-size: 8px;
}
.OAi-pA-KWY .ant-popover-inner-content {
  padding: 0;
}
.OAi-pA-KWY .ant-popover-arrow {
  border-color: #475365 !important;
}
.OAi-pA-KWY .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.YPP0BSfugG {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.AvwPEse028 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.AvwPEse028 .RtZA941yfw {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.oSiibwNKhG {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.QDT3H2k-sr {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .QDT3H2k-sr {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.BMLne3-Gvh {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .VTs94bD2qC {
    /* This is the key */
  }
  .VTs94bD2qC html,
  .VTs94bD2qC body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .VTs94bD2qC body,
  .VTs94bD2qC div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .VTs94bD2qC textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .VTs94bD2qC table,
  .VTs94bD2qC tr,
  .VTs94bD2qC td {
    page-break-inside: avoid;
  }
  .VTs94bD2qC div {
    page-break-inside: avoid;
  }
  .VTs94bD2qC thead {
    display: table-header-group;
  }
  .VTs94bD2qC tfoot {
    display: table-footer-group;
  }
  .VTs94bD2qC * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .VTs94bD2qC .tjlENfQJRP,
  .VTs94bD2qC .no-print,
  .VTs94bD2qC .react-resizable-handle,
  .VTs94bD2qC .fc-whiteboard-toolbar,
  .VTs94bD2qC .ant-modal-root,
  .VTs94bD2qC .ant-alert,
  .VTs94bD2qC .m4cvuEDQt6,
  .VTs94bD2qC .mPAf9f-fCI {
    display: none !important;
  }
  .VTs94bD2qC ._0p4MRfgPkq {
    display: none !important;
  }
}
@media print {
  html,
  body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  body,
  div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  table,
  tr,
  td {
    page-break-inside: avoid;
  }
  div {
    page-break-inside: avoid;
  }
  /* This is the key */
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .tjlENfQJRP,
  .no-print,
  .react-resizable-handle,
  .fc-whiteboard-toolbar,
  .ant-modal-root,
  .ant-alert,
  .m4cvuEDQt6,
  .mPAf9f-fCI {
    display: none !important;
  }
  ._0p4MRfgPkq {
    display: none !important;
  }
}
.NwwtGA\+pMf {
  position: relative;
}
.DpEJXRJQFn {
  page-break-before: always;
}
.tjlENfQJRP {
  position: fixed;
  right: 5vw;
  bottom: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99999999;
}
.tjlENfQJRP .ant-btn-circle {
  margin-bottom: 16px;
}

._3WDxh3CGO4 {
  position: relative;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.75);
}
.zm8kWHDKiL {
  width: 100%;
  height: 32px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  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;
}
.Qr\+8MsRU7f {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.qLJ-lSRpGC {
  border-bottom: 1px solid rgba(0, 0, 0, 0.75);
  border-right: 1px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.M-yThLsegI {
  border-right: 1px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.\+-aI8ZP-Hl {
  border-bottom: 1px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.r\+NSs53YTS {
  border-top: 1px solid rgba(0, 0, 0, 0.75);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
._9Ey-mrdI4U {
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.A8b04Z6xhP {
  width: 100%;
  height: 32px;
  line-height: 32px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._0si\+F15Ihs {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.RGADFaRmHI {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.y1teRyy5tE {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.y1teRyy5tE > i,
.y1teRyy5tE > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.\+Tf-C8qsDl {
  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;
}
.rC1DR4Ck7E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.YnYVCC1Fhs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p9ZayFaeIu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.IRnnTnykPG {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._1g4SBc1Luz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.MHkMNobt8x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.MHkMNobt8x .cNXHfjKJDO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.MHkMNobt8x .cNXHfjKJDO > span {
  color: rgba(0, 0, 0, 0.65);
}
._3TKXWzgov\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3TKXWzgov\+ .FqcdNGdLBG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._3TKXWzgov\+ .FqcdNGdLBG > span {
  font-size: 8px;
}
.Sz9BFRqwoh .ant-popover-inner-content {
  padding: 0;
}
.Sz9BFRqwoh .ant-popover-arrow {
  border-color: #475365 !important;
}
.Sz9BFRqwoh .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.S1XMNFScup {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.zzA9vBilGU {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.zzA9vBilGU .f9H77KeDar {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Q9\+y3-HFAq {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.ZehYyjtqKk {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .ZehYyjtqKk {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.URgwbpBH21 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._3QNqoB9TqD {
    /* This is the key */
  }
  ._3QNqoB9TqD html,
  ._3QNqoB9TqD body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._3QNqoB9TqD body,
  ._3QNqoB9TqD div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._3QNqoB9TqD textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._3QNqoB9TqD table,
  ._3QNqoB9TqD tr,
  ._3QNqoB9TqD td {
    page-break-inside: avoid;
  }
  ._3QNqoB9TqD div {
    page-break-inside: avoid;
  }
  ._3QNqoB9TqD thead {
    display: table-header-group;
  }
  ._3QNqoB9TqD tfoot {
    display: table-footer-group;
  }
  ._3QNqoB9TqD * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._3QNqoB9TqD .Wg6yfXqSrD,
  ._3QNqoB9TqD .no-print,
  ._3QNqoB9TqD .react-resizable-handle,
  ._3QNqoB9TqD .fc-whiteboard-toolbar,
  ._3QNqoB9TqD .ant-modal-root,
  ._3QNqoB9TqD .ant-alert,
  ._3QNqoB9TqD .hHhUYRHMts,
  ._3QNqoB9TqD .gwPlQ1EioC {
    display: none !important;
  }
  ._3QNqoB9TqD .DvaJ67dteo {
    display: none !important;
  }
}
:root {
  /**
   * User input values.
   */
  --grid-layout-gap: 2mm;
  --grid-column-count: 4;
  /**
   * Calculated values.
   */
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  /* stylelint-disable-next-line prettier/prettier */
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
}
@media print {
  html,
  body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  body,
  div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  table,
  tr,
  td {
    page-break-inside: avoid;
  }
  div {
    page-break-inside: avoid;
  }
  /* This is the key */
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Wg6yfXqSrD,
  .no-print,
  .react-resizable-handle,
  .fc-whiteboard-toolbar,
  .ant-modal-root,
  .ant-alert,
  .hHhUYRHMts,
  .gwPlQ1EioC {
    display: none !important;
  }
  .DvaJ67dteo {
    display: none !important;
  }
}
.b1geMSypZZ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  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;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #eff1f7;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: rgba(0, 0, 0, 0.75);
  font-size: 3.5mm;
}
.b1geMSypZZ .ant-avatar-image > img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.b1geMSypZZ .ant-descriptions-row > th,
.b1geMSypZZ .ant-descriptions-row > td {
  padding-bottom: 2mm;
}
.b1geMSypZZ .ant-descriptions-title {
  font-size: 6mm;
  margin-bottom: 2mm;
}
.b1geMSypZZ .ant-divider-horizontal.ant-divider-with-text {
  font-size: 4.5mm;
  margin: 2.2mm 0;
}
.BBaXsYcozN {
  background: white;
  color: rgba(0, 0, 0, 0.65);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.BBaXsYcozN .ant-page-header {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
.BBaXsYcozN .ant-page-header-heading-title {
  color: white !important;
}
.BBaXsYcozN .react-resizable-handle {
  zoom: 1.5;
}
.BBaXsYcozN ._014YRelTRN {
  color: #000;
}
.BBaXsYcozN ._014YRelTRN ._43wa2CNfeq {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.BBaXsYcozN ._014YRelTRN ._43wa2CNfeq span {
  margin-top: 1mm;
  font-size: 3mm;
}
.BBaXsYcozN ._014YRelTRN ._1hi5gse-kQ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 4mm;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.75);
}
.BBaXsYcozN .gwPlQ1EioC {
  font-size: 6mm;
  position: absolute;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  left: 50%;
  top: 50%;
  cursor: pointer;
  z-index: 999999;
}
.BBaXsYcozN .pIwsh\+BSFr {
  border: 1px solid;
  page-break-before: avoid;
  page-break-after: avoid;
  page-break-inside: auto;
}
.ClOAUIVXGY {
  background-color: #eff1f7;
  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;
  font-weight: bold;
}
.DvaJ67dteo {
  background-color: #eff1f7;
  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;
  font-weight: bold;
}
.EEirU5WjAB {
  width: 100%;
}
.kSIIIIg9sT:last-child {
  margin-bottom: 0;
}
._9RszZRd538 {
  width: 100%;
  color: rgba(0, 0, 0, 0.75);
  text-align: left;
  padding: 1.5mm 4mm;
  border-bottom: 1px solid;
  padding-left: 1rem;
  font-weight: 400;
}
.mnNvEnQOYf {
  font-size: 3.5mm;
  padding: 16px;
  min-height: 60px;
}
.ip6br7Su9P {
  page-break-inside: avoid !important;
  page-break-after: auto !important;
  page-break-before: auto !important;
}
.ip6br7Su9P {
  padding: 2mm;
  width: 100%;
  display: grid;
  /* stylelint-disable-next-line comment-empty-line-before */
  /* grid-template-columns 同样需要设置，
    类似：grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    该值有动态的部分，因此只能在内联样式中设置，已在内联样式中设置 */
  grid-gap: 2mm;
  grid-gap: var(--grid-layout-gap);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.AdGOhWjEmU {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.BMnt18aVZN {
  position: relative;
}
._0scXsdcn34 {
  position: absolute;
  top: -3.5mm;
  right: 0;
  color: #bebebe;
}
._021rM2P5Rh {
  position: absolute;
  top: -4.9mm;
}
.Do3zYr2wGS {
  font-weight: bold;
  word-wrap: break-word;
}
.svAUZIwwSp {
  margin-bottom: 4px;
}
.svAUZIwwSp:last-child {
  margin-bottom: 0;
}
._7yVyjf21QN {
  color: #3f3f3f;
  font-weight: 200;
}
.Wq4gbKCtGF {
  font-weight: bold;
}
.XphjA5mpQn {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #3f3f3f;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.xDUxlSV9Bl {
  display: inline-block;
  margin-left: 8px;
  color: #0f0f0f;
  border-radius: 4px;
  padding: 2px;
  background-color: #f0f2f5;
  border: 1px solid #979797;
  cursor: default;
}
.GTsEGIbPbQ {
  color: #595959;
}
.Cp717JivOT {
  color: #0f0f0f;
}
.w3HujbdQJh {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
  width: 100%;
}
.w3HujbdQJh[\:has\(\%3E\%20\:only-child\)] {
  grid-template-columns: 1fr;
}
.w3HujbdQJh:has(> :only-child) {
  grid-template-columns: 1fr;
}
.w3HujbdQJh > div:only-child,
.w3HujbdQJh > .RKSRO0e-lo:only-child {
  grid-column: 1;
  width: 100%;
}
.RKSRO0e-lo {
  border: 1px solid;
  overflow: hidden;
  background: #fff;
}

.uDy5hBndUm {
  position: relative;
  width: 100%;
  padding: 24px;
  padding-top: 0;
}
.uDy5hBndUm .Y-KFwwYXdn {
  width: 100%;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.uDy5hBndUm .Y-KFwwYXdn .pInbpZYUO2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.uDy5hBndUm .a2kufpkTqE {
  width: 100%;
  margin-bottom: 24px;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.uDy5hBndUm .a2kufpkTqE ._1lZl\+bvlVW {
  width: 100%;
  height: 38px;
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px;
  border-bottom: 1px solid #d8d8d8;
}
.uDy5hBndUm .a2kufpkTqE ._1lZl\+bvlVW ._65Snl0IjGp {
  width: 300px;
}
.uDy5hBndUm .a2kufpkTqE .AjL1ac8YaP {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #f7f7f7;
  padding-bottom: 24px;
}
.uDy5hBndUm .a2kufpkTqE .AjL1ac8YaP .usY-LiifIf {
  width: 100px;
  margin: 24px 0 0 24px;
}
.uDy5hBndUm .a2kufpkTqE .AjL1ac8YaP .usY-LiifIf .M-Lfo8pT5e {
  width: 100%;
}
.uDy5hBndUm .a2kufpkTqE .AjL1ac8YaP .usY-LiifIf .M-Lfo8pT5e .HU0VrFik0a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.DRoufL7F14 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.qn9WmG9soF {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Gx4DmXafaz {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Gx4DmXafaz > i,
.Gx4DmXafaz > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.xL4Uf9RRQS {
  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;
}
.OjCwGUSMeN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Qho7wC0Sio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fswnqWTq31 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.t-icMlUIbc {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._1DfbTC0paZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.veJct7Mz5u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.veJct7Mz5u .t8-EEVIAU7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.veJct7Mz5u .t8-EEVIAU7 > span {
  color: rgba(0, 0, 0, 0.65);
}
.ZBjt8Avh6e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ZBjt8Avh6e .yl72XlXK10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ZBjt8Avh6e .yl72XlXK10 > span {
  font-size: 8px;
}
.rQQ9\+mue0R .ant-popover-inner-content {
  padding: 0;
}
.rQQ9\+mue0R .ant-popover-arrow {
  border-color: #475365 !important;
}
.rQQ9\+mue0R .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.phxxdAKg-Z {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.zzF7Rx9c2y {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.zzF7Rx9c2y .am4E\+DUFW2 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.rb6sY7DzhX {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._79cAoyYt64 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._79cAoyYt64 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.rNdGhFhxeC {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ppW6jeHHfn {
    /* This is the key */
  }
  .ppW6jeHHfn html,
  .ppW6jeHHfn body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ppW6jeHHfn body,
  .ppW6jeHHfn div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ppW6jeHHfn textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ppW6jeHHfn table,
  .ppW6jeHHfn tr,
  .ppW6jeHHfn td {
    page-break-inside: avoid;
  }
  .ppW6jeHHfn div {
    page-break-inside: avoid;
  }
  .ppW6jeHHfn thead {
    display: table-header-group;
  }
  .ppW6jeHHfn tfoot {
    display: table-footer-group;
  }
  .ppW6jeHHfn * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ppW6jeHHfn .DHdyjmMX9h,
  .ppW6jeHHfn .no-print,
  .ppW6jeHHfn .react-resizable-handle,
  .ppW6jeHHfn .fc-whiteboard-toolbar,
  .ppW6jeHHfn .ant-modal-root,
  .ppW6jeHHfn .ant-alert,
  .ppW6jeHHfn ._7\+WBoW-nYN,
  .ppW6jeHHfn .\+1MQeqdMNw {
    display: none !important;
  }
  .ppW6jeHHfn .EoiezKBZqc {
    display: none !important;
  }
}
.Ipnt0GTedi {
  position: relative;
}

._6BG9Tysi\+N {
  color: #9e9e9e;
  font-size: 13px;
  line-height: 14px;
  margin: 0;
  margin-top: 3px;
  margin-bottom: 16px;
}

.jGme2dE9jz {
  position: inherit;
  display: inline-block;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.p\+6SGA7Z0v {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.jomJiqYrrS {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._3VtFaI6a3p {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3VtFaI6a3p > i,
._3VtFaI6a3p > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FLPcOhj5tU {
  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;
}
.CO8h1eqWL7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._3Jzx21ZhsE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wohA2SurZ3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._4M\+nDX0KPn {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.qz9hk6eU-D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vJRhYs4Ceo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.vJRhYs4Ceo ._1ScL\+I\+kkv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.vJRhYs4Ceo ._1ScL\+I\+kkv > span {
  color: rgba(0, 0, 0, 0.65);
}
.VmAGUfQkUe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.VmAGUfQkUe .rHxnNM-Mpt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.VmAGUfQkUe .rHxnNM-Mpt > span {
  font-size: 8px;
}
._5SHNT\+u5FW .ant-popover-inner-content {
  padding: 0;
}
._5SHNT\+u5FW .ant-popover-arrow {
  border-color: #475365 !important;
}
._5SHNT\+u5FW .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.H5WmUyyviB {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.VJRnPiadJh {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.VJRnPiadJh .HHinG29mX5 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.kOT7y8pjyb {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.s6Qunu\+LkT {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .s6Qunu\+LkT {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.L0l8EQOSSP {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .bgMuo0MT1k {
    /* This is the key */
  }
  .bgMuo0MT1k html,
  .bgMuo0MT1k body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .bgMuo0MT1k body,
  .bgMuo0MT1k div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .bgMuo0MT1k textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .bgMuo0MT1k table,
  .bgMuo0MT1k tr,
  .bgMuo0MT1k td {
    page-break-inside: avoid;
  }
  .bgMuo0MT1k div {
    page-break-inside: avoid;
  }
  .bgMuo0MT1k thead {
    display: table-header-group;
  }
  .bgMuo0MT1k tfoot {
    display: table-footer-group;
  }
  .bgMuo0MT1k * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .bgMuo0MT1k .kmWbC-G3k-,
  .bgMuo0MT1k .no-print,
  .bgMuo0MT1k .react-resizable-handle,
  .bgMuo0MT1k .fc-whiteboard-toolbar,
  .bgMuo0MT1k .ant-modal-root,
  .bgMuo0MT1k .ant-alert,
  .bgMuo0MT1k .MHn03heRE8,
  .bgMuo0MT1k .kQDPUnOPwu {
    display: none !important;
  }
  .bgMuo0MT1k .hoyPz0iEEn {
    display: none !important;
  }
}
.jCNI2kGWtW {
  background-color: #fff;
  padding-bottom: 32px;
}
.jCNI2kGWtW .V2s4z8z34R {
  border: 1px solid #ff4d4f;
}
.jCNI2kGWtW .domA8XgqWA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.jCNI2kGWtW .domA8XgqWA > span {
  margin-left: 4px;
}
.jCNI2kGWtW .qVtDkT\+z7H {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.jCNI2kGWtW .qVtDkT\+z7H .Ku-0B7YU2S {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.jCNI2kGWtW .qVtDkT\+z7H .Ku-0B7YU2S > span {
  color: #6874e2;
  font-size: 20px;
  margin-left: 6px;
}
.jCNI2kGWtW .TyqZDOaPur {
  color: rgba(0, 0, 0, 0.65);
  margin-top: 16px;
}
.jCNI2kGWtW .TyqZDOaPur .aWDUHEkyCe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 190px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.jCNI2kGWtW .TyqZDOaPur .aWDUHEkyCe > span {
  margin: 0 6px 0 8px;
}
.jCNI2kGWtW .TyqZDOaPur > div:last-child {
  margin-top: 12px;
}
.jCNI2kGWtW .CO8h1eqWL7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.jCNI2kGWtW ._4M\+nDX0KPn {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jCNI2kGWtW #inquiry-order-item-table .ant-table-cell {
  padding: 16px 8px;
}
.RyDqmakoQL {
  position: relative;
}
.RyDqmakoQL .ant-spin-blur {
  opacity: 0.1 !important;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.ilmV\+sb1PH {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.e8iCJTMnla {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.uZiD66gmJo {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.uZiD66gmJo > i,
.uZiD66gmJo > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Mwe1RWKSBk {
  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;
}
._6sG0mzbaQa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._9CuQL5Hjc1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rtoW75KOlC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.hUKlJvuc9h {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.T4S3nylVo9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Bz-PyZ-3qL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Bz-PyZ-3qL .QLVs\+yLdfi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Bz-PyZ-3qL .QLVs\+yLdfi > span {
  color: rgba(0, 0, 0, 0.65);
}
.vQEAH2cTXA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.vQEAH2cTXA .neEg-GQwOl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.vQEAH2cTXA .neEg-GQwOl > span {
  font-size: 8px;
}
.ZQPCVYvXS- .ant-popover-inner-content {
  padding: 0;
}
.ZQPCVYvXS- .ant-popover-arrow {
  border-color: #475365 !important;
}
.ZQPCVYvXS- .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.zNBiu0tBUr {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Hbmzvkspjg {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Hbmzvkspjg ._58EHNiH30J {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.DDsS0RVSVf {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._6jTOnir0wS {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._6jTOnir0wS {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.w2IoH4w8w\+ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .F9jDRmQOy5 {
    /* This is the key */
  }
  .F9jDRmQOy5 html,
  .F9jDRmQOy5 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .F9jDRmQOy5 body,
  .F9jDRmQOy5 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .F9jDRmQOy5 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .F9jDRmQOy5 table,
  .F9jDRmQOy5 tr,
  .F9jDRmQOy5 td {
    page-break-inside: avoid;
  }
  .F9jDRmQOy5 div {
    page-break-inside: avoid;
  }
  .F9jDRmQOy5 thead {
    display: table-header-group;
  }
  .F9jDRmQOy5 tfoot {
    display: table-footer-group;
  }
  .F9jDRmQOy5 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .F9jDRmQOy5 .tB4t2d3gwf,
  .F9jDRmQOy5 .no-print,
  .F9jDRmQOy5 .react-resizable-handle,
  .F9jDRmQOy5 .fc-whiteboard-toolbar,
  .F9jDRmQOy5 .ant-modal-root,
  .F9jDRmQOy5 .ant-alert,
  .F9jDRmQOy5 .gmbG19c3qO,
  .F9jDRmQOy5 .Q2MKZoTZFU {
    display: none !important;
  }
  .F9jDRmQOy5 .TSzNoG3lPa {
    display: none !important;
  }
}
.aMy7oEHalD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.uNAZpVJg3U {
  margin-right: 10px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.r7Yx1el52Y {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.mlw9AM7sWr {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.TPVtP1ttgp {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.TPVtP1ttgp > i,
.TPVtP1ttgp > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._5JUnfbOSju {
  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;
}
.JhhzdbqOog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.LW5kA3\+vpd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.u52QQOGkNk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.EJxtdq3M\+U {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.yrN8d-X2zK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Xm5sDQo9uS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Xm5sDQo9uS .vJO8Bh4tQ6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Xm5sDQo9uS .vJO8Bh4tQ6 > span {
  color: rgba(0, 0, 0, 0.65);
}
.IlrtBv9Zrd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.IlrtBv9Zrd .Kh1q03ZRYo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.IlrtBv9Zrd .Kh1q03ZRYo > span {
  font-size: 8px;
}
.XZaqB8722K .ant-popover-inner-content {
  padding: 0;
}
.XZaqB8722K .ant-popover-arrow {
  border-color: #475365 !important;
}
.XZaqB8722K .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.JZdPvXCGMX {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.mBgpvV1pGY {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.mBgpvV1pGY .IqKknMrxWq {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Yo2Cov5E71 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.BmBA5YK8Zs {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .BmBA5YK8Zs {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.xoLgUVJHFU {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._4aDK4vGCNv {
    /* This is the key */
  }
  ._4aDK4vGCNv html,
  ._4aDK4vGCNv body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._4aDK4vGCNv body,
  ._4aDK4vGCNv div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._4aDK4vGCNv textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._4aDK4vGCNv table,
  ._4aDK4vGCNv tr,
  ._4aDK4vGCNv td {
    page-break-inside: avoid;
  }
  ._4aDK4vGCNv div {
    page-break-inside: avoid;
  }
  ._4aDK4vGCNv thead {
    display: table-header-group;
  }
  ._4aDK4vGCNv tfoot {
    display: table-footer-group;
  }
  ._4aDK4vGCNv * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._4aDK4vGCNv .f59WGYej70,
  ._4aDK4vGCNv .no-print,
  ._4aDK4vGCNv .react-resizable-handle,
  ._4aDK4vGCNv .fc-whiteboard-toolbar,
  ._4aDK4vGCNv .ant-modal-root,
  ._4aDK4vGCNv .ant-alert,
  ._4aDK4vGCNv .xoVt0VZP0R,
  ._4aDK4vGCNv .c4X4gZz--t {
    display: none !important;
  }
  ._4aDK4vGCNv .qlZE7pqHWa {
    display: none !important;
  }
}
.VELIij4Jto {
  margin-right: 10px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._7wt8YRPFEz {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.QG0E38aimV {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.oqPURokjl9 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.oqPURokjl9 > i,
.oqPURokjl9 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nwB47woo0l {
  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;
}
.-ZEXUN4rDv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pKIY-89\+P\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.\-8CDrNCAvH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.gUqAJEHA1A {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.QdTarGOFao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.h\+DxcLnXqf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.h\+DxcLnXqf .Z5xka5Etn8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.h\+DxcLnXqf .Z5xka5Etn8 > span {
  color: rgba(0, 0, 0, 0.65);
}
.mdlw8ws6jt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mdlw8ws6jt ._4S1mGJri8- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mdlw8ws6jt ._4S1mGJri8- > span {
  font-size: 8px;
}
.ybeT4GUjUj .ant-popover-inner-content {
  padding: 0;
}
.ybeT4GUjUj .ant-popover-arrow {
  border-color: #475365 !important;
}
.ybeT4GUjUj .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.P9HNChv86W {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.JbUK6R6Fgt {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.JbUK6R6Fgt .zZgefDBS58 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.M7vkpi2Edn {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.aaBg4JeIbu {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .aaBg4JeIbu {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Z-o\+n41zoH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .nR8IpP8Yzi {
    /* This is the key */
  }
  .nR8IpP8Yzi html,
  .nR8IpP8Yzi body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .nR8IpP8Yzi body,
  .nR8IpP8Yzi div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .nR8IpP8Yzi textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .nR8IpP8Yzi table,
  .nR8IpP8Yzi tr,
  .nR8IpP8Yzi td {
    page-break-inside: avoid;
  }
  .nR8IpP8Yzi div {
    page-break-inside: avoid;
  }
  .nR8IpP8Yzi thead {
    display: table-header-group;
  }
  .nR8IpP8Yzi tfoot {
    display: table-footer-group;
  }
  .nR8IpP8Yzi * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .nR8IpP8Yzi .G5KEpPH3Uy,
  .nR8IpP8Yzi .no-print,
  .nR8IpP8Yzi .react-resizable-handle,
  .nR8IpP8Yzi .fc-whiteboard-toolbar,
  .nR8IpP8Yzi .ant-modal-root,
  .nR8IpP8Yzi .ant-alert,
  .nR8IpP8Yzi .Xur0gisEVY,
  .nR8IpP8Yzi .FexZchRevj {
    display: none !important;
  }
  .nR8IpP8Yzi .XfZPOgjRWP {
    display: none !important;
  }
}
._1eQcfeCy6b {
  position: relative;
  margin-top: 5px;
}
._1eQcfeCy6b:hover .-zFmhQnu4t {
  visibility: visible;
  max-height: 250px;
  overflow-y: scroll;
}
._1eQcfeCy6b .foxRMTYQTH {
  color: #1677ff;
  cursor: pointer;
}
._1eQcfeCy6b .-zFmhQnu4t {
  visibility: hidden;
  position: absolute;
  z-index: 999;
  width: 260px;
  right: 0;
  padding-top: 5px;
  background: white;
  -webkit-box-shadow: 0 2px 3px #bfbfbf;
          box-shadow: 0 2px 3px #bfbfbf;
}
._1eQcfeCy6b .-zFmhQnu4t .kebjNv4H7l .dVOTS1z2PP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 10px;
}
._1eQcfeCy6b .-zFmhQnu4t .kebjNv4H7l .dVOTS1z2PP .kePcWW-RBx {
  margin-right: 5px;
}
._1eQcfeCy6b .-zFmhQnu4t .kebjNv4H7l .dVOTS1z2PP .QyxW9d5U3j {
  color: #1677ff;
}
._1eQcfeCy6b .-zFmhQnu4t .kebjNv4H7l .dVOTS1z2PP .OHb96CnVHM {
  color: #ff4d4f;
}
._1eQcfeCy6b .-zFmhQnu4t .kebjNv4H7l .dVOTS1z2PP .RN2pXPqOLm {
  color: #13d369;
}
._1eQcfeCy6b .-zFmhQnu4t .kebjNv4H7l .dVOTS1z2PP .fqLSaQwGjJ {
  color: #999;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.oVIOUbfnur {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Qn4yT5pOQN {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.WNQqxkTgkq {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.WNQqxkTgkq > i,
.WNQqxkTgkq > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.YLC-nnJPN\+ {
  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;
}
.b2GEM9ETW3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.AlKjMaNBHx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.jdtaS9ua5h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.b8U7S5-KEZ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._7RlrVDcDvl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jVI11pJPJn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.jVI11pJPJn .ByXhrWma9f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.jVI11pJPJn .ByXhrWma9f > span {
  color: rgba(0, 0, 0, 0.65);
}
.kfZEYEjzTs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kfZEYEjzTs .PaUmS7cuX- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.kfZEYEjzTs .PaUmS7cuX- > span {
  font-size: 8px;
}
.kDEI28NgAD .ant-popover-inner-content {
  padding: 0;
}
.kDEI28NgAD .ant-popover-arrow {
  border-color: #475365 !important;
}
.kDEI28NgAD .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.le0-ixXZHq {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._8VFVK271Sy {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._8VFVK271Sy .kU90cw1Ibu {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.RGSIVMlysd {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.C-C8sIP6uw {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .C-C8sIP6uw {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.oQZjeKnm4f {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._0uUWwuY3TQ {
    /* This is the key */
  }
  ._0uUWwuY3TQ html,
  ._0uUWwuY3TQ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._0uUWwuY3TQ body,
  ._0uUWwuY3TQ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._0uUWwuY3TQ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._0uUWwuY3TQ table,
  ._0uUWwuY3TQ tr,
  ._0uUWwuY3TQ td {
    page-break-inside: avoid;
  }
  ._0uUWwuY3TQ div {
    page-break-inside: avoid;
  }
  ._0uUWwuY3TQ thead {
    display: table-header-group;
  }
  ._0uUWwuY3TQ tfoot {
    display: table-footer-group;
  }
  ._0uUWwuY3TQ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._0uUWwuY3TQ .i5XZFe8kJh,
  ._0uUWwuY3TQ .no-print,
  ._0uUWwuY3TQ .react-resizable-handle,
  ._0uUWwuY3TQ .fc-whiteboard-toolbar,
  ._0uUWwuY3TQ .ant-modal-root,
  ._0uUWwuY3TQ .ant-alert,
  ._0uUWwuY3TQ .tgwpwpxaHM,
  ._0uUWwuY3TQ .LQW7sFqHAp {
    display: none !important;
  }
  ._0uUWwuY3TQ .Y\+pXu2ygzJ {
    display: none !important;
  }
}
.ol0HuECAbT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ol0HuECAbT .vHmbJmUcVT {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.P3oeJjodSh {
  position: relative;
}

.Cw4l40Sug1 {
  position: relative;
}
.-Dt-mlwkVa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.bxjJoq86d5 {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._6-CGvBM1nx {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.lgwBfPuW-G {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Lbe40pAZE- {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Lbe40pAZE- > i,
.Lbe40pAZE- > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.goKR66YO-t {
  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;
}
.FAZ6VcuaGl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.BGQFtwCXhy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.VSGpHciBED {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.QDuu6VcTTL {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._7Tdn\+BuFmZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.e\+VThat5u8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.e\+VThat5u8 .OLJkOOaptb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.e\+VThat5u8 .OLJkOOaptb > span {
  color: rgba(0, 0, 0, 0.65);
}
.G6wEC1jXzT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.G6wEC1jXzT .X6XpAxCMAP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.G6wEC1jXzT .X6XpAxCMAP > span {
  font-size: 8px;
}
.a2P7pittfH .ant-popover-inner-content {
  padding: 0;
}
.a2P7pittfH .ant-popover-arrow {
  border-color: #475365 !important;
}
.a2P7pittfH .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._6LBp9CZ4rP {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.bM4P1owu2- {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.bM4P1owu2- .peLFNsLeNp {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Mu\+UY692Od {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.aXC57lSMDN {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .aXC57lSMDN {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.MNGPpLY3nu {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Qdojstq2nu {
    /* This is the key */
  }
  .Qdojstq2nu html,
  .Qdojstq2nu body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Qdojstq2nu body,
  .Qdojstq2nu div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Qdojstq2nu textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Qdojstq2nu table,
  .Qdojstq2nu tr,
  .Qdojstq2nu td {
    page-break-inside: avoid;
  }
  .Qdojstq2nu div {
    page-break-inside: avoid;
  }
  .Qdojstq2nu thead {
    display: table-header-group;
  }
  .Qdojstq2nu tfoot {
    display: table-footer-group;
  }
  .Qdojstq2nu * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Qdojstq2nu .K57GATNUPa,
  .Qdojstq2nu .no-print,
  .Qdojstq2nu .react-resizable-handle,
  .Qdojstq2nu .fc-whiteboard-toolbar,
  .Qdojstq2nu .ant-modal-root,
  .Qdojstq2nu .ant-alert,
  .Qdojstq2nu .qvaetuFKMN,
  .Qdojstq2nu .NmUPwnnX7w {
    display: none !important;
  }
  .Qdojstq2nu .tbtbz97AZ5 {
    display: none !important;
  }
}
.nuulSoWSmC {
  margin-bottom: 8px;
}
.nuulSoWSmC .ant-btn {
  padding: 0;
}
.q5mRW\+hsHr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: bolder;
}

.aoXPT36fHN {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.aoXPT36fHN .ant-steps-item-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.u\+OcNgnLT0 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.LXQFRSQMgD {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Nzyqv3oONl {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Nzyqv3oONl > i,
.Nzyqv3oONl > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bKM2gE5lrd {
  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;
}
.Cjwut\+dMAX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Z57KXq3P68 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.EaSFI3WCJ0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._96\+2s0zXCn {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.KpR6voQh5e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.\+ZSk6fBiux {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.\+ZSk6fBiux .LLGEIfbsT2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.\+ZSk6fBiux .LLGEIfbsT2 > span {
  color: rgba(0, 0, 0, 0.65);
}
.y5EVf0gyTY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.y5EVf0gyTY .uVtd-m2432 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.y5EVf0gyTY .uVtd-m2432 > span {
  font-size: 8px;
}
.O7ClKa5bgh .ant-popover-inner-content {
  padding: 0;
}
.O7ClKa5bgh .ant-popover-arrow {
  border-color: #475365 !important;
}
.O7ClKa5bgh .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._0ZA3MUizQn {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.qH9jtPd7oe {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.qH9jtPd7oe ._06mCXn\+INM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._8Oe4bWqmiD {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.M4nGtckLya {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .M4nGtckLya {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._2osRv0sdBO {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._7rFSyYA0Gs {
    /* This is the key */
  }
  ._7rFSyYA0Gs html,
  ._7rFSyYA0Gs body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._7rFSyYA0Gs body,
  ._7rFSyYA0Gs div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._7rFSyYA0Gs textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._7rFSyYA0Gs table,
  ._7rFSyYA0Gs tr,
  ._7rFSyYA0Gs td {
    page-break-inside: avoid;
  }
  ._7rFSyYA0Gs div {
    page-break-inside: avoid;
  }
  ._7rFSyYA0Gs thead {
    display: table-header-group;
  }
  ._7rFSyYA0Gs tfoot {
    display: table-footer-group;
  }
  ._7rFSyYA0Gs * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._7rFSyYA0Gs ._6fq4vIwF54,
  ._7rFSyYA0Gs .no-print,
  ._7rFSyYA0Gs .react-resizable-handle,
  ._7rFSyYA0Gs .fc-whiteboard-toolbar,
  ._7rFSyYA0Gs .ant-modal-root,
  ._7rFSyYA0Gs .ant-alert,
  ._7rFSyYA0Gs .u8WMJ\+xlMt,
  ._7rFSyYA0Gs .VPlHKFK5pG {
    display: none !important;
  }
  ._7rFSyYA0Gs .r6LnLH0mOe {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.DureaS-xFu {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tMVoB2BP1S {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.YEn1TvYyEf {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YEn1TvYyEf > i,
.YEn1TvYyEf > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.W0lSFiqc-f {
  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;
}
._8-Ip-BGYnn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.nB8pe6q5rb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._0jhSq7FUTi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.NOIjAO2s9m {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sN4JsiJmfb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Z2Q7cGk1o7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Z2Q7cGk1o7 .-wHL\+SnV0k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Z2Q7cGk1o7 .-wHL\+SnV0k > span {
  color: rgba(0, 0, 0, 0.65);
}
.uvPucSrTrv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.uvPucSrTrv .NxtXZAkacP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.uvPucSrTrv .NxtXZAkacP > span {
  font-size: 8px;
}
._66yGGxRuAs .ant-popover-inner-content {
  padding: 0;
}
._66yGGxRuAs .ant-popover-arrow {
  border-color: #475365 !important;
}
._66yGGxRuAs .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.cuV9QPJJ-x {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.fo26cdcjXr {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.fo26cdcjXr .X19rPu8nwV {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Ccjti2CClm {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.mGpoarbVoe {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .mGpoarbVoe {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.mLg1IIKPyg {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .SQNz1L5Gz- {
    /* This is the key */
  }
  .SQNz1L5Gz- html,
  .SQNz1L5Gz- body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .SQNz1L5Gz- body,
  .SQNz1L5Gz- div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .SQNz1L5Gz- textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .SQNz1L5Gz- table,
  .SQNz1L5Gz- tr,
  .SQNz1L5Gz- td {
    page-break-inside: avoid;
  }
  .SQNz1L5Gz- div {
    page-break-inside: avoid;
  }
  .SQNz1L5Gz- thead {
    display: table-header-group;
  }
  .SQNz1L5Gz- tfoot {
    display: table-footer-group;
  }
  .SQNz1L5Gz- * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .SQNz1L5Gz- .WEb8au2v9p,
  .SQNz1L5Gz- .no-print,
  .SQNz1L5Gz- .react-resizable-handle,
  .SQNz1L5Gz- .fc-whiteboard-toolbar,
  .SQNz1L5Gz- .ant-modal-root,
  .SQNz1L5Gz- .ant-alert,
  .SQNz1L5Gz- ._1XYtOoDcUG,
  .SQNz1L5Gz- .AZ0T95wK3M {
    display: none !important;
  }
  .SQNz1L5Gz- .hW4Gn6ihx3 {
    display: none !important;
  }
}
.tIoeBkO2Yl {
  padding-top: 24px;
}
.tIoeBkO2Yl ._1C6gfHyOok {
  width: 560px;
  max-height: 420px;
  overflow-y: auto;
  padding-top: 12px;
  padding-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 32px;
}
.tIoeBkO2Yl ._1C6gfHyOok .aBETzps1oJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 22px;
}
.tIoeBkO2Yl ._1C6gfHyOok .nHsAf2RDC0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tIoeBkO2Yl ._1C6gfHyOok .nHsAf2RDC0 > div:first-child {
  min-width: 100px;
}
.tIoeBkO2Yl ._1C6gfHyOok .AFpiIx-oZR {
  display: inline-block;
  width: 80px;
  color: rgba(0, 0, 0, 0.65);
  text-align: right;
  margin-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tIoeBkO2Yl ._1C6gfHyOok .zlOLaVBcvk {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tIoeBkO2Yl .fhV76GtUyK {
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.mNwU5E7Y3\+ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._0GViCwLiN- {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.obCz1vs5FN {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.obCz1vs5FN > i,
.obCz1vs5FN > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dIMO16JSAy {
  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;
}
.mhEyoA9G5E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.TGmE9uy\+J2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._0LeFneBxAJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.\+uvHLbWOol {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Vhw5UAxkLh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.X\+vvfhVGvu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.X\+vvfhVGvu .xzMAKeotig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.X\+vvfhVGvu .xzMAKeotig > span {
  color: rgba(0, 0, 0, 0.65);
}
._4-DHafFezK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._4-DHafFezK .HW5lZVpQg5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._4-DHafFezK .HW5lZVpQg5 > span {
  font-size: 8px;
}
.qi\+oXdgqKX .ant-popover-inner-content {
  padding: 0;
}
.qi\+oXdgqKX .ant-popover-arrow {
  border-color: #475365 !important;
}
.qi\+oXdgqKX .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.BirPLGLiIz {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.zhBUdwoYTU {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.zhBUdwoYTU .he1Z9FI7fZ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.o2DlP0yMbx {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.COuWPOYwmD {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .COuWPOYwmD {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.eLYWZmk1Lk {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .DY7nWo6L-O {
    /* This is the key */
  }
  .DY7nWo6L-O html,
  .DY7nWo6L-O body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .DY7nWo6L-O body,
  .DY7nWo6L-O div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .DY7nWo6L-O textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .DY7nWo6L-O table,
  .DY7nWo6L-O tr,
  .DY7nWo6L-O td {
    page-break-inside: avoid;
  }
  .DY7nWo6L-O div {
    page-break-inside: avoid;
  }
  .DY7nWo6L-O thead {
    display: table-header-group;
  }
  .DY7nWo6L-O tfoot {
    display: table-footer-group;
  }
  .DY7nWo6L-O * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .DY7nWo6L-O .JQkEI7jUik,
  .DY7nWo6L-O .no-print,
  .DY7nWo6L-O .react-resizable-handle,
  .DY7nWo6L-O .fc-whiteboard-toolbar,
  .DY7nWo6L-O .ant-modal-root,
  .DY7nWo6L-O .ant-alert,
  .DY7nWo6L-O .GUpwoqJ71m,
  .DY7nWo6L-O .WsVfn1x-5e {
    display: none !important;
  }
  .DY7nWo6L-O ._1X9s7rVrwU {
    display: none !important;
  }
}
._05bkL6a-Kg .ant-steps-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffb100;
  border-color: transparent;
}
._05bkL6a-Kg .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
._05bkL6a-Kg .yyrQsxKFxc {
  padding: 5px 0;
}
._05bkL6a-Kg .WnMhDmxQhp {
  font-weight: 500;
  color: #333;
}
._05bkL6a-Kg .BCB0Z3GJSx {
  font-weight: 500;
  color: #333;
  color: #d9d9d9;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.qQy64iEUqJ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.EG02OwW1cY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._1a5tMgMlJf {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1a5tMgMlJf > i,
._1a5tMgMlJf > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.GDEf6qz0H6 {
  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;
}
.G50on47CDC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._6zWD6DfKMS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._4J1dzdiePC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.F4yhNhm5lJ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.F8CYUJRV4R {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.xpCXMqvft\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.xpCXMqvft\+ .RZCbviKvb1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.xpCXMqvft\+ .RZCbviKvb1 > span {
  color: rgba(0, 0, 0, 0.65);
}
.WTMJPWClRy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.WTMJPWClRy .wgfNab7i6G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.WTMJPWClRy .wgfNab7i6G > span {
  font-size: 8px;
}
.X1fLHLeZfS .ant-popover-inner-content {
  padding: 0;
}
.X1fLHLeZfS .ant-popover-arrow {
  border-color: #475365 !important;
}
.X1fLHLeZfS .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.cq1vt8lU49 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.wzJQ-Zi9Xv {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.wzJQ-Zi9Xv .rB-EIKUb0i {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._17xvPFR9sC {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Q25W791Gtp {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Q25W791Gtp {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.C211FL1DoH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .rtZ9SoR9kw {
    /* This is the key */
  }
  .rtZ9SoR9kw html,
  .rtZ9SoR9kw body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .rtZ9SoR9kw body,
  .rtZ9SoR9kw div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .rtZ9SoR9kw textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .rtZ9SoR9kw table,
  .rtZ9SoR9kw tr,
  .rtZ9SoR9kw td {
    page-break-inside: avoid;
  }
  .rtZ9SoR9kw div {
    page-break-inside: avoid;
  }
  .rtZ9SoR9kw thead {
    display: table-header-group;
  }
  .rtZ9SoR9kw tfoot {
    display: table-footer-group;
  }
  .rtZ9SoR9kw * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .rtZ9SoR9kw .WY11f5-Iqn,
  .rtZ9SoR9kw .no-print,
  .rtZ9SoR9kw .react-resizable-handle,
  .rtZ9SoR9kw .fc-whiteboard-toolbar,
  .rtZ9SoR9kw .ant-modal-root,
  .rtZ9SoR9kw .ant-alert,
  .rtZ9SoR9kw .g1TDzNVu5y,
  .rtZ9SoR9kw .vBf8JPujIF {
    display: none !important;
  }
  .rtZ9SoR9kw ._17218zi6\+- {
    display: none !important;
  }
}
.fb7oMUfANl {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.fb7oMUfANl ._8pT15ifQdO {
  overflow: auto;
  padding: 1rem 1.25rem;
  height: calc(100% - 120px);
}
.fb7oMUfANl ._8pT15ifQdO .afeqA7ULsc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 16px;
}
.fb7oMUfANl .AI0CCeTNpa {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  overflow-x: auto;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._8bRvQGPdlN {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.dPNsmTasiJ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Ccv1HNFzbn {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Ccv1HNFzbn > i,
.Ccv1HNFzbn > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.uiAg1xXILd {
  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;
}
.UXWr0Ywjoj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.QrjMNgJ1p\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.zR-wgmaaTf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.lFC7RxYb1d {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.daswz4Vmqw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.I\+L-vA\+InX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.I\+L-vA\+InX .B3CUf2l1Av {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.I\+L-vA\+InX .B3CUf2l1Av > span {
  color: rgba(0, 0, 0, 0.65);
}
.dWo2dhr3H4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dWo2dhr3H4 .nesQhbJHyz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dWo2dhr3H4 .nesQhbJHyz > span {
  font-size: 8px;
}
.Fg\+X3T1bCK .ant-popover-inner-content {
  padding: 0;
}
.Fg\+X3T1bCK .ant-popover-arrow {
  border-color: #475365 !important;
}
.Fg\+X3T1bCK .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._7PdMnTGfYn {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.kbZKKn\+t6b {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.kbZKKn\+t6b .D\+mzXCN71Q {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.xI7mJNx5zZ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.qbbKUKfHZr {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .qbbKUKfHZr {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.fXQ-nvH4Ew {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .QKI-ekjLyP {
    /* This is the key */
  }
  .QKI-ekjLyP html,
  .QKI-ekjLyP body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .QKI-ekjLyP body,
  .QKI-ekjLyP div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .QKI-ekjLyP textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .QKI-ekjLyP table,
  .QKI-ekjLyP tr,
  .QKI-ekjLyP td {
    page-break-inside: avoid;
  }
  .QKI-ekjLyP div {
    page-break-inside: avoid;
  }
  .QKI-ekjLyP thead {
    display: table-header-group;
  }
  .QKI-ekjLyP tfoot {
    display: table-footer-group;
  }
  .QKI-ekjLyP * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .QKI-ekjLyP .JMcDYeMH60,
  .QKI-ekjLyP .no-print,
  .QKI-ekjLyP .react-resizable-handle,
  .QKI-ekjLyP .fc-whiteboard-toolbar,
  .QKI-ekjLyP .ant-modal-root,
  .QKI-ekjLyP .ant-alert,
  .QKI-ekjLyP .acw0qLVdZG,
  .QKI-ekjLyP .qE0w7\+\+1hl {
    display: none !important;
  }
  .QKI-ekjLyP .WePijuKARo {
    display: none !important;
  }
}
.J\+5hX-q44s {
  padding: 0 4px;
}
.J\+5hX-q44s .OfRfthVHzT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.J\+5hX-q44s .OfRfthVHzT .GkD7KDCJsf {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  width: 18rem;
  height: 8rem;
  border-radius: 8px;
  background-color: #fff;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.J\+5hX-q44s .OfRfthVHzT .GkD7KDCJsf:not(:last-child) {
  margin-right: 2rem;
}
.J\+5hX-q44s .OfRfthVHzT .GkD7KDCJsf > span:first-child {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #6874e2;
}
.J\+5hX-q44s .OfRfthVHzT .GkD7KDCJsf > div:last-child {
  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;
  margin-top: 0.4rem;
}
.J\+5hX-q44s .OfRfthVHzT .GkD7KDCJsf > div:last-child > span:nth-child(2) {
  margin: 0 1rem;
}
.J\+5hX-q44s .OfRfthVHzT .MaV3\+Ywryl {
  -webkit-box-shadow: 0 0 10px 0 #6874e2;
          box-shadow: 0 0 10px 0 #6874e2;
}
.J\+5hX-q44s ._6pJ0bL\+s48 {
  overflow: auto;
  padding: 0.8rem 1.4rem;
  position: relative;
  background: #fff;
  border-radius: 4px;
  height: calc(100% - 14rem);
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.J\+5hX-q44s ._6pJ0bL\+s48 > div:first-child {
  margin-bottom: 1rem;
}
.J\+5hX-q44s ._6pJ0bL\+s48 ._4CMCdvnFUS {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.J\+5hX-q44s ._6pJ0bL\+s48 ._4CMCdvnFUS:not(:last-child) {
  margin-bottom: 1rem;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.wVY5rMwpLZ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ReknzxrQ4\+ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.JUyQkp4Won {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.JUyQkp4Won > i,
.JUyQkp4Won > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SN3NT-S3Hr {
  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;
}
.PiQlscJVCQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vWbL0HX8Zs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.aCrGAMDNRf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.-U48eHrpiR {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Jf3kxlampF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._9oec-p-cSg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._9oec-p-cSg .ucU5-gJ6EQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._9oec-p-cSg .ucU5-gJ6EQ > span {
  color: rgba(0, 0, 0, 0.65);
}
.q84WQDgULp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.q84WQDgULp .HLwrruEAxR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.q84WQDgULp .HLwrruEAxR > span {
  font-size: 8px;
}
._6ppDDz\+ULN .ant-popover-inner-content {
  padding: 0;
}
._6ppDDz\+ULN .ant-popover-arrow {
  border-color: #475365 !important;
}
._6ppDDz\+ULN .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.JPAcQ6UbRn {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.bgkizhNaXI {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.bgkizhNaXI .iAgREw5Zb6 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.h\+-CAMnCa0 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.BYh0kIVI8t {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .BYh0kIVI8t {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.SCIsiyiSDJ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .WM8o3IuzDm {
    /* This is the key */
  }
  .WM8o3IuzDm html,
  .WM8o3IuzDm body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .WM8o3IuzDm body,
  .WM8o3IuzDm div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .WM8o3IuzDm textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .WM8o3IuzDm table,
  .WM8o3IuzDm tr,
  .WM8o3IuzDm td {
    page-break-inside: avoid;
  }
  .WM8o3IuzDm div {
    page-break-inside: avoid;
  }
  .WM8o3IuzDm thead {
    display: table-header-group;
  }
  .WM8o3IuzDm tfoot {
    display: table-footer-group;
  }
  .WM8o3IuzDm * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .WM8o3IuzDm .GIimmSxfpr,
  .WM8o3IuzDm .no-print,
  .WM8o3IuzDm .react-resizable-handle,
  .WM8o3IuzDm .fc-whiteboard-toolbar,
  .WM8o3IuzDm .ant-modal-root,
  .WM8o3IuzDm .ant-alert,
  .WM8o3IuzDm .fdGSqpSKFO,
  .WM8o3IuzDm .D7n73tWe9F {
    display: none !important;
  }
  .WM8o3IuzDm .BbkSi6sCn3 {
    display: none !important;
  }
}
.PxXs90ibth {
  position: relative;
  height: 100%;
  width: 100%;
}
.RXbEXHJLQJ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 8px 16px;
  padding-top: 0;
  overflow-y: auto;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._5Eg6eM7WeY {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.L-a2CVVeHq {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.MRRsoD-Ia0 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.MRRsoD-Ia0 > i,
.MRRsoD-Ia0 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Af8ZnG\+2SA {
  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;
}
.mh3M1LLbAZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fX35ZQd\+aL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.o3zlGr1\+Ju {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.SgGleBmA-R {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ULWAyOD9cp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.qmU9c24ekf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.qmU9c24ekf .\-6-Kckg-1F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.qmU9c24ekf .\-6-Kckg-1F > span {
  color: rgba(0, 0, 0, 0.65);
}
.mtwSj3svj5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mtwSj3svj5 .O9Kp7ISYj6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mtwSj3svj5 .O9Kp7ISYj6 > span {
  font-size: 8px;
}
.T6T1PTb3iX .ant-popover-inner-content {
  padding: 0;
}
.T6T1PTb3iX .ant-popover-arrow {
  border-color: #475365 !important;
}
.T6T1PTb3iX .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._2ZY3wVWR0i {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.XROWDPX82J {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.XROWDPX82J .x4dzHDuPj4 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.kd2vDRGCC6 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Ufj3kMoAA9 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Ufj3kMoAA9 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.QMbqrBZvow {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .RDkDOPYAeE {
    /* This is the key */
  }
  .RDkDOPYAeE html,
  .RDkDOPYAeE body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .RDkDOPYAeE body,
  .RDkDOPYAeE div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .RDkDOPYAeE textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .RDkDOPYAeE table,
  .RDkDOPYAeE tr,
  .RDkDOPYAeE td {
    page-break-inside: avoid;
  }
  .RDkDOPYAeE div {
    page-break-inside: avoid;
  }
  .RDkDOPYAeE thead {
    display: table-header-group;
  }
  .RDkDOPYAeE tfoot {
    display: table-footer-group;
  }
  .RDkDOPYAeE * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .RDkDOPYAeE .drxp0qK8SQ,
  .RDkDOPYAeE .no-print,
  .RDkDOPYAeE .react-resizable-handle,
  .RDkDOPYAeE .fc-whiteboard-toolbar,
  .RDkDOPYAeE .ant-modal-root,
  .RDkDOPYAeE .ant-alert,
  .RDkDOPYAeE .ae9JwDNdm3,
  .RDkDOPYAeE .N0Vdikb-Xn {
    display: none !important;
  }
  .RDkDOPYAeE .jiX1hHQv\+9 {
    display: none !important;
  }
}
.k3cVYOfiqL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.PFRD48RaeW {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._9b\+PHLY1dw {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.feutFIlpK9 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.feutFIlpK9 > i,
.feutFIlpK9 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SpZDkfgr6P {
  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;
}
.SshMn7rb-q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.OSwf2AFlvF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.YGgWb3dBng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.W0BDW8clI3 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ckOnCPYx97 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aMELHM\+nbJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.aMELHM\+nbJ ._0kK\+3AW9JC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.aMELHM\+nbJ ._0kK\+3AW9JC > span {
  color: rgba(0, 0, 0, 0.65);
}
.nzAg15Nze- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nzAg15Nze- .COvtPJW6zW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.nzAg15Nze- .COvtPJW6zW > span {
  font-size: 8px;
}
._6wxIP3Rwlz .ant-popover-inner-content {
  padding: 0;
}
._6wxIP3Rwlz .ant-popover-arrow {
  border-color: #475365 !important;
}
._6wxIP3Rwlz .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.P-KqE4Wfdh {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Ohx2ndYOII {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Ohx2ndYOII .j7Xow5ntsY {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.I3fjEkqcCa {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.rpUPy8m3fP {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .rpUPy8m3fP {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.sIV8icYAVo {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .DYvUOws8hG {
    /* This is the key */
  }
  .DYvUOws8hG html,
  .DYvUOws8hG body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .DYvUOws8hG body,
  .DYvUOws8hG div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .DYvUOws8hG textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .DYvUOws8hG table,
  .DYvUOws8hG tr,
  .DYvUOws8hG td {
    page-break-inside: avoid;
  }
  .DYvUOws8hG div {
    page-break-inside: avoid;
  }
  .DYvUOws8hG thead {
    display: table-header-group;
  }
  .DYvUOws8hG tfoot {
    display: table-footer-group;
  }
  .DYvUOws8hG * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .DYvUOws8hG .E5VhZO0Tan,
  .DYvUOws8hG .no-print,
  .DYvUOws8hG .react-resizable-handle,
  .DYvUOws8hG .fc-whiteboard-toolbar,
  .DYvUOws8hG .ant-modal-root,
  .DYvUOws8hG .ant-alert,
  .DYvUOws8hG .\+D46IO8pWJ,
  .DYvUOws8hG .Bduj4e4NTz {
    display: none !important;
  }
  .DYvUOws8hG .To5Q2I9yQO {
    display: none !important;
  }
}
._1KgkTlr55r {
  position: relative;
}
.r1zI8v6TBd {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 180px;
  padding: 16px 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.V8T\+kLlRnd {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ywokQr1elG {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.olkYC0oBcy {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.olkYC0oBcy > i,
.olkYC0oBcy > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cRFeuImYhD {
  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;
}
.obknUnFSP0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dI1XXUpFu6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dtuCJ2nBxn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.x13xs6zM8c {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.EFNecBH40E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.erCCKrahBA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.erCCKrahBA .TTRlppAvLo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.erCCKrahBA .TTRlppAvLo > span {
  color: rgba(0, 0, 0, 0.65);
}
._5dssrrLmtH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._5dssrrLmtH ._8UmrFdy1B3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._5dssrrLmtH ._8UmrFdy1B3 > span {
  font-size: 8px;
}
.draS8XNLyI .ant-popover-inner-content {
  padding: 0;
}
.draS8XNLyI .ant-popover-arrow {
  border-color: #475365 !important;
}
.draS8XNLyI .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.KCJAqKhJs3 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.NQdf-GKuP0 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.NQdf-GKuP0 .l-moFAatGf {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._0nDHqBowqo {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.caJBtjqDUK {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .caJBtjqDUK {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.beiJcGQJLn {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .BRZDwySBGv {
    /* This is the key */
  }
  .BRZDwySBGv html,
  .BRZDwySBGv body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .BRZDwySBGv body,
  .BRZDwySBGv div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .BRZDwySBGv textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .BRZDwySBGv table,
  .BRZDwySBGv tr,
  .BRZDwySBGv td {
    page-break-inside: avoid;
  }
  .BRZDwySBGv div {
    page-break-inside: avoid;
  }
  .BRZDwySBGv thead {
    display: table-header-group;
  }
  .BRZDwySBGv tfoot {
    display: table-footer-group;
  }
  .BRZDwySBGv * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .BRZDwySBGv .Rad1byDCSF,
  .BRZDwySBGv .no-print,
  .BRZDwySBGv .react-resizable-handle,
  .BRZDwySBGv .fc-whiteboard-toolbar,
  .BRZDwySBGv .ant-modal-root,
  .BRZDwySBGv .ant-alert,
  .BRZDwySBGv .easGPGlq2l,
  .BRZDwySBGv .qWkbLQoIdm {
    display: none !important;
  }
  .BRZDwySBGv .mLK5tWxwVV {
    display: none !important;
  }
}
.kNBAU8NFId .page-header-with-date-picker-header {
  padding: 0;
}
.kNBAU8NFId .n1dLirt0lE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 45px);
  overflow-y: auto;
}
.kNBAU8NFId .z1QVUX9af6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
}
.kNBAU8NFId .hnjwLl2b7w {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 45px;
  color: rgba(0, 0, 0, 0.65);
}
.kNBAU8NFId .hnjwLl2b7w .eroX63ntAn {
  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;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  height: 20px;
  margin-right: 24px;
  background-color: #f0f2f5;
  border-radius: 50%;
}
.kNBAU8NFId .hnjwLl2b7w .nh6R2lwsvh {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 1px;
          flex: 2 2 1px;
}
.kNBAU8NFId .hnjwLl2b7w .qdnG-trCgd {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.kNBAU8NFId .hnjwLl2b7w:nth-child(-n + 3) > .eroX63ntAn {
  color: #fff;
  background-color: #1890ff;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.B6CTbzESmv {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.D8OWgtjlER {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Q6NFUU0iTe {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Q6NFUU0iTe > i,
.Q6NFUU0iTe > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CLvg18sCwk {
  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;
}
.llHN-QTCBj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.elLwzvOLOL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.OxYsVM72zU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._1D-y\+ubRL1 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.V6TkB9ooip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.t7AWryRDz5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.t7AWryRDz5 .khVtt-sICc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.t7AWryRDz5 .khVtt-sICc > span {
  color: rgba(0, 0, 0, 0.65);
}
.sW\+s2J2LWX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sW\+s2J2LWX ._8duEZmFKdc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sW\+s2J2LWX ._8duEZmFKdc > span {
  font-size: 8px;
}
.C8jPziuwnC .ant-popover-inner-content {
  padding: 0;
}
.C8jPziuwnC .ant-popover-arrow {
  border-color: #475365 !important;
}
.C8jPziuwnC .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.\-7k17D53T1 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.XQizL29srA {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.XQizL29srA .sKkZgloRWE {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.z7mGMRqMCe {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.NBMBafO6EA {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .NBMBafO6EA {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.YYb4B5nHP9 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .zxd9kREJVI {
    /* This is the key */
  }
  .zxd9kREJVI html,
  .zxd9kREJVI body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .zxd9kREJVI body,
  .zxd9kREJVI div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .zxd9kREJVI textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .zxd9kREJVI table,
  .zxd9kREJVI tr,
  .zxd9kREJVI td {
    page-break-inside: avoid;
  }
  .zxd9kREJVI div {
    page-break-inside: avoid;
  }
  .zxd9kREJVI thead {
    display: table-header-group;
  }
  .zxd9kREJVI tfoot {
    display: table-footer-group;
  }
  .zxd9kREJVI * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .zxd9kREJVI .eW9AXQQkN1,
  .zxd9kREJVI .no-print,
  .zxd9kREJVI .react-resizable-handle,
  .zxd9kREJVI .fc-whiteboard-toolbar,
  .zxd9kREJVI .ant-modal-root,
  .zxd9kREJVI .ant-alert,
  .zxd9kREJVI .zKt\+\+YMkmW,
  .zxd9kREJVI .WUSpZEcviZ {
    display: none !important;
  }
  .zxd9kREJVI .OUP1uf8lEx {
    display: none !important;
  }
}
.\+75iz8O8kt {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.boXOmsFKKV {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.iYG895zGfU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.ZLSCajD8fG {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ZLSCajD8fG > i,
.ZLSCajD8fG > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.TDkR-YjjWs {
  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;
}
.D63X06Ndu5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.HDfsLL8-Iy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._43JBK0PnWP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.DHkDkBy\+1h {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3EORipSQ50 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._1U0f2Y0jQd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._1U0f2Y0jQd .MuNudTIFNm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._1U0f2Y0jQd .MuNudTIFNm > span {
  color: rgba(0, 0, 0, 0.65);
}
.mKm58GCFZ6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mKm58GCFZ6 .r1f5LgW87b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mKm58GCFZ6 .r1f5LgW87b > span {
  font-size: 8px;
}
.fUWyCTWyqf .ant-popover-inner-content {
  padding: 0;
}
.fUWyCTWyqf .ant-popover-arrow {
  border-color: #475365 !important;
}
.fUWyCTWyqf .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.nFGWeb1im8 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.s70osk5JEY {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.s70osk5JEY ._914KN9Whg8 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.q7PBoKzHII {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.qX8R8aDa6V {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .qX8R8aDa6V {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.j1W4ToK3aN {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Mava1wimZq {
    /* This is the key */
  }
  .Mava1wimZq html,
  .Mava1wimZq body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Mava1wimZq body,
  .Mava1wimZq div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Mava1wimZq textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Mava1wimZq table,
  .Mava1wimZq tr,
  .Mava1wimZq td {
    page-break-inside: avoid;
  }
  .Mava1wimZq div {
    page-break-inside: avoid;
  }
  .Mava1wimZq thead {
    display: table-header-group;
  }
  .Mava1wimZq tfoot {
    display: table-footer-group;
  }
  .Mava1wimZq * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Mava1wimZq ._2-wH2nKAqt,
  .Mava1wimZq .no-print,
  .Mava1wimZq .react-resizable-handle,
  .Mava1wimZq .fc-whiteboard-toolbar,
  .Mava1wimZq .ant-modal-root,
  .Mava1wimZq .ant-alert,
  .Mava1wimZq ._9RP0nDC7b8,
  .Mava1wimZq .rLv76lk1Og {
    display: none !important;
  }
  .Mava1wimZq .-UuosP6XGJ {
    display: none !important;
  }
}
.QWCUnF1WhH {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.QWCUnF1WhH .Zhy3Uw5gd3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._7gLQblKv3b {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.WqPbMD76pr {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.duE2T99Pp\+ {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.duE2T99Pp\+ > i,
.duE2T99Pp\+ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.y2aXwjefV1 {
  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;
}
._1wt9yF\+qNe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.PaByi7qGPx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.-iIO5WofDk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.SyI\+jyyc7Y {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8\+jHnIK0jR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.OK2Bv3sOjB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.OK2Bv3sOjB .danQvpY9-O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.OK2Bv3sOjB .danQvpY9-O > span {
  color: rgba(0, 0, 0, 0.65);
}
.VsY-QWaDbe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.VsY-QWaDbe .GwStQipdul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.VsY-QWaDbe .GwStQipdul > span {
  font-size: 8px;
}
.GL8Zy466yy .ant-popover-inner-content {
  padding: 0;
}
.GL8Zy466yy .ant-popover-arrow {
  border-color: #475365 !important;
}
.GL8Zy466yy .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.qS3AmYczRU {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Ctju9vDVXL {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Ctju9vDVXL .so5Uy7jpZj {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.wNzanHQ28L {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.ijvXHFxtO5 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .ijvXHFxtO5 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.lzM7Hk\+yp5 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .UIiyRlBlPR {
    /* This is the key */
  }
  .UIiyRlBlPR html,
  .UIiyRlBlPR body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .UIiyRlBlPR body,
  .UIiyRlBlPR div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .UIiyRlBlPR textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .UIiyRlBlPR table,
  .UIiyRlBlPR tr,
  .UIiyRlBlPR td {
    page-break-inside: avoid;
  }
  .UIiyRlBlPR div {
    page-break-inside: avoid;
  }
  .UIiyRlBlPR thead {
    display: table-header-group;
  }
  .UIiyRlBlPR tfoot {
    display: table-footer-group;
  }
  .UIiyRlBlPR * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .UIiyRlBlPR .FGrOs1kL50,
  .UIiyRlBlPR .no-print,
  .UIiyRlBlPR .react-resizable-handle,
  .UIiyRlBlPR .fc-whiteboard-toolbar,
  .UIiyRlBlPR .ant-modal-root,
  .UIiyRlBlPR .ant-alert,
  .UIiyRlBlPR .hJczjaMXy\+,
  .UIiyRlBlPR .fXVUZAIkBg {
    display: none !important;
  }
  .UIiyRlBlPR ._4WSo96YBHO {
    display: none !important;
  }
}
._1oCOpowshm {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: rgba(18, 12, 57);
  padding: 16px;
  padding-top: 0;
}
._1oCOpowshm .ant-row,
._1oCOpowshm h2 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
  width: 100vw;
}
._1oCOpowshm h2 {
  margin-bottom: 0;
}
._1oCOpowshm div::-webkit-scrollbar {
  display: none;
}
._1oCOpowshm .ant-badge {
  line-height: inherit;
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._1oCOpowshm .ant-badge .ant-badge-count {
  top: 16px;
  zoom: 1.2;
  right: -16px;
}
.EPSJ2QujTF {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.EPSJ2QujTF .so5Uy7jpZj {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.\+eUrxqCwRG {
  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;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.pqYV7mUt-7 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ZEylNYLYyK {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.IHPfJUFub4 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.IHPfJUFub4 > i,
.IHPfJUFub4 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.aq43huYvl\+ {
  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;
}
.ge2R\+Vd2v\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.haU3zbDHNV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.seG07yLhXw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.A8ZJQ\+Rhme {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._0BF3p7pEj9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hLWsvv1J31 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.hLWsvv1J31 .hWkJZp05EU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.hLWsvv1J31 .hWkJZp05EU > span {
  color: rgba(0, 0, 0, 0.65);
}
.\+5DdHY4KD2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.\+5DdHY4KD2 ._6TBB2qDv5G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.\+5DdHY4KD2 ._6TBB2qDv5G > span {
  font-size: 8px;
}
.hJCNQV3LGO .ant-popover-inner-content {
  padding: 0;
}
.hJCNQV3LGO .ant-popover-arrow {
  border-color: #475365 !important;
}
.hJCNQV3LGO .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._0beIFSxM54 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.tikyhStaCR {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.tikyhStaCR .ltXjbl3X9T {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._1plSYWkhWY {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._5dxt0Xg1gw {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._5dxt0Xg1gw {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.AbsyiZK5vr {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .SOxtpgU8qP {
    /* This is the key */
  }
  .SOxtpgU8qP html,
  .SOxtpgU8qP body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .SOxtpgU8qP body,
  .SOxtpgU8qP div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .SOxtpgU8qP textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .SOxtpgU8qP table,
  .SOxtpgU8qP tr,
  .SOxtpgU8qP td {
    page-break-inside: avoid;
  }
  .SOxtpgU8qP div {
    page-break-inside: avoid;
  }
  .SOxtpgU8qP thead {
    display: table-header-group;
  }
  .SOxtpgU8qP tfoot {
    display: table-footer-group;
  }
  .SOxtpgU8qP * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .SOxtpgU8qP .nzqbchz2a3,
  .SOxtpgU8qP .no-print,
  .SOxtpgU8qP .react-resizable-handle,
  .SOxtpgU8qP .fc-whiteboard-toolbar,
  .SOxtpgU8qP .ant-modal-root,
  .SOxtpgU8qP .ant-alert,
  .SOxtpgU8qP .EEN8pnYbMe,
  .SOxtpgU8qP ._1KD4ir9Q24 {
    display: none !important;
  }
  .SOxtpgU8qP .WC\+uw3RnNF {
    display: none !important;
  }
}
.MLzPFiWaG1 {
  width: 130px;
  height: 130px;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  border-radius: 10px;
  background: #ffb822;
  cursor: pointer;
  position: relative;
  overflow: visible;
}
.MLzPFiWaG1 ._12HG6O8SLL {
  border-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  width: 130px;
  height: 94px;
  background: rgba(41, 40, 171);
  z-index: 2;
  top: 0;
}
.MLzPFiWaG1 .\+GnXg7obcY {
  font-size: 16px;
  border: 3px solid white;
  background-color: #faad14;
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 50%;
  color: white;
  width: 34px;
  height: 34px;
  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;
  z-index: 10;
}
.MLzPFiWaG1 .HHLwpEeyet {
  height: 94px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.MLzPFiWaG1 .HHLwpEeyet .fW4VK7Ve7X {
  z-index: 3;
  font-size: 16px;
  text-align: center;
}
.MLzPFiWaG1 .HHLwpEeyet .tCT8tzW7DB {
  font-size: 12px;
  margin-top: 4px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4px;
  text-align: center;
}
.MLzPFiWaG1 .B3ANSVLSy6 {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.MLzPFiWaG1 .B3ANSVLSy6 > span {
  text-align: center;
}
.MLzPFiWaG1 ._6XYyo87qSr {
  position: absolute;
  top: -5px;
  left: -5px;
}
.MLzPFiWaG1 ._6XYyo87qSr svg > path {
  stroke-dasharray: 120;
  stroke-width: 5;
  -webkit-animation: _36iBLV\+Y0N 5s linear forwards infinite;
          animation: _36iBLV\+Y0N 5s linear forwards infinite;
}
@-webkit-keyframes _36iBLV\+Y0N {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes _36iBLV\+Y0N {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
.a7VUpuMV\+F {
  cursor: pointer;
}
.a7VUpuMV\+F .ant-card-head {
  height: 63px;
  background-color: rgba(0, 0, 0, 0.85);
}
.a7VUpuMV\+F .ant-card-head-title {
  padding: 8px 0;
}
.a7VUpuMV\+F .wcerky9-Va {
  position: relative;
  width: 160px;
  height: 180px;
}
.a7VUpuMV\+F .wcerky9-Va .g2-html-annotation {
  color: white;
  font-size: 24px;
  margin-top: 8px;
}
.a7VUpuMV\+F .wcerky9-Va .antd-pro-charts-water-wave-waterWaveCanvasWrapper {
  width: 160px !important;
  height: 160px !important;
}
.a7VUpuMV\+F .wcerky9-Va .antd-pro-charts-water-wave-text {
  width: 160px;
  position: absolute;
  top: 30%;
  left: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: white;
  font-size: 14px;
}
.a7VUpuMV\+F .wcerky9-Va .antd-pro-charts-water-wave-text h4 {
  color: white;
  font-size: 22px;
}
.a7VUpuMV\+F .byQxPDtjzo {
  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;
  border-radius: 50%;
}
.a7VUpuMV\+F .byQxPDtjzo .ZCiEvNzHOS {
  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;
  background-color: black;
  border-radius: 50%;
  height: 156px;
  width: 156px;
}
.a7VUpuMV\+F .byQxPDtjzo .ZCiEvNzHOS .YXyoD7ndG\+ {
  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;
  font-size: 26px;
  border-radius: 50%;
  height: 152px;
  width: 152px;
}
.a7VUpuMV\+F .tCT8tzW7DB {
  font-size: 16px;
  line-height: 24px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.WoG2YxHXyP {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kP0ngM2GHF {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.SelguUT9FP {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.SelguUT9FP > i,
.SelguUT9FP > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hh75tzbhyG {
  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;
}
._6Dn4aWqOlw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._6Pct09ItfU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.K\+1zhyikHz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.-sIDkYKyWq {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wi795ps9Wl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lyjejD1WV8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.lyjejD1WV8 ._9DPkeReiSD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.lyjejD1WV8 ._9DPkeReiSD > span {
  color: rgba(0, 0, 0, 0.65);
}
.CzpVKdt7c- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.CzpVKdt7c- .FUH9LdjOoV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.CzpVKdt7c- .FUH9LdjOoV > span {
  font-size: 8px;
}
.IaLbpt3VSB .ant-popover-inner-content {
  padding: 0;
}
.IaLbpt3VSB .ant-popover-arrow {
  border-color: #475365 !important;
}
.IaLbpt3VSB .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Sz1q1MH9GW {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.mqsk6WLpNQ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.mqsk6WLpNQ .Pgu2DqgubX {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Y\+FXaLE4y\+ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Qp1HwHy0Bi {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Qp1HwHy0Bi {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.LzkCUwmVdi {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .GvWwl2bjEz {
    /* This is the key */
  }
  .GvWwl2bjEz html,
  .GvWwl2bjEz body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .GvWwl2bjEz body,
  .GvWwl2bjEz div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .GvWwl2bjEz textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .GvWwl2bjEz table,
  .GvWwl2bjEz tr,
  .GvWwl2bjEz td {
    page-break-inside: avoid;
  }
  .GvWwl2bjEz div {
    page-break-inside: avoid;
  }
  .GvWwl2bjEz thead {
    display: table-header-group;
  }
  .GvWwl2bjEz tfoot {
    display: table-footer-group;
  }
  .GvWwl2bjEz * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .GvWwl2bjEz .\-3NnGZeZbb,
  .GvWwl2bjEz .no-print,
  .GvWwl2bjEz .react-resizable-handle,
  .GvWwl2bjEz .fc-whiteboard-toolbar,
  .GvWwl2bjEz .ant-modal-root,
  .GvWwl2bjEz .ant-alert,
  .GvWwl2bjEz .GrzjIR2qbV,
  .GvWwl2bjEz .DEvWKsxwHN {
    display: none !important;
  }
  .GvWwl2bjEz ._63aUn7BYYr {
    display: none !important;
  }
}
.DAVhUoY-oM {
  position: relative;
  padding: 8px;
  padding-right: 0;
  padding-top: 0;
  height: 100vh;
  width: 100vw;
  overflow: auto;
}
.DAVhUoY-oM .ant-row {
  font-size: 3vw;
  color: white;
}
.DAVhUoY-oM .uYkFwdQr7c .ant-row,
.DAVhUoY-oM h2 {
  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;
  height: 9vh;
  font-size: 2.4vw;
  color: white;
}
.DAVhUoY-oM .ant-badge {
  line-height: inherit;
}
.DAVhUoY-oM .ant-badge .ant-badge-count {
  top: 16px;
}
._7Df1S66mNg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: calc(100vh - 150px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._7Df1S66mNg .ant-divider-vertical {
  height: 80vh;
  top: 10vh;
}
._7Df1S66mNg .ant-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._7Df1S66mNg .dO2OTjJkjP {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.yXOUxYvz5z {
  background-color: rgba(18, 12, 57);
}
.NxoJbpm8dv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._27lOC3Ipp\+ {
  margin-right: 8px;
  margin-bottom: 8px;
}
.TomxWv1X-P {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.TomxWv1X-P .Pgu2DqgubX {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.U5RG6YJ0wF {
  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;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.WVOtl-XQbH {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.w6Di02fhPI {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.adaQx6jcue {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.adaQx6jcue > i,
.adaQx6jcue > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Mkh6EjYNmv {
  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;
}
.rI3fytHIq7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.NsxKSseZuM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hpznQKVLVY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.dP52yKQryi {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dw\+lCstzaH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b0BEDOrZ5Q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.b0BEDOrZ5Q .ltjY9-Itp- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.b0BEDOrZ5Q .ltjY9-Itp- > span {
  color: rgba(0, 0, 0, 0.65);
}
._3uPX3zT-CJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3uPX3zT-CJ .lXZ8tupWgS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._3uPX3zT-CJ .lXZ8tupWgS > span {
  font-size: 8px;
}
.tGNDeOyxKE .ant-popover-inner-content {
  padding: 0;
}
.tGNDeOyxKE .ant-popover-arrow {
  border-color: #475365 !important;
}
.tGNDeOyxKE .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.lYyRlTyYg2 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.uuIziRFykg {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.uuIziRFykg .blOibPrqSh {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.gnkRmFY5-K {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.VSCr8Ooi57 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .VSCr8Ooi57 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._9EWyWn-2b9 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._4Ahhrsz\+sF {
    /* This is the key */
  }
  ._4Ahhrsz\+sF html,
  ._4Ahhrsz\+sF body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._4Ahhrsz\+sF body,
  ._4Ahhrsz\+sF div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._4Ahhrsz\+sF textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._4Ahhrsz\+sF table,
  ._4Ahhrsz\+sF tr,
  ._4Ahhrsz\+sF td {
    page-break-inside: avoid;
  }
  ._4Ahhrsz\+sF div {
    page-break-inside: avoid;
  }
  ._4Ahhrsz\+sF thead {
    display: table-header-group;
  }
  ._4Ahhrsz\+sF tfoot {
    display: table-footer-group;
  }
  ._4Ahhrsz\+sF * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._4Ahhrsz\+sF .NVrvUukveh,
  ._4Ahhrsz\+sF .no-print,
  ._4Ahhrsz\+sF .react-resizable-handle,
  ._4Ahhrsz\+sF .fc-whiteboard-toolbar,
  ._4Ahhrsz\+sF .ant-modal-root,
  ._4Ahhrsz\+sF .ant-alert,
  ._4Ahhrsz\+sF .CUI\+QibW1a,
  ._4Ahhrsz\+sF .YhKVwV3\+jj {
    display: none !important;
  }
  ._4Ahhrsz\+sF .gzoyJvWomY {
    display: none !important;
  }
}
.nQ4NB\+nQl0 {
  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;
  height: 50px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.nQ4NB\+nQl0 .vTdkFvGqxX {
  background: #fff;
  height: 8px;
  right: 8px;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8px;
          flex: 0 0 8px;
  margin-right: 16px;
  margin-top: 10px;
}
.nQ4NB\+nQl0 .gsK5ZfykUC {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.ArPuiFQLB6 {
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 100px;
  min-height: 100px;
  max-height: 32vh;
  padding: 16px;
  background: #0e1b6d;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 70%, #0e1b6d 100%);
}
.ArPuiFQLB6 .gbBghD5ZJ5 {
  position: absolute;
  z-index: 2;
}
.ArPuiFQLB6 .aS312eqciY {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
  z-index: 1;
  background-size: 2px 10px;
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #0e1b5b), color-stop(0%, #0e1b6d));
  background-image: linear-gradient(to bottom, #0e1b5b 25%, #0e1b6d 0%);
}
.ArPuiFQLB6 .ANLqfd1BP2 {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
  z-index: 1;
  background-size: 2px 10px;
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #0e1b5b), color-stop(0%, #0e1b6d));
  background-image: linear-gradient(to bottom, #0e1b5b 25%, #0e1b6d 0%);
  right: 0;
  background-position: right;
}
.ArPuiFQLB6 .gyZsqEROkO {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
  z-index: 1;
  background-size: 2px 10px;
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #0e1b5b), color-stop(0%, #0e1b6d));
  background-image: linear-gradient(to bottom, #0e1b5b 25%, #0e1b6d 0%);
  left: 0;
  background-position: left;
}
.ArPuiFQLB6 .SPIO1fYxM5 {
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  z-index: 1;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #0e1b5b), color-stop(0%, #0e1b6d));
  background-image: linear-gradient(to right, #0e1b5b 25%, #0e1b6d 0%);
}
.ArPuiFQLB6 ._66-AiU3MiB {
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  z-index: 1;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #0e1b5b), color-stop(0%, #0e1b6d));
  background-image: linear-gradient(to right, #0e1b5b 25%, #0e1b6d 0%);
  top: 0;
  background-position: top;
}
.ArPuiFQLB6 .j4likblVH2 {
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  z-index: 1;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #0e1b5b), color-stop(0%, #0e1b6d));
  background-image: linear-gradient(to right, #0e1b5b 25%, #0e1b6d 0%);
  bottom: 0;
  background-position: bottom;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.o7pJKGb784 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._2kGuBL6l3O {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.NWATcNtz9Y {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.NWATcNtz9Y > i,
.NWATcNtz9Y > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._4hP4v9UQMs {
  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;
}
.F7jMe8THJh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.nGo0qfPi7K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.q19sl92fg0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ZM-YfgsyaE {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.XVOijIKt81 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.reQ-vWsDbL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.reQ-vWsDbL .WKihR2OoTu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.reQ-vWsDbL .WKihR2OoTu > span {
  color: rgba(0, 0, 0, 0.65);
}
.IInmbkSzmC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.IInmbkSzmC .moruBgJxEj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.IInmbkSzmC .moruBgJxEj > span {
  font-size: 8px;
}
.yEZEZBQb8p .ant-popover-inner-content {
  padding: 0;
}
.yEZEZBQb8p .ant-popover-arrow {
  border-color: #475365 !important;
}
.yEZEZBQb8p .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._2YmMJGmi0l {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.OLefs1eyFO {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.OLefs1eyFO .dvtAKQFan9 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.B7xX-26IFu {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.CqU30T-X\+5 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .CqU30T-X\+5 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.F262qzN5Dy {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .J9eeEN-7uv {
    /* This is the key */
  }
  .J9eeEN-7uv html,
  .J9eeEN-7uv body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .J9eeEN-7uv body,
  .J9eeEN-7uv div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .J9eeEN-7uv textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .J9eeEN-7uv table,
  .J9eeEN-7uv tr,
  .J9eeEN-7uv td {
    page-break-inside: avoid;
  }
  .J9eeEN-7uv div {
    page-break-inside: avoid;
  }
  .J9eeEN-7uv thead {
    display: table-header-group;
  }
  .J9eeEN-7uv tfoot {
    display: table-footer-group;
  }
  .J9eeEN-7uv * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .J9eeEN-7uv .B4dBLmzPIJ,
  .J9eeEN-7uv .no-print,
  .J9eeEN-7uv .react-resizable-handle,
  .J9eeEN-7uv .fc-whiteboard-toolbar,
  .J9eeEN-7uv .ant-modal-root,
  .J9eeEN-7uv .ant-alert,
  .J9eeEN-7uv ._1n1I6sXmYm,
  .J9eeEN-7uv ._0wyHRcGhx1 {
    display: none !important;
  }
  .J9eeEN-7uv .orTQjjr6Kh {
    display: none !important;
  }
}
.P-7pYdLISO {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  width: 100%;
}
.X9MtC8LJyA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 700px;
}
.X9MtC8LJyA .jlaVNABbXt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 225px;
          flex: 0 0 225px;
  max-width: 225px;
  height: 220px;
  color: #00f0c5;
  background: #06316d;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 70%, #06316d 100%);
  margin-bottom: 16px;
  padding: 8px 16px;
}
.X9MtC8LJyA .jlaVNABbXt .XRjGXdubqg {
  font-weight: bold;
  font-size: 16px;
  color: white;
}
.X9MtC8LJyA .hLW1dKU-cH {
  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;
  height: 80px;
  margin: 4px 0;
}
.X9MtC8LJyA .hLW1dKU-cH img {
  height: 90%;
}
.X9MtC8LJyA ._6m3Iq6wUOj {
  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;
  height: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.X9MtC8LJyA ._6m3Iq6wUOj div,
.X9MtC8LJyA ._6m3Iq6wUOj img {
  height: 20px;
  width: 20px;
  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;
}
.X9MtC8LJyA ._6m3Iq6wUOj .uBGfSUtaXI > div {
  height: 14px;
  width: 14px;
  border-radius: 50%;
}
.X9MtC8LJyA ._6m3Iq6wUOj div {
  background-color: #009efa;
  border-radius: 50%;
}
.X9MtC8LJyA .oGCAndhjJS {
  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;
  font-size: 16px;
}
.X9MtC8LJyA .oGCAndhjJS .ant-divider-vertical {
  background-color: #009efa;
}
.X9MtC8LJyA .oGCAndhjJS ._8xxb8yKI\+S {
  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;
  color: #009efa;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.o6ycEjNvcE {
  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;
  margin-top: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.o6ycEjNvcE .ant-progress-circle-trail {
  display: none;
}
.o6ycEjNvcE .ant-progress-text {
  color: #009efa;
}
.o6ycEjNvcE .FNwhwzeHEt .XRjGXdubqg {
  font-size: 17px;
}
.o6ycEjNvcE .FNwhwzeHEt .Vlx5S165R3 {
  font-size: 14px;
  margin-top: 4px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.mYY7aOWyzN {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.wuexBwcNXe {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.V3mAyT08pG {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.V3mAyT08pG > i,
.V3mAyT08pG > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.DIGqPNeaea {
  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;
}
.fORPDiaXe5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.er4OgYH\+aV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.zS-lqmNspO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.eFk\+Vk\+ra2 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.-\+ocgnKf7j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.T3wehDvX\+I {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.T3wehDvX\+I .ZSwWt-Myax {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.T3wehDvX\+I .ZSwWt-Myax > span {
  color: rgba(0, 0, 0, 0.65);
}
.FfQul07ruR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.FfQul07ruR ._823QBtk8lc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.FfQul07ruR ._823QBtk8lc > span {
  font-size: 8px;
}
.arNc8VPjE4 .ant-popover-inner-content {
  padding: 0;
}
.arNc8VPjE4 .ant-popover-arrow {
  border-color: #475365 !important;
}
.arNc8VPjE4 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.p\+\+OOIVbGn {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.NuT5Gk5y2L {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.NuT5Gk5y2L .Incial4WlM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.pAdsV0PS\+Z {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.ApfczeKXtv {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .ApfczeKXtv {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._1J2hQ\+0Qnd {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._40DzrtswEb {
    /* This is the key */
  }
  ._40DzrtswEb html,
  ._40DzrtswEb body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._40DzrtswEb body,
  ._40DzrtswEb div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._40DzrtswEb textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._40DzrtswEb table,
  ._40DzrtswEb tr,
  ._40DzrtswEb td {
    page-break-inside: avoid;
  }
  ._40DzrtswEb div {
    page-break-inside: avoid;
  }
  ._40DzrtswEb thead {
    display: table-header-group;
  }
  ._40DzrtswEb tfoot {
    display: table-footer-group;
  }
  ._40DzrtswEb * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._40DzrtswEb .sK-2vJzuoS,
  ._40DzrtswEb .no-print,
  ._40DzrtswEb .react-resizable-handle,
  ._40DzrtswEb .fc-whiteboard-toolbar,
  ._40DzrtswEb .ant-modal-root,
  ._40DzrtswEb .ant-alert,
  ._40DzrtswEb .l4cxI2etbt,
  ._40DzrtswEb .TfhKvYoavD {
    display: none !important;
  }
  ._40DzrtswEb .d5G0mavmjY {
    display: none !important;
  }
}
.AxCmte6oJO {
  width: 100vw;
  height: 100vh;
  overflow: auto;
}
.AxCmte6oJO ._2Mg9h8UBop {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: rgba(18, 12, 57);
  min-width: 1920px;
  min-height: 1080px;
  overflow: hidden;
  padding: 0 36px;
  padding-bottom: 24px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: top;
          transform-origin: top;
}
.d-agKwd2DG {
  padding: 0 20%;
  width: 100%;
  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;
}
.d-agKwd2DG .Incial4WlM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #00f0c5;
  font-size: 30px;
  height: 80px;
  min-width: 800px;
  padding-bottom: 10px;
  width: 100%;
}
.OftEOuLZcM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 80px);
}
.OftEOuLZcM .djZyUPWgPl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
  margin-right: 24px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.OftEOuLZcM .djZyUPWgPl .RC3ndtk8Ya {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.OftEOuLZcM .M71EMEXpyT {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  margin-right: 24px;
}
.OftEOuLZcM .xHkMGXAmX2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}

.qwDVsyx-hu {
  position: relative;
  height: 200px;
  width: 200px;
}
.FwrB5omeMj {
  background: #009efa;
  width: 25px;
  height: 25px;
  -webkit-box-shadow: 0 0 10px 5px #009efa;
          box-shadow: 0 0 10px 5px #009efa;
  position: absolute;
  top: 62%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FwrB5omeMj .TqIhLr3--0 {
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._9QPpx1SPIq {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.wKlhEWM7Az {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.YBoUPUSd35 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YBoUPUSd35 > i,
.YBoUPUSd35 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._9ktamekvLK {
  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;
}
.rbzfH24SRx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.HqLnbns1xI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Y2k04u8UEz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.kICw1enPB9 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._5N5x6KBCgt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ZkZAgoqhXW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.ZkZAgoqhXW .Zq4Ayx15Ck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.ZkZAgoqhXW .Zq4Ayx15Ck > span {
  color: rgba(0, 0, 0, 0.65);
}
.JopY7kRHpX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.JopY7kRHpX .BrFASW291i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.JopY7kRHpX .BrFASW291i > span {
  font-size: 8px;
}
.GV63gLXzNG .ant-popover-inner-content {
  padding: 0;
}
.GV63gLXzNG .ant-popover-arrow {
  border-color: #475365 !important;
}
.GV63gLXzNG .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._37D2Yg764t {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.RvruVc39kJ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.RvruVc39kJ .FEVy5ugovG {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.PmQf669p4D {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.ZW2OxgZ0LA {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .ZW2OxgZ0LA {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._2GIeHQRz0l {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .wvx8-mYEx1 {
    /* This is the key */
  }
  .wvx8-mYEx1 html,
  .wvx8-mYEx1 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .wvx8-mYEx1 body,
  .wvx8-mYEx1 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .wvx8-mYEx1 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .wvx8-mYEx1 table,
  .wvx8-mYEx1 tr,
  .wvx8-mYEx1 td {
    page-break-inside: avoid;
  }
  .wvx8-mYEx1 div {
    page-break-inside: avoid;
  }
  .wvx8-mYEx1 thead {
    display: table-header-group;
  }
  .wvx8-mYEx1 tfoot {
    display: table-footer-group;
  }
  .wvx8-mYEx1 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .wvx8-mYEx1 .NymTHwLJ6O,
  .wvx8-mYEx1 .no-print,
  .wvx8-mYEx1 .react-resizable-handle,
  .wvx8-mYEx1 .fc-whiteboard-toolbar,
  .wvx8-mYEx1 .ant-modal-root,
  .wvx8-mYEx1 .ant-alert,
  .wvx8-mYEx1 .pMVxS87IZQ,
  .wvx8-mYEx1 .jGZaMT5KWc {
    display: none !important;
  }
  .wvx8-mYEx1 .fJd9AXY812 {
    display: none !important;
  }
}
.CiQJnWtwGs {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 750px;
}
.CiQJnWtwGs > div {
  margin-top: 16px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.CiQJnWtwGs > .tpF96BvXgJ {
  -webkit-box-flex: 0.6;
      -ms-flex: 0.6 0.6 1px;
          flex: 0.6 0.6 1px;
}
.y4L302vexK {
  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;
  margin-top: -16px;
}
.y4L302vexK > div {
  width: 100%;
}
.ssjBfS08BY {
  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;
  height: calc(100% - 80px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ALjT1hjvoj {
  color: #009efa;
}
.ALjT1hjvoj ._6JuSFDwhb\+ {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
}
.ALjT1hjvoj ._4fxozNQWWG {
  height: 220px;
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 24px;
  color: #fff;
}
.ALjT1hjvoj ._4fxozNQWWG ul {
  padding-left: 0 !important;
}
.ALjT1hjvoj ._4fxozNQWWG li {
  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;
  height: 30px;
  list-style: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

._1WxJBvZzdF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._1WxJBvZzdF > div:first-child {
  -webkit-transform: translateX(-100px) translateY(10px);
          transform: translateX(-100px) translateY(10px);
}
.GSo4Yxn6nt {
  position: absolute;
  width: 220px;
  color: white;
  right: 2.5%;
  top: 60%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.GSo4Yxn6nt .ZVLRq0Wddp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}
.GSo4Yxn6nt .ZVLRq0Wddp .EhPD4CKWeE {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  height: 10px;
  margin-right: 16px;
}
.GSo4Yxn6nt .ZVLRq0Wddp .JccCcZZCdW,
.GSo4Yxn6nt .ZVLRq0Wddp .t0Hydk-JnT {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
  color: #009efa;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._2bHnwmoUue {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.gwtPI7tHYR {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.\+cL29y\+ZGc {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.\+cL29y\+ZGc > i,
.\+cL29y\+ZGc > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ILHcZ51pAy {
  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;
}
.x4epKK\+mKn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.I62gJhxRw1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ZqRPaXxsFV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5F9eoxpgKd {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wGy1IFiosZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.YMSEKffAMK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.YMSEKffAMK .dd4HC-kgsX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.YMSEKffAMK .dd4HC-kgsX > span {
  color: rgba(0, 0, 0, 0.65);
}
.grHorlKXMl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.grHorlKXMl .bqNBe0jrPF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.grHorlKXMl .bqNBe0jrPF > span {
  font-size: 8px;
}
.UN9GNmOKIJ .ant-popover-inner-content {
  padding: 0;
}
.UN9GNmOKIJ .ant-popover-arrow {
  border-color: #475365 !important;
}
.UN9GNmOKIJ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._3QzOLqrMrB {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.cieRS8ufeM {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.cieRS8ufeM .hRoOIeZa3r {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.pvZ0b6MuLc {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.onB5jxZmxs {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .onB5jxZmxs {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.u3XRAOWJUN {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .uJfHJvPJ3H {
    /* This is the key */
  }
  .uJfHJvPJ3H html,
  .uJfHJvPJ3H body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .uJfHJvPJ3H body,
  .uJfHJvPJ3H div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .uJfHJvPJ3H textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .uJfHJvPJ3H table,
  .uJfHJvPJ3H tr,
  .uJfHJvPJ3H td {
    page-break-inside: avoid;
  }
  .uJfHJvPJ3H div {
    page-break-inside: avoid;
  }
  .uJfHJvPJ3H thead {
    display: table-header-group;
  }
  .uJfHJvPJ3H tfoot {
    display: table-footer-group;
  }
  .uJfHJvPJ3H * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .uJfHJvPJ3H .FXiJh2vPFu,
  .uJfHJvPJ3H .no-print,
  .uJfHJvPJ3H .react-resizable-handle,
  .uJfHJvPJ3H .fc-whiteboard-toolbar,
  .uJfHJvPJ3H .ant-modal-root,
  .uJfHJvPJ3H .ant-alert,
  .uJfHJvPJ3H .Z16EUG9jPN,
  .uJfHJvPJ3H .CMTqF-LsfI {
    display: none !important;
  }
  .uJfHJvPJ3H ._60wqKvl2qg {
    display: none !important;
  }
}
.PvS8vkWxwD {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
}
.PvS8vkWxwD > div {
  margin-top: 16px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.PvS8vkWxwD > .apeHdL30z\+ {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
  height: 320px;
}
.YQk2ZaemZb {
  width: 100%;
  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;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.iie3PzbQwH {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.s4CtCAufP4 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.UXuQe7Bx9v {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.UXuQe7Bx9v > i,
.UXuQe7Bx9v > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.djAL5Rtyta {
  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;
}
.TI\+VZn\+OzT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.XZPBzurX7G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.qSI05c7fiG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.cJETpij1SI {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.apbTAaQbjj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2FEHwshz\+B {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._2FEHwshz\+B .I\+d\+CusFst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._2FEHwshz\+B .I\+d\+CusFst > span {
  color: rgba(0, 0, 0, 0.65);
}
.MmNBDMcbkW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.MmNBDMcbkW ._4cnYZ39JoX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.MmNBDMcbkW ._4cnYZ39JoX > span {
  font-size: 8px;
}
.\+ozOhMh62m .ant-popover-inner-content {
  padding: 0;
}
.\+ozOhMh62m .ant-popover-arrow {
  border-color: #475365 !important;
}
.\+ozOhMh62m .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.S\+OoHOkPFs {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.ZI9cM3jwSk {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.ZI9cM3jwSk ._04zarP7PAC {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.AVbG\+nsKdD {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.g4TTDyKbg7 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .g4TTDyKbg7 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.pIsVGuqYge {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .\+kWgp-q3tv {
    /* This is the key */
  }
  .\+kWgp-q3tv html,
  .\+kWgp-q3tv body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .\+kWgp-q3tv body,
  .\+kWgp-q3tv div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .\+kWgp-q3tv textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .\+kWgp-q3tv table,
  .\+kWgp-q3tv tr,
  .\+kWgp-q3tv td {
    page-break-inside: avoid;
  }
  .\+kWgp-q3tv div {
    page-break-inside: avoid;
  }
  .\+kWgp-q3tv thead {
    display: table-header-group;
  }
  .\+kWgp-q3tv tfoot {
    display: table-footer-group;
  }
  .\+kWgp-q3tv * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .\+kWgp-q3tv .o43mQrnhRj,
  .\+kWgp-q3tv .no-print,
  .\+kWgp-q3tv .react-resizable-handle,
  .\+kWgp-q3tv .fc-whiteboard-toolbar,
  .\+kWgp-q3tv .ant-modal-root,
  .\+kWgp-q3tv .ant-alert,
  .\+kWgp-q3tv .Mqv9vFfIQL,
  .\+kWgp-q3tv .pwgsZL99Hk {
    display: none !important;
  }
  .\+kWgp-q3tv .NcgxEWC7pv {
    display: none !important;
  }
}
.ODDI-U1CRR {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.ODDI-U1CRR .ant-card-head {
  height: 40px;
  min-height: 0;
  padding: 0 8px;
  background-color: #fafafa;
}
.ODDI-U1CRR .ant-card-head-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  height: 40px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.BP119fjbQf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.BP119fjbQf .bptm6j-Lio {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 24px;
  width: 180px;
  border-left: 1px solid #f0f0f0;
}
.BP119fjbQf .bptm6j-Lio > span {
  display: block;
}
.pg6xFIcRgJ {
  padding: 24px 0 24px 24px;
}
.pg6xFIcRgJ > div {
  margin-right: 8px;
}
.s3ikhgUAoK {
  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;
  position: absolute;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.xsOYUvRLDP {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.KsV6rrHo2g {
  opacity: 1 !important;
}
.W6ETYtEMrY {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.LQ83VoPbvI {
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  background-color: #e90;
  margin-right: 12;
}
._6u3iYWm8iu {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.CmTk0W8Owb {
  height: auto;
  height: initial;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.iM0BLInsDG {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.u3HmX11R55 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.A0RBcuyam\+ {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.A0RBcuyam\+ > i,
.A0RBcuyam\+ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lTfmCaSZ0X {
  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;
}
.po4pSgHWx1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.v6Cz7l-MqO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.FoRVpBJNMe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.CrCaR157H5 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ocA4yKxacq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.r2jTeB3A4U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.r2jTeB3A4U .iL-\+FdyCB\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.r2jTeB3A4U .iL-\+FdyCB\+ > span {
  color: rgba(0, 0, 0, 0.65);
}
._780P1wTR3W {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._780P1wTR3W ._7tmqx05Pk\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._780P1wTR3W ._7tmqx05Pk\+ > span {
  font-size: 8px;
}
._3CeTV2Rz6N .ant-popover-inner-content {
  padding: 0;
}
._3CeTV2Rz6N .ant-popover-arrow {
  border-color: #475365 !important;
}
._3CeTV2Rz6N .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.uygovXmaYC {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.XBpQDeq5a2 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.XBpQDeq5a2 .l4Khy9schG {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._0wcim2wXu2 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.N0HJ7Sp7zl {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .N0HJ7Sp7zl {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.yFpGdl4Hfg {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .HOJN1vcuK3 {
    /* This is the key */
  }
  .HOJN1vcuK3 html,
  .HOJN1vcuK3 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .HOJN1vcuK3 body,
  .HOJN1vcuK3 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .HOJN1vcuK3 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .HOJN1vcuK3 table,
  .HOJN1vcuK3 tr,
  .HOJN1vcuK3 td {
    page-break-inside: avoid;
  }
  .HOJN1vcuK3 div {
    page-break-inside: avoid;
  }
  .HOJN1vcuK3 thead {
    display: table-header-group;
  }
  .HOJN1vcuK3 tfoot {
    display: table-footer-group;
  }
  .HOJN1vcuK3 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .HOJN1vcuK3 .GsDMYZr2J4,
  .HOJN1vcuK3 .no-print,
  .HOJN1vcuK3 .react-resizable-handle,
  .HOJN1vcuK3 .fc-whiteboard-toolbar,
  .HOJN1vcuK3 .ant-modal-root,
  .HOJN1vcuK3 .ant-alert,
  .HOJN1vcuK3 .H34mKJe2I4,
  .HOJN1vcuK3 .UEk9DMkGKE {
    display: none !important;
  }
  .HOJN1vcuK3 .f8Wwb7hUZw {
    display: none !important;
  }
}
.hdtTmwm2oN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 24px 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
}
.hdtTmwm2oN .pod7yMvJlu {
  width: 280px;
  min-width: 280px;
  margin-left: 24px;
}
.hdtTmwm2oN .lpZBl\+xmCh {
  width: 280px;
  min-width: 280px;
  margin-left: 24px;
  border: 1px solid #6874e2;
}
.hdtTmwm2oN ._5LM54vExCd {
  width: 280px;
  min-width: 280px;
  margin-left: 24px;
  border: 1px solid #ff5f71;
}
.hdtTmwm2oN .k3eWh8PvpZ {
  width: 280px;
  min-width: 280px;
  margin-left: 24px;
  border: 1px dashed rgba(0, 0, 0, 0.45);
}
.hdtTmwm2oN .gFCZ6eA4D9 {
  position: absolute;
  height: 12px;
  margin: 24px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hdtTmwm2oN .O9kmGz9BTW {
  padding: 16px 24px 24px 48px;
}
.hdtTmwm2oN .ant-card-actions > li {
  margin: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.yao6SKlSBA {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nr-g4ZIKbZ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.VyJIio7Po2 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.VyJIio7Po2 > i,
.VyJIio7Po2 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.I7eBbCItM6 {
  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;
}
.Xz0A3aUFK2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.OpcuZ1i\+gw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.SQzIJfzhaL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._4oZhNfCrZe {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.\+9X\+h3jilP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.McGPmSUUYQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.McGPmSUUYQ .TnnnXIm3GJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.McGPmSUUYQ .TnnnXIm3GJ > span {
  color: rgba(0, 0, 0, 0.65);
}
.QxenvUL-W2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QxenvUL-W2 .xt8BJ9qCzv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.QxenvUL-W2 .xt8BJ9qCzv > span {
  font-size: 8px;
}
.WSTqgrvuEa .ant-popover-inner-content {
  padding: 0;
}
.WSTqgrvuEa .ant-popover-arrow {
  border-color: #475365 !important;
}
.WSTqgrvuEa .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.P5i3NFwI9t {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.IayNSbKHkM {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.IayNSbKHkM .qmTbwcvfTX {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.brnB2tT8qJ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.y14uK7NnCQ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .y14uK7NnCQ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.co4zJUjrUt {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .YuZD2N1khh {
    /* This is the key */
  }
  .YuZD2N1khh html,
  .YuZD2N1khh body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .YuZD2N1khh body,
  .YuZD2N1khh div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .YuZD2N1khh textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .YuZD2N1khh table,
  .YuZD2N1khh tr,
  .YuZD2N1khh td {
    page-break-inside: avoid;
  }
  .YuZD2N1khh div {
    page-break-inside: avoid;
  }
  .YuZD2N1khh thead {
    display: table-header-group;
  }
  .YuZD2N1khh tfoot {
    display: table-footer-group;
  }
  .YuZD2N1khh * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .YuZD2N1khh .\+QKi6OuSUT,
  .YuZD2N1khh .no-print,
  .YuZD2N1khh .react-resizable-handle,
  .YuZD2N1khh .fc-whiteboard-toolbar,
  .YuZD2N1khh .ant-modal-root,
  .YuZD2N1khh .ant-alert,
  .YuZD2N1khh .iZ\+XIvw7w8,
  .YuZD2N1khh .I-vOwbZ26U {
    display: none !important;
  }
  .YuZD2N1khh .qxzLyTKYm7 {
    display: none !important;
  }
}
.PH2DVrZj0E {
  display: grid;
  grid-gap: 8px;
  margin-top: 12px;
}
.r8zaU9sBs0 {
  position: inherit;
}

:root {
    --jexcel-border-color:#000;
}

.jexcel_container {
    display:inline-block;
    padding-right:2px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    outline: none;
}

.jexcel_container.fullscreen {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:21;
}

.jexcel_container.fullscreen .jexcel_content {
    overflow:auto;
    width:100%;
    height:100%;
    background-color:#ffffff;
}

.jexcel_container.with-toolbar .jexcel > thead > tr > td {
    top: 0;
}

.jexcel_container.fullscreen.with-toolbar {
    height: calc(100% - 46px);
}

.jexcel_content {
    display:inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right:3px;
    padding-bottom:3px;
    position:relative;
    scrollbar-width: thin;
    scrollbar-color: #666 transparent;
}

@supports (-moz-appearance:none) {
    .jexcel_content { padding-right:10px; } 
}

.jexcel_content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.jexcel_content::-webkit-scrollbar-track {
    background: #eee;
}
 
.jexcel_content::-webkit-scrollbar-thumb {
  background: #666; 
}

.jexcel {
    border-collapse: separate;
    table-layout: fixed;
    white-space:  nowrap;
    empty-cells: show;
    border: 0px;
    background-color: #fff;
    width: 0;

    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.jexcel > thead > tr > td
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #f3f3f3;
    padding: 2px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    position: sticky;
    top: 0;
    z-index:2;
}

.with-toolbar .jexcel > thead > tr > td
{
    top:42px;
}

.jexcel > thead > tr > td.dragging
{
    background-color:#fff;
    opacity:0.5;
}

.jexcel > thead > tr > td.selected
{
    background-color:#dcdcdc;
}

.jexcel > thead > tr > td.arrow-up
{
    background-repeat:no-repeat;
    background-position:center right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
    text-decoration:underline;
}

.jexcel > thead > tr > td.arrow-down
{
    background-repeat:no-repeat;
    background-position:center right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
    text-decoration:underline;
}

.jexcel > tbody > tr > td:first-child
{
    position:relative;
    background-color:#f3f3f3;
    text-align:center;
}

.jexcel > tbody.resizable > tr > td:first-child::before
{
    content:'\00a0';
    width:100%;
    height:3px;
    position:absolute;
    bottom:0px;
    left:0px;
    cursor:row-resize;
}

.jexcel > tbody.draggable > tr > td:first-child::after
{
    content:'\00a0';
    width:3px;
    height:100%;
    position:absolute;
    top:0px;
    right:0px;
    cursor:move;
}

.jexcel > tbody > tr.dragging > td
{
    background-color:#eee;
    opacity:0.5;
}

.jexcel > tbody > tr > td
{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
    padding:4px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height:1em;
}

.jexcel > tbody > tr > td:last-child
{
    overflow:hidden;
}

.jexcel > tbody > tr > td > img
{
    display:inline-block;
    max-width:100px;
}

.jexcel > tbody > tr > td.readonly
{
    color:rgba(0,0,0,0.3)
}
.jexcel > tbody > tr.selected > td:first-child
{
    background-color:#dcdcdc;
}
.jexcel > tbody > tr > td > select,
.jexcel > tbody > tr > td > input,
.jexcel > tbody > tr > td > textarea
{
    border:0px;
    border-radius:0px;
    outline:0px;
    width:100%;
    margin:0px;
    padding:0px;
    background-color:transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jexcel > tbody > tr > td > textarea
{
    padding-top:6px !important;
}

.jexcel > tbody > tr > td > textarea
{
    resize: none;
}

.jexcel > tbody > tr > td > input[type=checkbox]
{
    width:12px;
    margin-top:2px;
}
.jexcel > tbody > tr > td > input[type=radio]
{
    width:12px;
    margin-top:2px;
}

.jexcel > tbody > tr > td > select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 40%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
}

.jexcel > tbody > tr > td.jexcel_dropdown
{
    background-repeat: no-repeat;
    background-position:top 50% right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    overflow-x:hidden;
}

.jexcel > tbody > tr > td.jexcel_dropdown.jexcel_comments
{
    background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") top 50% right 5px no-repeat, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top right no-repeat;
}

.jexcel > tbody > tr > td > .color
{
    width:90%;
    height:10px;
    margin:auto;
}

.jexcel > tbody > tr > td > a {
    text-decoration: underline;
}

.jexcel > tbody > tr > td.highlight > a {
    color: blue;
    cursor: pointer;
}

.jexcel > tfoot > tr > td
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #f3f3f3;
    padding: 2px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
}

.jexcel .highlight {
    background-color:rgba(0,0,0,0.05);
}

.jexcel .highlight-top {
    border-top:1px solid #000; /* var(--jexcel-border-color);*/
    -webkit-box-shadow: 0px -1px #ccc;
            box-shadow: 0px -1px #ccc;
}

.jexcel .highlight-left {
    border-left:1px solid #000; /* var(--jexcel-border-color);*/
    -webkit-box-shadow: -1px 0px #ccc;
            box-shadow: -1px 0px #ccc;
}

.jexcel .highlight-right {
    border-right:1px solid #000; /* var(--jexcel-border-color);*/
}

.jexcel .highlight-bottom {
    border-bottom:1px solid #000; /* var(--jexcel-border-color);*/
}

.jexcel .highlight-top.highlight-left {
    box-shadow: -1px -1px #ccc;
    -webkit-box-shadow: -1px -1px #ccc;
    -moz-box-shadow: -1px -1px #ccc;
}

.jexcel .highlight-selected
{
    background-color:rgba(0,0,0,0.0);
}
.jexcel .selection
{
    background-color:rgba(0,0,0,0.05);
}
.jexcel .selection-left
{
    border-left:1px dotted #000;
}
.jexcel .selection-right
{
    border-right:1px dotted #000;
}
.jexcel .selection-top
{
    border-top:1px dotted #000;
}
.jexcel .selection-bottom
{
    border-bottom:1px dotted #000;
}
.jexcel_corner
{
    position:absolute;
    background-color: rgb(0, 0, 0);
    height: 1px;
    width: 1px;
    border: 1px solid rgb(255, 255, 255);
    top:-2000px;
    left:-2000px;
    cursor:crosshair;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial;
    z-index:30;
    padding: 2px;
}

.jexcel .editor
{
    overflow:visible !important;
}

.jexcel .editor
{
    outline:0px solid transparent;
    overflow:visible;
    white-space: nowrap;
    text-align:left;
    padding:0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jexcel .editor > input
{
    padding-left:4px;
}

.jexcel .editor .jupload
{
    position:fixed;
    top:100%;
    z-index:40;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    letter-spacing: .2px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    padding:10px;
    background-color:#fff;
    width:300px;
    min-height:225px;
    margin-top:2px;
}

.jexcel .editor .jupload img
{
    width:100%;
    height:auto;
}

.jexcel .editor .jexcel_richtext
{
    position:fixed;
    top:100%;
    z-index:40;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    letter-spacing: .2px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    padding:10px;
    background-color:#fff;
    min-width:280px;
    max-width:310px;
    margin-top:2px;
    text-align:left;
}

.jexcel .editor .jclose:after
{
    position:absolute;
    top:0;
    right:0;
    margin:10px;
    content:'close';
    font-family:'Material icons';
    font-size:24px;
    width:24px;
    height:24px;
    line-height:24px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
}

.jexcel, .jexcel td, .jexcel_corner
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.jexcel_textarea
{
    position:absolute;
    top:-999px;
    left:-999px;
    width:1px;
    height:1px;
}
.jexcel .dragline
{
    position:absolute;
}
.jexcel .dragline div
{
    position:relative;
    top:-6px;
    height:5px;
    width:22px;
}
.jexcel .dragline div:hover
{
    cursor:move;
}

.jexcel .onDrag
{
    background-color:rgba(0,0,0,0.6);
}

.jexcel .error
{
    border:1px solid red;
}

.jexcel thead td.resizing
{
    border-right-style:dotted !important;
    border-right-color:red !important;
}

.jexcel tbody tr.resizing > td
{
    border-bottom-style:dotted !important;
    border-bottom-color:red !important;
}

.jexcel tbody td.resizing
{
    border-right-style:dotted !important;
    border-right-color:red !important;
}

.jexcel .jdropdown-header
{
    border:0px !important;
    outline:none !important;
    width:100% !important;
    height:100% !important;
    padding:0px !important;
    padding-left:8px !important;
}

.jexcel .jdropdown-container
{
    margin-top:1px;
}

.jexcel .jdropdown-container-header {
    padding: 0px;
    margin: 0px;
    height: inherit;
}

.jexcel .jdropdown-picker
{
    border:0px !important;
    padding:0px !important;
}

.jexcel .jdropdown-picker
{
    width:inherit;
    height:inherit;
}

.jexcel .jexcel_comments
{
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: top right;
}

.jexcel .sp-replacer
{
    margin: 2px;
    border:0px;
}

.jexcel > thead > tr.jexcel_filter > td > input
{
    border:0px;
    width:100%;
    outline:none;
}

.jexcel_about {
    float: right;
    font-size: 0.7em;
    padding: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: none;
}
.jexcel_about a {
    color: #ccc;
    text-decoration: none;
}

.jexcel_about img {
    display: none;
}

.jexcel_filter
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    margin-bottom:4px;
}

.jexcel_filter > div
{
    padding:8px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.jexcel_pagination
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.jexcel_pagination > div
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:10px;
}

.jexcel_pagination > div:last-child
{
    padding-right:10px;
    padding-top:10px;
}

.jexcel_pagination > div > div
{
    text-align:center;
    width:36px;
    height:36px;
    line-height:34px;
    border:1px solid #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left:2px;
    cursor:pointer;
}

.jexcel_page
{
    font-size:0.8em;
}

.jexcel_page_selected
{
    font-weight:bold;
    background-color:#f3f3f3;
}

.jexcel_toolbar
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#f3f3f3;
    border:1px solid #ccc;
    padding:4px;
    margin:0px 2px 4px 1px;
    position:sticky;
    top:0px;
    z-index:21;
}

.jexcel_toolbar:empty
{
    display:none;
}

.jexcel_toolbar i.jexcel_toolbar_item 
{
    width:24px;
    height:24px;
    padding:4px;
    cursor:pointer;
    display:inline-block;
}

.jexcel_toolbar i.jexcel_toolbar_item:hover 
{
    background-color:#ddd;
}

.jexcel_toolbar select.jexcel_toolbar_item 
{
    margin-left:2px;
    margin-right:2px;
    display:inline-block;
    border:0px;
    background-color:transparent;
    padding-right:10px;
}

.jexcel .dragging-left
{
    background-repeat: no-repeat;
    background-position:top 50% left 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
}

.jexcel .dragging-right
{
    background-repeat: no-repeat;
    background-position:top 50% right 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
}

.jexcel_tabs .jexcel_tab
{
    display:none;
}

.jexcel_tabs .jexcel_tab_link
{
    display:inline-block;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    margin-right:5px;
    margin-bottom:5px;
    background-color:#f3f3f3;
    cursor:pointer;
}

.jexcel_tabs .jexcel_tab_link.selected
{
    background-color:#ddd;
}

.jexcel_hidden_index > tbody > tr > td:first-child,
.jexcel_hidden_index > thead > tr > td:first-child, 
.jexcel_hidden_index > colgroup > col:first-child
{
    display:none;
}



.jexcel .jrating {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.jexcel .jrating > div {
    zoom: 0.55;
}

.jexcel .copying-top {
    border-top:1px dashed #000;
}

.jexcel .copying-left {
    border-left:1px dashed #000;
}

.jexcel .copying-right {
    border-right:1px dashed #000;
}

.jexcel .copying-bottom {
    border-bottom:1px dashed #000;
}

.jexcel .jexcel_column_filter {
    background-repeat: no-repeat;
    background-position: top 50% right 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px;
    padding-left: 6px;
    padding-right: 20px;
}

.jexcel thead .jexcel_freezed {
    z-index: 3 !important;
    box-shadow: 2px 0px 2px 0.2px #ccc !important;
    -webkit-box-shadow: 2px 0px 2px 0.2px #ccc !important;
    -moz-box-shadow: 2px 0px 2px 0.2px #ccc !important;
}

.jexcel thead .jexcel_freezed {
    left: 0px;
}

.jexcel tbody .jexcel_freezed {
    box-shadow: 1px 1px 1px 1px #ccc !important;
    -webkit-box-shadow: 2px 4px 4px 0.1px #ccc !important;
    -moz-box-shadow: 2px 4px 4px 0.1px #ccc !important;
}

.jexcel tbody .jexcel_freezed {
    position: relative;
    background-color: #fff;
}

/**
 * (c) jSuites Javascript Web Components
 *
 * Website: https://jsuites.net
 * Description: Create amazing web based applications.
 *
 * MIT License
 *
 */

:root {
    --button-color: #298BA8; 
    --active-color: #007aff;
}

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

.jdragging {
    opacity:0.2;
    filter: alpha(opacity=20);
}

.jupload.input {
    padding-right:18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z'/%3E%3C/svg%3E");
    background-position:top 50% right 5px;
    background-repeat:no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-size: auto auto;
    background-size: initial;
    height: 33px;
    min-height: 0;
    min-height: initial;
}

.jupload.input img {
    width: auto !important;
    width: initial !important;
}

.jupload.input img {
    max-width: 100%;
    height: 100%;
}

.jupload {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAA7emlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTctMTItMzFUMjI6NDM6MzBaPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTgtMDEtMDFUMjA6MDM6MjNaPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxOC0wMS0wMVQyMDowMzoyM1o8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6ZDE3NGVkY2UtNWZkNC0wODRkLTkzNzAtZDRhODVmMzdkNjdiPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjBmYzcxZDEyLTg1MGUtY2E0NS05MzE4LWRhYjI5YWZhMmQ4MjwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjBmYzcxZDEyLTg1MGUtY2E0NS05MzE4LWRhYjI5YWZhMmQ4MjwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDowZmM3MWQxMi04NTBlLWNhNDUtOTMxOC1kYWIyOWFmYTJkODI8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTctMTItMzFUMjI6NDM6MzBaPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjk2MTA5Y2Y0LTEwM2ItNTc0Ny1hZWE3LWI5NDMxOWY0NWFkZjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxOC0wMS0wMVQyMDowMjoyMFo8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6ZDE3NGVkY2UtNWZkNC0wODRkLTkzNzAtZDRhODVmMzdkNjdiPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE4LTAxLTAxVDIwOjAzOjIzWjwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICAgICA8c3RFdnQ6Y2hhbmdlZD4vPC9zdEV2dDpjaGFuZ2VkPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj44MDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj44MDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+tc8AsgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAGjUlEQVR42uycW2xURRjHf91SoEIBUQpYI8VSVBDExniLERNUJBpQVEDFqE1AEYkX0JCC0YjgBdEYDOIFeVEEFRBilKBogg+KiQoV5Q6Khla8lrZRBLo+zLdazs7ZM2d3zsJu55/sy3dmz5797Vy+y8wWxONxnNJXzCFwAB1AB9ABdHIAHUAH0AF0Cq929fX1ufbMA4HLgSqgHOgPdJJrfwPbgb3AJuBD4KsoH6agrq4uF6CVAncC4wVYGP0ALAVeAva0NYDFwOPARKBzhvc6ArwG1AC/toU5cDSwFXjAAjyAQmACsAOozneATwLLgdMM2/8jLxN1AxYBC/J1CL8F3BjQZhOwCqgFvgd+AuJAT6ACOBMYCVwUcJ91siDlDcC3gRtSXF8IzAe+M7xfOXC3TAOFPm3WA0NzAeDp8oUGASeKrUF60R6Zn6an6CnTgI1pfnYFMAcY43N9GTDueAR4sQylK8RvS0dzgYcsPc9U4Bmfa9XA4uMF4GXypUdkeJ8Z0nNs6hbgdZ9rPcK6OLZX4XbisH5iAd68COABvAHc63NtwbHsgf2B94BKC/faAFwY8Zy8ErhWYx8EbM42wAuAj4ETAtptllh1N9AiC0t/YLCnXV9xT6JUJ6AOKPHYX5HIJ2sAK4BvgQ4+17fJ5LxKIgudzgBGySS/3sAPtKWZwCyPrQk4ydQxtwFwH9BbY4/LIvBEyF5RIF8iG+oC/K7xEUfLEI98EVnsA28/MCQkPIDmLMIDOCDOu1fXZGMVrgJu19gbZCKuJTek62mV2QD4XIoFZT+5o10a2ylRA6wCLtXYp8uikUv6Webr1uoOdIwS4HiNbS/wFLmnZuCgx9Y+hVdhBeBwjW1+BF9uFvBqFiDGDW3a0Cus+gADPLYWVB7PpiaJn5YYZjMigles6W2NskJH0gN1RZ1EJcyWJnvi0hpUbSQK9dRwaDGIqtIGeLbG9o3lnveCT2YmCogVPqvwdpOIKB2A7TU2W+XCiQEZkSggTvGxl8m0NNc2wDKNrcXCF5mASoUFaQYw2xK8Iv4vyvtpmsTxGQHsLPPQLp9frI+FYftyiPY1liAeBs5DZYNS/XgjgTXpApwq4Gaj0k86DbK4YISBmOlwjreaw+8CzvEDJa7bojAATwU+QtUQSg0Wlr4WFwxT2Z4Ta1GZ9Md8rlcDY00ADpFfZViID7/D8oJxrCACPCIjQ6elqOK8ryM9GPg64AM+B1YAW1BJ0r9M/aaQC0YYiAWWne0FQFf0dZnngdsgOaHaXVySLj43XSY3zCRVNclSz9NpTgQRywfAVRr7WcDWmKaxDl4TKuU+LkN4kyOEF1XEMk5GmFf3eOfAKcD5moY/ypy4OsMHeTjDBSPMcF5o8X4NPs70eKAoMYSLJIDuoOl5AwRiJroJWIIq1BwM8DcLDFyPpoAESTEqN/m0aVYlQF1RtRPviB2ZWEQeRJ//Gm0BHqhttieTutJVgkrGBu0FbEbtvmoMgNjLErxEL3yH5L01oxIA79O8aTVqj7ENmWSpGw1DwhZUJTBIf1ieGlZoAFbGxG3pESLIjkolBsMXaVNC9qWrnZTFZJh69SV283v5oHrNlNA9JvGfV0scL+3cm1Q7iaFPKNY6XimTD0fFwuWaRrscqyR11Hgqh2IkZ5gPy7LtdLRKNX7gnzHgkMdYGDIx0FZUrrHVxVBHBLzDup/jlaSrNbbdMWCn5sIAxyspsrlZY18TQ3/mYoxjdpQmkFx8OgKsjAHvat4wlFZZVyce1diWA80x4DOf7Ma8LD+kaYhmGvLZ0ovoa0LP0mpZ1qXXq4Fzs/igiSRBY8BrH3bq0Ca6HlWt82od6iTBfyn9Lj6+Xx2q2nYwSz3Q9FhrE/ZSVX66BPjU51q/RLCR6IEH0KfCe8sQL85SmNRo+Ioa3tgU8Ga2jtS8RaUdPj7gTtQRqS/yfLHogErf+6Xykk52ekOTESm67AbUrvuyPARXAtyPSvz6wduK5myx7pzIcPy3N4D6Z4w3pc0O1IbybAwrWyqSubZUOsYw4DrU4Ro/bUEd3m4wAZjoie8bPtARVNkvVwAWypxu6gqtRW0u0i6kqU4qDUEVUirasANdQ8BhoVSbizai/uRmbhsEtxp1lCPwpJXpWbmBqD++uTWPQ7xm1NaVJeIomzmvIQ8bdpO0zpWozea9Aibf41WHgd9QhaJtqAPia4FfQnv/7l98M5P79zYH0AF0AB1AJwfQAXQAHUCnNPTvAKemiFU6nb96AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center;
    background-color: rgba(230, 230, 230, 0.1);
    border: 1px dotted #eee;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 180px;
}

.jremove {
    opacity: 0.2;
    filter: alpha(opacity=20);
}


/** Animations **/
.fade-in {
    -webkit-animation: fade-in 2s forwards;
            animation: fade-in 2s forwards;
}

.fade-out {
    -webkit-animation: fade-out 1s forwards;
            animation: fade-out 1s forwards;
}

.slide-left-in {
    position: relative;
    -webkit-animation: slide-left-in 0.4s forwards;
            animation: slide-left-in 0.4s forwards;
}

.slide-left-out {
    position: relative;
    -webkit-animation: slide-left-out 0.4s forwards;
            animation: slide-left-out 0.4s forwards;
}

.slide-right-in {
    position: relative;
    -webkit-animation: slide-right-in 0.4s forwards;
            animation: slide-right-in 0.4s forwards;
}

.slide-right-out {
    position: relative;
    -webkit-animation: slide-right-out 0.4s forwards;
            animation: slide-right-out 0.4s forwards;
}

.slide-top-in {
    position: relative;
    -webkit-animation: slide-top-in 0.4s forwards;
            animation: slide-top-in 0.4s forwards;
}

.slide-top-out {
    position: relative;
    -webkit-animation: slide-top-out 0.2s forwards;
            animation: slide-top-out 0.2s forwards;
}

.slide-bottom-in {
    position: relative;
    -webkit-animation: slide-bottom-in 0.4s forwards;
            animation: slide-bottom-in 0.4s forwards;
}

.slide-bottom-out {
    position: relative;
    -webkit-animation: slide-bottom-out 0.1s forwards;
            animation: slide-bottom-out 0.1s forwards;
}

/** Fadein and Fadeout **/
@keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 100; }
}

@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 100; }
}

@keyframes fade-out {
    0% { opacity: 100; }
    100% { opacity: 0; }
}

@-webkit-keyframes fade-out {
    0% { opacity: 100; }
    100% { opacity: 0; }
}

/** Keyframes Left to Right **/
@keyframes slide-left-in {
    0% { left: -100%; }
    100% { left: 0%; }
}

@-webkit-keyframes slide-left-in {
    0% { left: -100%; }
    100% { left: 0%; }
}
    
@keyframes slide-left-out {
    0% { left: 0%; }
    100% { left: -100%; }
}

@-webkit-keyframes slide-left-out {
    0% { left: 0%; }
    100% { left: -100%; }
}

/** Keyframes Right to Left **/
@keyframes slide-right-in {
    0% { left: 100%; }
    100% { left: 0%; }
}

@-webkit-keyframes slide-right-in
{
    0% { left: 100%; }
    100% { left: 0%; }
}
    
@keyframes slide-right-out {
    0% { left: 0%; }
    100% { left: 100%; }
}

@-webkit-keyframes slide-right-out {
    0% { left: 0%; }
    100% { left: 100%; }
}

/** Keyframes Top to Bottom **/
@keyframes slide-top-in {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); }
}

@-webkit-keyframes slide-top-in {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
    100% { -webkit-transform: translateY(0%); }
}
    
@keyframes slide-top-out {
    0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes slide-top-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(-100%); }
}

/** Keyframes Bottom to Top **/
@keyframes slide-bottom-in {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); }
}

@-webkit-keyframes slide-bottom-in {
    0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
    100% { -webkit-transform: translateY(0%); }
}
    
@keyframes slide-bottom-out {
    0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
    100% { -webkit-transform: translateY(100%); transform: translateY(100%); }
}

@-webkit-keyframes slide-bottom-out {
    0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(100%); }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}

.jcalendar {
    position:absolute;
    z-index:9000;
    display:none;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    min-width:280px;
}

.jcalendar.jcalendar-focus {
    display:block;
}

.jcalendar .jcalendar-backdrop {
    position:fixed;
    top:0px;
    left:0px;
    z-index:9000;
    min-width:100%;
    min-height:100%;
    background-color:rgba(0,0,0,0.5);
    border:0px;
    padding:0px;
    display:none;
}

.jcalendar .jcalendar-container {
    position:relative;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

.jcalendar .jcalendar-content {
    position:absolute;
    z-index:9001;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
}

.jcalendar-header {
    text-align:center;
}

.jcalendar-header span {
    margin-right:4px;
    font-size:1.1em;
    font-weight:bold;
}

.jcalendar-prev {
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z' fill='%23000' /%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
}

.jcalendar-next {
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z' fill='%23000' /%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
}

.jcalendar-weekday {
    font-weight: 600;
    background-color: #fcfcfc;
    padding: 14px;
}

.jcalendar-table > table {
    width:100%;
    background-color:#fff;
}

.jcalendar-table > table > thead {
    cursor:pointer;
}

.jcalendar-table thead td {
    padding:10px;
    height:40px;
}

.jcalendar-table > table > tbody td {
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    cursor:pointer;
    padding:9px;
    font-size:0.9em;
}


.jcalendar-table tfoot td {
    padding:10px;
}

.jcalendar-months td, .jcalendar-years td {
    height:24px;
} 

.jcalendar-input {
    padding-right:18px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='gray'%3E%3Cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    background-position:top 50% right 5px;
    background-repeat:no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jcalendar-done {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
}

.jcalendar-update {
    border:1px solid #ccc;
    background-color:#fff;
    border-radius:4px;
    padding:5px;
    width:100%;
}

.jcalendar-container select {
    width:55px;
    display:inline-block;
    border:0px;
    padding:4px;
    text-align:center;
    font-size:1.1em;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
    margin-right:10px;
}

.jcalendar-container select:first-child {
    margin-right:2px;
}

.jcalendar-selected {
    background-color:#eee;
}

.jcalendar-reset, .jcalendar-confirm {
    text-transform:uppercase;
    cursor:pointer;
    color: #007aff;
    color: var(--active-color);
}

.jcalendar-controls {
    padding:15px;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:middle;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.jcalendar-controls div {
    font-weight:bold;
}

.jcalendar-fullsize  {
    position:fixed;
    width:100%;
    top:0px;
    left:0px;
}

.jcalendar-fullsize .jcalendar-content
{
    position:fixed;
    width:100%;
    left:0px;
    bottom:0px;
}

.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop {
    display:block;
}

.jcalendar-sunday {
    color: red;
}
.jcalendar-disabled {
    color: #ccc;
}

.jcalendar-time {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}


.jcolor {
    position: absolute;
    display: none;
    outline: none;
}

.jcolor-input {
    padding-right:18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E");
    background-position:top 50% right 5px;
    background-repeat:no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jcolor-content {
    position: absolute;
    left: 0px;
    z-index: 9000;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    letter-spacing: .2px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    background-color:#fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jcolor-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    padding-bottom: 0px;
}

.jcolor-controls div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1em;
    color: #007aff;
    color: var(--active-color);
    text-transform: uppercase;
    font-weight: bold;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jcolor-content table {
    padding: 7px !important;
}

.jcolor-content table {
    border-collapse: separate;
    border-collapse: initial;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jcolor-focus {
    display:block;
}

.jcolor table {
    width:100%;
    height:100%;
}

.jcolor td {
    padding: 7px;
    border:2px solid #fff;
}

.jcolor-selected {
    border:2px solid #000 !important;
}

.jcolor-selected {
    background-repeat:no-repeat;
    background-size: 16px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='white'/%3E%3C/svg%3E");
}

.jcolor-fullscreen {
    position: fixed;
    bottom: 0px;
    width:100%;
    max-height:250px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jcolor-fullscreen .jcolor-controls {
    padding: 15px;
    -webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
    box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.39);
}

.jcolor-reset {
    text-align: left;
}

.jcolor-close {
    text-align: right;
}

.jcolor-backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.5);
    border: 0px;
    padding: 0px;
    z-index: 8000;
    display: none;
    
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.jcontextmenu {
    position:fixed;
    z-index:10000;
    background:#fff;
    color: #555;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1);
    border: 1px solid #C6C6C6;
    padding: 0px;
    padding-top:4px;
    padding-bottom:4px;
    margin:0px;
    outline:none;
    display:none;
}

.jcontextmenu.jcontextmenu-focus {
    display:inline-block;
}

.jcontextmenu > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 8px 8px 32px;
    width: 250px;
    position: relative;
    cursor: default;
    font-size: 11px;
    font-family:sans-serif;
}

.jcontextmenu > div::before {
    content: attr(data-icon);
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 9px;
}

.jcontextmenu > div a {
    color: #555;
    text-decoration: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.jcontextmenu > div span {
    margin-right:10px;
}

.jcontextmenu .jcontextmenu-disabled a {
    color: #ccc;
}

.jcontextmenu > div:hover {
    background: #ebebeb;
}

.jcontextmenu hr {
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    margin-top:5px;
    margin-bottom:5px;
}

.jcontextmenu > hr:hover {
    background: transparent;
}

.jcontextmenu .jcontextmenu {
  top: 4px;
  left: 99%;
  opacity: 0;
  position: absolute;
}

.jcontextmenu > div:hover > .jcontextmenu {
  display: block;
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}

.jdropdown {
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background:#fff;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
}

.jdropdown-header::-webkit-input-placeholder {
    color:#000;
}

.jdropdown-header::-moz-placeholder {
    color:#000;
}

.jdropdown-header:-ms-input-placeholder {
    color:#000;
}

.jdropdown-header::-ms-input-placeholder {
    color:#000;
}

.jdropdown-header::placeholder {
    color:#000;
}

.jdropdown-backdrop {
    position:fixed;
    top:0px;
    left:0px;
    min-width:100%;
    min-height:100%;
    background-color:rgba(0,0,0,0.5);
    border:0px;
    padding:0px;
    z-index:8000;
    display:none;
}

.jdropdown-focus {
    position:relative;
}

.jdropdown-focus .jdropdown-container {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.jdropdown-default.jdropdown-focus .jdropdown-header {
    outline:auto 5px -webkit-focus-ring-color;
}

.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='24px' height='24px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z'/%3E%3C/svg%3E");
}

.jdropdown-container-header
{
    padding:0px;
    margin:0px;
    position:relative;
}

.jdropdown-header
{
    padding-right:30px !important;
}

.jdropdown-header
{
    width:100%;
    appearance: none;
    background-repeat: no-repeat;
    background-position:top 50% right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    cursor:pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.jdropdown-insert-button
{
    font-size: 1.4em;
    text-transform: uppercase;
    position:absolute;
    right: 30px;
    top: 4px;
    display:none;
}

.jdropdown-container
{
    min-width: inherit;
    -webkit-transform: translate3d(-10000px,0,0);
            transform: translate3d(-10000px,0,0);
    position:absolute;
    z-index:9001;
}

.jdropdown-close
{
    display:none;
    font-size:1em;
    color: #007aff;
    color: var(--active-color);
    text-transform:uppercase;
    text-align:right;
    padding:15px;
    font-weight:bold;
}

.jdropdown-content
{
    min-width:inherit;
    margin:0px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

.jdropdown-content:empty
{
}

.jdropdown-item
{
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
    overflow-x: hidden;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.jdropdown-description
{
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5em;
}

.jdropdown-image
{
    margin-right:10px;
    width: 32px;
    height: 32px;
    border-radius:20px;
}

.jdropdown-image-small
{
    width:24px;
    height:24px;
}

.jdropdown-title
{
    font-size: 0.7em;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: block;
}

/** Default visual **/

.jdropdown-default .jdropdown-header
{
    border:1px solid #ccc;
    padding:5px;
    padding-left:10px;
    padding-right:16px;
}

.jdropdown-default .jdropdown-container
{
    background-color:#fff;
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header {
    padding-right:50px;
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button {
    display:block;
}

.jdropdown-default .jdropdown-content
{
    min-width:inherit;
    border:1px solid #8fb1e3;
    margin:0px;
    background-color:#fff;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    min-height:10px;
    max-height:215px;
    overflow-y:auto;
}

.jdropdown-default .jdropdown-item
{
    padding:4px;
    padding-left:8px;
    padding-right:40px;
}

.jdropdown-default .jdropdown-item:hover
{
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-default .jdropdown-cursor
{
    background-color:#eee;
}

.jdropdown-default .jdropdown-selected
{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=');
    background-repeat:no-repeat;
    background-position:top 50% right 5px;
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-default .jdropdown-group {
    margin-top:5px;
}

.jdropdown-default .jdropdown-group .jdropdown-item {
    padding-left:16px;
}

.jdropdown-default .jdropdown-group-name {
    padding: 8px;
    font-weight: bold;
    text-align: left;
}

.jdropdown-default .jdropdown-reset_ {
    content:'x';
    position:absolute;
    top:0;
    right:0;
    margin:5px;
    margin-right:10px;
    font-size:12px;
    width:12px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
    display:none;
    line-height: 1.8em;
}

.jdropdown-default.jdropdown-focus .jdropdown-reset_ {
    display:block;
}

/** Default render for mobile **/

.jdropdown-picker.jdropdown-focus .jdropdown-backdrop {
    display:block;
}

.jdropdown-picker .jdropdown-header {
    outline: none;
}

.jdropdown-picker .jdropdown-container
{
    position:fixed;
    bottom:0px;
    left:0px;
    border-bottom:1px solid #e6e6e8;
    width:100%;
    background-color:#fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jdropdown-picker .jdropdown-close
{
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.39);
    background-color:#fff;
    display:block;
}

.jdropdown-picker .jdropdown-content
{
    overflow-y:scroll;
    height:280px;
    background-color:#fafafa;
    border-top:1px solid #e6e6e8;
}

.jdropdown-picker .jdropdown-group-name
{
    font-size: 1em;
    text-transform: uppercase;
    padding-top:10px;
    padding-bottom:10px;
    display: block;
    border-bottom: 1px solid #e6e6e8;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    font-weight:bold;
}

.jdropdown-picker .jdropdown-item
{
    font-size: 1em;
    text-transform: uppercase;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:20px;
    padding-right:20px;
}

.jdropdown-picker .jdropdown-selected
{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=');
    background-repeat:no-repeat;
    background-position:top 50% right 15px;
    background-color:#1f93ff;
    color:#fff;
}

.jdropdown-picker .jdropdown-cursor
{
    background-color:#1f93ff;
    color:#fff;
}

/** Default render for mobile searchbar **/

.jdropdown-searchbar.jdropdown-focus
{
    top:0px !important;
    left:0px !important;
    width:100% !important;
    height:100% !important;
}

.jdropdown-searchbar.jdropdown-focus
{
    position:fixed;
    background-color:#fafafa;
    padding:0px;
    z-index:9001;
    overflow-y:scroll;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header
{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9002;
    padding:10px;
    background-color:#fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
            box-shadow: 0 1px 2px rgba(0,0,0,.1);
    max-height: 24px;
    width: 100%;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-header
{
    padding-left: 30px !important;
    padding-right: 60px !important;
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-header
{
    border: 0px;
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 40%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-close
{
    display:block;
}

.jdropdown-searchbar .jdropdown-header {
    outline: none;
}

.jdropdown-searchbar .jdropdown-container
{
    margin-top: 40px;
    width:100%;
}

.jdropdown-searchbar .jdropdown-close
{
    position:fixed;
    top:0px;
    right:0px;
}

.jdropdown-searchbar .jdropdown-content
{
    margin-top:10px;
}

.jdropdown-searchbar .jdropdown-group
{
    margin-top:10px;
    margin-bottom:15px;
    background-color:#fff;
}

.jdropdown-searchbar .jdropdown-group-name
{
    border-top: 1px solid #e6e6e8;
    border-bottom: 1px solid #e6e6e8;
    padding:10px;
    padding-left:12px;
    font-weight:bold;
}

.jdropdown-searchbar .jdropdown-group-arrow
{
    float:right;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
}

.jdropdown-searchbar .jdropdown-group-arrow-down
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy40MSA4LjU5TDEyIDEzLjE3bDQuNTktNC41OEwxOCAxMGwtNiA2LTYtNiAxLjQxLTEuNDF6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PC9zdmc+);
}

.jdropdown-searchbar .jdropdown-group-arrow-up
{
    background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}

.jdropdown-searchbar .jdropdown-item
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:15px;
    padding-right:40px;
    background-color:#fff;
    font-size:0.9em;
}

.jdropdown-searchbar .jdropdown-description {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 20px);
}

.jdropdown-searchbar .jdropdown-content > .jdropdown-item:first-child
{
    border-top: 1px solid #e6e6e8;
}

.jdropdown-searchbar .jdropdown-selected
{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==');
    background-repeat:no-repeat;
    background-position:top 50% right 15px;
}

/** List render **/

.jdropdown-list
{
}

.jdropdown-list .jdropdown-container
{
    display:block;
}

.jdropdown-list .jdropdown-header
{
    display:none;
}

.jdropdown-list .jdropdown-group
{
    background-color:#fff;
}

.jdropdown-list .jdropdown-group-name
{
    border-bottom: 1px solid #e6e6e8;
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
}

.jdropdown-list .jdropdown-item
{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e6e6e8;
    padding-left:10px;
    padding-right:40px;
    background-color:#fff;
}

.jdropdown-list .jdropdown-selected
{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==');
    background-repeat:no-repeat;
    background-position:top 50% right 10px;
}

@media only screen and (max-width : 800px)
{
    .jdropdown-list {
        width:100% !important;
    }
    .jdropdown-list {
        border:0px;
        padding:0px;
    }

    .jdropdown-list .jdropdown-container {
        min-width:100%;
    }

    .jdropdown-searchbar.jdropdown-focus .jdropdown-description {
        text-transform: uppercase;
    }
}

.app .jdropdown-item {
    text-transform:uppercase;
}

.jdropdown-create-container {
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 6px;
}

.jdropdown-color {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

.jeditor-container {
    border:1px solid #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jeditor-dragging {
     border:1px dashed #000;
}

.jeditor-container.jeditor-padding {
    padding:10px;
}

.jeditor {
    outline:none;
    word-break: break-word;

}

.jeditor-container.jeditor-padding .jeditor {
    min-height:100px;
    margin-bottom:10px;
    padding:10px;
}

.jeditor-thumbs {
    display:inline-block;
    margin-right:5px;
}

.jeditor-thumbs-container {
    margin-top:15px;
}

.jeditor-thumbs .close {
    position:absolute;
    height:1px;
}

.jeditor-thumbs .close i {
    color:#fff;
    text-shadow: 0px 0px 2px #000;
    position:relative;
    top:5px;
    left:72px;
}

.jeditor-thumbs img {
    border:1px solid #eee;
    width:100px;
    height:100px;
}

.jeditor-users {
    position:absolute;
    border:1px solid #ccc;
    background-color:#fff;
    padding-top:5px;
    padding-bottom:5px;
    max-height:220px;
    overflow-y:scroll;
}

.jeditor-users > div
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    min-width:220px;
    padding:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.jeditor-users > div:hover
{
    background-color:#efefef;
}

.jeditor-users > div img
{
    width:24px;
    height:24px;
    border-radius:12px;
    margin-right:5px;
}

/** Snippet **/

.jsnippet {
    margin-top:15px;
    cursor:pointer;
    border: 1px solid #eee;
    position:relative;
}

.jsnippet:focus {
    outline: none;
}

.jsnippet img {
    width:100%;
}

.jsnippet .jsnippet-title {
    padding:15px;
    font-size:1.4em;
}

.jsnippet .jsnippet-description {
    padding-left:15px;
    padding-right:15px;
    font-size:1em;
}

.jsnippet .jsnippet-host {
    padding:15px;
    text-transform:uppercase;
    font-size:0.8em;
    color:#777;
    text-align:right;
}

.jsnippet .jsnippet-url {
    display:none;
}

.jeditor .jsnippet:after {
    content:'';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    position:absolute;
    top:0;
    right:0;
    margin:14px;
    font-size:24px;
    width:24px;
    height:24px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
}

.jsnippet * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
        user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.jeditor img {
    border:2px solid transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
        user-select: none;

    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

.jeditor img:focus {
    border:2px solid #0096FD;
}

.jeditor .pdf {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%23C30B15;' d='M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z'/%3E%3Cpath style='fill:%2385080E;' d='M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z'/%3E%3Cpolygon style='fill:%23FFFFFF;' points='278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 '/%3E%3Cpolygon style='fill:%23E8E6E6;' points='392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 '/%3E%3Cpolygon style='fill:%23FFFFFF;' points='314.991,155.826 314.991,77.913 392.904,155.826 '/%3E%3Crect x='119.096' y='311.652' style='fill:%23FC0F1A;' width='273.809' height='122.435'/%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    width:60px;
    height:60px;
}


.jloading {
    position:fixed;
    z-index:10001;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(0,0,0,0.7);
}

.jloading::after {
    content:'';
    display:block;
    margin:0 auto;
    margin-top:50vh;
    width:40px;
    height:40px;
    border-style:solid;
    border-color:white;
    border-top-color:transparent;
    border-width:4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.jloading.spin {
    background-color:transparent;
}

.jloading.spin::after {
    margin:0 auto;
    margin-top:80px;
    border-color:#aaa;
    border-top-color:transparent;
}


.jmodal {
    padding-top:50px !important;
}


.jmodal {
    position:fixed;
    top:50%;
    left:50%;
    width:60%;
    height:60%;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border:1px solid #ccc;
    background-color:#fff;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index:9002;
    border-radius: 8px;
}

.jmodal:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    content:attr(title);
    padding:15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size:1.2em;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
            box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
}

.jmodal_content {
    padding:20px;
    overflow-y:auto;
    max-height:100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: -webkit-fill-available;
}
.jmodal.no-title {
    padding-top: 0 !important;
    padding-top: initial !important;
}

.jmodal.no-title:before {
    display:none;
}

.jmodal:after {
    content:'';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    position:absolute;
    top:0;
    right:0;
    margin:14px;
    font-size:24px;
    width:24px;
    height:24px;
    cursor:pointer;
    text-shadow: 0px 0px 5px #fff;
}

.jmodal_fullscreen {
    width: 100% !important;
    height: 100% !important;
}

.jmodal_fullscreen {
    top: 0px;
    left: 0px;
    -webkit-transform: none;
            transform: none;
    border-radius: 0px;
}


.jmodal_backdrop {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.5);
    border: 0px;
    padding: 0px;
    z-index: 8000;
    display: none;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.jnotification {
    position: fixed;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    bottom: 0px;
}

.jnotification-container {
    -webkit-box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 2px 15px -5px rgba(0, 0, 0, 0.7);
    padding: 12px;
    border-radius: 8px;

    background-color: #000;
    background: rgba(92,92,92,1);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(92,92,92,1)), to(rgba(77,77,77,1)));
    background: linear-gradient(0deg, rgba(92,92,92,1) 0%, rgba(77,77,77,1) 100%);
    color: #fff;
    width: 320px;
    margin: 30px;
    padding: 20px;
}

.jnotification-close {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    font-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.jnotification-title {
    font-weight: bold;
}

.jnotification-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 5px;
}

.jnotification-header:empty {
    display: none;
}

.jnotification-image {
    margin-right: 5px;
}

.jnotification-image:empty {
    display: none;
}

.jnotification-image img {
    width: 24px;
}

.jnotification-name {
    text-transform: uppercase;
    font-size: 0.9em;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    letter-spacing: 0.1em;
}

.jnotification-error .jnotification-container {
    background: rgb(182,38,6);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(170,41,13,1)), to(rgba(149,11,11,1)));
    background: linear-gradient(0deg, rgba(170,41,13,1) 0%, rgba(149,11,11,1) 100%);
}

@media (max-width: 800px) {
    .jnotification {
        top: 0px;
        width: 100%;
    }
    .jnotification-container {
        background: rgba(255,255,255,0.95);
        border: 1px solid #eee;
        color: #444;
        margin: 0px;
        width: auto;
        width: initial;
    }
    .jnotification-error .jnotification-container {
        background: rgba(255,255,255,0.95);
        color: #790909;
    }
    .jnotification-close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    }
}

.jnotification-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.jpicker {
    cursor: pointer;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

.jpicker-header {
    background-repeat: no-repeat;
    background-position: top 50% right 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: left;
    outline: none;

    line-height: 24px;
    padding: 2px;
    padding-left: 12px;
    padding-right: 35px;
    outline: none;
    border-radius: 4px;
}

.jpicker-header:hover {
    background-color: #eee;
}

.jpicker-content {
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
            box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 4px;
    z-index: 50;
    text-align: left;
}

.jpicker-content div {
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.jpicker-focus > .jpicker-content {
    display: block;
}

.jpicker-content div:hover {
    background-color:#efefef;
}




.jprogressbar
{
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background:#fff;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    box-sizing: border-box;
    cursor:pointer;
    border:1px solid #ccc;
    position:relative;
}

.jprogressbar::before {
    content:attr(data-value);
    position:absolute;
    margin:5px;
    margin-left:10px;
}

.jprogressbar-header::-webkit-input-placeholder
{
    color:#000;
}

.jprogressbar-header::-moz-placeholder
{
    color:#000;
}

.jprogressbar-header:-ms-input-placeholder
{
    color:#000;
}

.jprogressbar-header::-ms-input-placeholder
{
    color:#000;
}

.jprogressbar-header::placeholder
{
    color:#000;
}

.jprogressbar::focus {
    outline: auto 5px -webkit-focus-ring-color;
}

.jprogressbar > div {
    background-color: #eee;
    background-color: red;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height:31px;
}

.jrating {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.jrating > div {
    width:24px;
    height:24px;
    line-height:24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z' fill='gray'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

.jrating .jrating-over {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    opacity: 0.7;
}

.jrating .jrating-selected {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='red'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}


.jslider {
    margin-top:10px;
    margin-bottom:10px;
}

.jslider-container img {
    width:60px;
    margin-right:5px;
    margin-bottom:5px;
}

.jslider-attach {
    cursor:pointer;
}

.jslider-left::before {
    position: fixed;
    left: 10px;
    content:'arrow_back_ios';
    color: #fff;
    width: 30px;
    height: 30px;
    font-family: 'Material Icons';
    font-size: 30px;
    text-shadow: 0px 0px 0px #000;
    text-align: center;
}

.jslider-right::after {
    position: fixed;
    right: 5px;
    content: 'arrow_forward_ios';
    color: #fff;
    width: 30px;
    height: 30px;
    font-family: 'Material Icons';
    font-size: 30px;
    text-shadow: 0px 0px 0px #000;
    text-align: center;
}

.jslider-close {
    width:24px;
    height:24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    position:fixed;
    top:15px;
    right:15px;
    display:none;
    cursor:pointer;
    z-index:3000;
}

.jslider-preview {
    position:fixed;
    left:0;
    top:0;
    width: 100%;
    min-height:100%;
    z-index:2000;
    margin:0px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;

    background-color:rgba(0,0,0,0.9);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;

    align-items: center;
}

.jslider-preview img {
    min-width:70%;
    max-width:100%;
    height:auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin:0 auto;
    vertical-align:middle;
    display:none;
}


.jtabs {
    max-width: 100vw;
    position: relative;
}

.jtabs .jtabs-headers-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.jtabs .jtabs-headers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    position: relative;
}

.jtabs .jtabs-headers > div:not(.jtabs-border) {
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #f1f1f1;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

.jtabs .jtabs-headers > div.jtabs-selected {
    background-color: #e8e8e8;
    color: #000;
}

.jtabs .jtabs-headers > div > div {
    color: #555;
    width: 100%;
    overflow: hidden;
}

.jtabs .jtabs-headers i {
    display: block;
    margin: auto;
}

.jtabs .jtabs-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jtabs .jtabs-content > div {
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.jtabs .jtabs-content > div.jtabs-selected {
    display: block;
}

.jtabs .jtabs-border {
    position: absolute;
    height: 2px;
    background-color: #888;
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transition: all .2s cubic-bezier(0.4,0,0.2,1);
    transition: all .2s cubic-bezier(0.4,0,0.2,1);
    -webkit-transition-property: color,left,-webkit-transform;
    transition-property: color,left,-webkit-transform;
    transition-property: color,left,transform;
    transition-property: color,left,transform,-webkit-transform;
    display: none;
}

.jtabs-animation .jtabs-border {
    display: inline;
    display: initial;
}

.jtabs .jtabs-controls {
    margin: 3px;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 82px;
}

.jtabs .jtabs-controls > div {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.jtabs .jtabs-prev {
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
}

.jtabs .jtabs-prev.disabled {
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='lightgray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
}

.jtabs .jtabs-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
}

.jtabs .jtabs-next.disabled {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='lightgray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
}

.jtabs .jtabs-add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z' fill='%23bbbbbb'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}

/** Modern skin **/

.jtabs.jtabs-modern .jtabs-headers > div:not(.jtabs-border) {
    padding: 10px;
    background-color: #fff;
}

.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected  {
    color: #000;
}

.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons {
    color: #000;
}

.jtags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-pack: flex-start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    padding: 2px;
    border: 1px solid #ccc;
} 

.jtags.jtags-empty:not(.jtags-focus)::before {
    position: absolute;
    margin: 5px;
    color: #ccc;
    content:attr(data-placeholder);
}

.jtags > div {
    padding: 3px;
    padding-left: 10px;
    padding-right: 22px;
    position: relative;
    border-radius: 1px;
    margin: 2px;
    display: block;
    outline: none;
}

.jtags > div::after {
    content: 'x';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    font-size: 11px;
    display: none;
}

.jtags_label {
    background-color: #eeeeee !important;
}

.jtags_label::after {
    display: inline-block !important;
}

.jtags_error::after {
    color: #fff  !important;
}

.jtags_error {
    background-color: #d93025 !important;
}

.jtags_error {
    color: #fff;
}


.jtags_search {
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
            box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
    border: none;
    border-radius: 4px;
    width: 280px;
    padding: 8px 0;

    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    cursor: pointer;
    margin: 0;
    min-width: 300px;
    outline: none;
    width: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.jtags_search > div {
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.jtags_search > div:hover {
    background-color: #e8eaed;
}

.jtags_search > div > img {
    width: 32px;
    height: 32px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 16px;
    margin-right: 2px;
}

.jtags_search > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 2px;
    max-width: 300px;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.jtags_search .selected {
    background-color: #e8eaed;
}

.jtoolbar-container {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.jtoolbar-container {
    border-radius: 2px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
            box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}

.jtoolbar {
    cursor: pointer;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding:4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jtoolbar-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position:fixed;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%;
    background: #f7f7f8;
    z-index: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,.1);
            box-shadow: 0 -1px 2px rgba(0,0,0,.1);
    border-radius: 0px;
}

.jtoolbar > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align:middle;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}

.jtoolbar-mobile > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.jtoolbar .jtoolbar-item {
    position: relative;
    text-align: center;
    margin: auto;
    padding: 2px;
    padding-left:4px;
    padding-right:4px;
}

.jtoolbar-mobile .jtoolbar-item {
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
} 

.jtoolbar .jtoolbar-divisor {
    width: 2px;
    height: 24px;
    padding: 0px;
    margin-left: 4px;
    margin-right: 4px;
    background-color: #f2f2f2;
}


.jtoolbar-mobile a
{
    text-decoration:none;
    display:inline-block;
}

.jtoolbar-mobile i {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.jtoolbar-mobile i {
    color:#929292;
}

.jtoolbar-mobile span {
    font-size:0.7em;
    display:block;
    color:#929292;
}

.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span {
    color:#007aff !important;
    color:var(--active-color) !important;
}

.jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span {
    background-color:transparent;
}

.jtoolbar-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jtoolbar-item i {
    display: block;
    color:#333;
}

.jtoolbar-item:hover {
    background-color:#f2f2f2;
}


.jtoolbar .jpicker {
    padding-left:0px;
    padding-right:0px;
}

.jtoolbar .jpicker-header {
    height: 24px;
    line-height: 24px;
    padding: 0px;
    padding-right: 20px;
    padding-left: 4px;
    background-position: top 50% right 0px;
}

.jtoolbar .jpicker-content div {
    padding: 6px;
}

.jtoolbar-active {
    background-color:#eee;
}

.jtoolbar .fa {
    width: 24px;
    height: 24px;
    display: block;
    line-height: 24px;
}

.jtoolbar .jtoolbar-arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
    width: 16px;
    height: 24px;
}

.jtoolbar-floating {
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
            box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    border-radius: 4px;
    background-color: #fff;
    padding: 4px;
    z-index: 50;
    text-align: left;
}

.jtoolbar-floating > div {
    display: block;
}

.jtoolbar-arrow-selected .jtoolbar-floating {
    display: block;
}



.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.BaoB\+XUlw- {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.SObwKoPLlY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.\+zFkSJqAr6 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.\+zFkSJqAr6 > i,
.\+zFkSJqAr6 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._3QZR8xNl9y {
  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;
}
._6HdnzRiSKu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Sr5dZEB9O\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.NLOB6nGBaE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.\+2hojDyNrn {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.IypANvWVdM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._7QrvAeeSoS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._7QrvAeeSoS ._9CWYfqfy5I {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._7QrvAeeSoS ._9CWYfqfy5I > span {
  color: rgba(0, 0, 0, 0.65);
}
.b9krPtvjoz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.b9krPtvjoz .oZBJB\+6u2S {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.b9krPtvjoz .oZBJB\+6u2S > span {
  font-size: 8px;
}
.eA31kaqGEb .ant-popover-inner-content {
  padding: 0;
}
.eA31kaqGEb .ant-popover-arrow {
  border-color: #475365 !important;
}
.eA31kaqGEb .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.tIkH30rkSv {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.fl58t-sR9c {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.fl58t-sR9c .LMpS0RFK4P {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.XV1ItmdsK3 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Y3EuMUQ\+xz {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Y3EuMUQ\+xz {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.yRJE3Ar5fH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._81mFB\+tN3M {
    /* This is the key */
  }
  ._81mFB\+tN3M html,
  ._81mFB\+tN3M body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._81mFB\+tN3M body,
  ._81mFB\+tN3M div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._81mFB\+tN3M textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._81mFB\+tN3M table,
  ._81mFB\+tN3M tr,
  ._81mFB\+tN3M td {
    page-break-inside: avoid;
  }
  ._81mFB\+tN3M div {
    page-break-inside: avoid;
  }
  ._81mFB\+tN3M thead {
    display: table-header-group;
  }
  ._81mFB\+tN3M tfoot {
    display: table-footer-group;
  }
  ._81mFB\+tN3M * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._81mFB\+tN3M .TAi4f8cgcA,
  ._81mFB\+tN3M .no-print,
  ._81mFB\+tN3M .react-resizable-handle,
  ._81mFB\+tN3M .fc-whiteboard-toolbar,
  ._81mFB\+tN3M .ant-modal-root,
  ._81mFB\+tN3M .ant-alert,
  ._81mFB\+tN3M .Lkx-hkCf13,
  ._81mFB\+tN3M .dxR2MVlV2d {
    display: none !important;
  }
  ._81mFB\+tN3M .C56L0SBDDE {
    display: none !important;
  }
}
.pqYOPJ4NgP .jupload img {
  width: 200px !important;
  height: 200px !important;
}
.pqYOPJ4NgP .jexcel_container,
.pqYOPJ4NgP .jexcel_content,
.pqYOPJ4NgP .jexcel {
  width: 100%;
}
.pqYOPJ4NgP .jexcel colgroup > col:first-child {
  width: 20px !important;
}
.pqYOPJ4NgP .jexcel .editor .jclose:after {
  content: 'x';
}
.pqYOPJ4NgP .jexcel > tbody > tr > td,
.pqYOPJ4NgP .jexcel > thead > tr > td {
  border-left: none;
  border-right: none;
  font-size: 14px;
  white-space: pre-wrap;
}
.pqYOPJ4NgP .jexcel > tbody > tr > td.readonly {
  color: #000000;
  word-break: break-all;
}
.pqYOPJ4NgP .jexcel > tbody > tr > td:last-child,
.pqYOPJ4NgP .jexcel > thead > tr > td:last-child {
  border-right: none;
}

.IjR-U9RR3l .ant-table-tbody > tr > td {
  border-bottom: none !important;
}
.IjR-U9RR3l .ant-table-tbody {
  page-break-inside: auto;
}
.IjR-U9RR3l ._1lrCnRm8kC:first-child {
  page-break-after: always;
}
.IjR-U9RR3l ._1lrCnRm8kC {
  position: relative;
  page-break-before: avoid;
  page-break-after: auto;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.n3VpCRAKWZ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.N6X7L\+bTdy {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.M\+1mLwpPyU {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.M\+1mLwpPyU > i,
.M\+1mLwpPyU > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.HNTPTstRkg {
  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;
}
.cIXc7gMNVv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.AZAiY0RPWo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Zm4\+AK66qe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.eyFMuaPdjJ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.BElc--aL20 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ponXM6yUK3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.ponXM6yUK3 .flV\+1OpAvZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.ponXM6yUK3 .flV\+1OpAvZ > span {
  color: rgba(0, 0, 0, 0.65);
}
._7wfeZ-9Zqi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._7wfeZ-9Zqi .jn-muUg4R1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._7wfeZ-9Zqi .jn-muUg4R1 > span {
  font-size: 8px;
}
.Q0d7xeM53E .ant-popover-inner-content {
  padding: 0;
}
.Q0d7xeM53E .ant-popover-arrow {
  border-color: #475365 !important;
}
.Q0d7xeM53E .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.nkZIEdoly7 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.hAAOeuH4Xo {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.hAAOeuH4Xo .zjWkj99MS0 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.iWAzVNdzW3 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.HqwklDs8K3 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .HqwklDs8K3 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.A6pgp19Vjc {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .eBeKUI-aKt {
    /* This is the key */
  }
  .eBeKUI-aKt html,
  .eBeKUI-aKt body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .eBeKUI-aKt body,
  .eBeKUI-aKt div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .eBeKUI-aKt textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .eBeKUI-aKt table,
  .eBeKUI-aKt tr,
  .eBeKUI-aKt td {
    page-break-inside: avoid;
  }
  .eBeKUI-aKt div {
    page-break-inside: avoid;
  }
  .eBeKUI-aKt thead {
    display: table-header-group;
  }
  .eBeKUI-aKt tfoot {
    display: table-footer-group;
  }
  .eBeKUI-aKt * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .eBeKUI-aKt .J9jWtyr4\+t,
  .eBeKUI-aKt .no-print,
  .eBeKUI-aKt .react-resizable-handle,
  .eBeKUI-aKt .fc-whiteboard-toolbar,
  .eBeKUI-aKt .ant-modal-root,
  .eBeKUI-aKt .ant-alert,
  .eBeKUI-aKt .pcQ5A1AG7W,
  .eBeKUI-aKt .Bww0M8FdEr {
    display: none !important;
  }
  .eBeKUI-aKt .-ZbTUWY1yX {
    display: none !important;
  }
}
.H6imyzM7\+l {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
  padding-top: 8px;
  overflow: auto;
}
.H6imyzM7\+l .fmFbLB6p77 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.H6imyzM7\+l .fmFbLB6p77 .\+HNhvbqKUO {
  color: #fff;
  background-color: #6874e2;
}
.H6imyzM7\+l .ant-tabs-content-holder {
  display: none;
}
.a6Atba5jVm .fmFbLB6p77 {
  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;
  padding: 5px 10px 0 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.a6Atba5jVm .KN-dhYQlLE {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 5px 0;
}
/* 覆盖Ant Design表格选中列的样式 */
.yZp3bpbkbH {
  /* 移除列的高亮背景色 */
  /* 移除鼠标悬停时的背景色 */
  /* 确保普通单元格行为正常 */
  /* 确保鼠标悬停在行上时行为正常 */
}
.yZp3bpbkbH .ant-table-column-sort {
  background-color: transparent !important;
}
.yZp3bpbkbH .ant-table-thead th.ant-table-column-sort:hover {
  background-color: #fafafa !important;
}
.yZp3bpbkbH .ant-table-tbody td.ant-table-column-sort {
  background-color: transparent !important;
}
.yZp3bpbkbH .ant-table-tbody tr:hover td.ant-table-column-sort {
  background-color: #fafafa !important;
}
.yZp3bpbkbH .ant-table-thead th {
  background-color: #fafafa !important;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.PO7\+aLEbwu {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.WHdsz9HdE2 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.wBdtDARquu {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wBdtDARquu > i,
.wBdtDARquu > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.DfmTo7i25H {
  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;
}
.PtkuqPYQET {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tbV1cIh7aH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.K\+6c-TGseH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._6uPw7rg6A0 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.EsQ4WpB-x2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.seTR75Ysff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.seTR75Ysff .Bx4JqWP0cR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.seTR75Ysff .Bx4JqWP0cR > span {
  color: rgba(0, 0, 0, 0.65);
}
.S0YQTZTGRc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.S0YQTZTGRc .D6YA79sZtW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.S0YQTZTGRc .D6YA79sZtW > span {
  font-size: 8px;
}
.E\+2VVcJqw7 .ant-popover-inner-content {
  padding: 0;
}
.E\+2VVcJqw7 .ant-popover-arrow {
  border-color: #475365 !important;
}
.E\+2VVcJqw7 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.J2ME9qeHrj {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._2Un70QA4RW {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._2Un70QA4RW ._7S31wYFH8d {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._3dd28IEQNT {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.EV9-YVpR4b {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .EV9-YVpR4b {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._5A275SVgic {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .aJDXr4afyU {
    /* This is the key */
  }
  .aJDXr4afyU html,
  .aJDXr4afyU body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .aJDXr4afyU body,
  .aJDXr4afyU div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .aJDXr4afyU textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .aJDXr4afyU table,
  .aJDXr4afyU tr,
  .aJDXr4afyU td {
    page-break-inside: avoid;
  }
  .aJDXr4afyU div {
    page-break-inside: avoid;
  }
  .aJDXr4afyU thead {
    display: table-header-group;
  }
  .aJDXr4afyU tfoot {
    display: table-footer-group;
  }
  .aJDXr4afyU * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .aJDXr4afyU .wR4TgUBp8\+,
  .aJDXr4afyU .no-print,
  .aJDXr4afyU .react-resizable-handle,
  .aJDXr4afyU .fc-whiteboard-toolbar,
  .aJDXr4afyU .ant-modal-root,
  .aJDXr4afyU .ant-alert,
  .aJDXr4afyU .YCrQQKrqPG,
  .aJDXr4afyU .UMav4Vn41u {
    display: none !important;
  }
  .aJDXr4afyU .muSpDxxDSU {
    display: none !important;
  }
}
.P7PbUFIQuI {
  background-color: #fff;
}
.P7PbUFIQuI .z5V5ayzU0j {
  width: 120px;
}
.rKxavg34lF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 24px 0;
}
.rKxavg34lF > div:first-child {
  width: 100%;
  margin-bottom: 18px;
}
.rKxavg34lF .ant-statistic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: bold;
}
.rKxavg34lF .ant-statistic > div:first-child {
  color: #000;
  margin-bottom: 0;
}
.rKxavg34lF .ant-statistic > div:last-child {
  font-size: 14px !important;
}
.rKxavg34lF .ant-statistic > div:last-child {
  color: #fa6400;
  margin-left: 12px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.oIIGnWnPX8 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.B0W-3MtH40 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.YidxfNgxP- {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YidxfNgxP- > i,
.YidxfNgxP- > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.yoyNqXmPc- {
  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;
}
.VjttxOw0kW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.UbCGXzWTwC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.BuKt092M2N {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Q-Dx-c6JYS {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cMiRAxdnNR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.H0ARlyOqTf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.H0ARlyOqTf ._0Xe\+psVNHy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.H0ARlyOqTf ._0Xe\+psVNHy > span {
  color: rgba(0, 0, 0, 0.65);
}
.PRyx4G0a88 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PRyx4G0a88 .iRnvqxBcnl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.PRyx4G0a88 .iRnvqxBcnl > span {
  font-size: 8px;
}
._9aqRoqyjXx .ant-popover-inner-content {
  padding: 0;
}
._9aqRoqyjXx .ant-popover-arrow {
  border-color: #475365 !important;
}
._9aqRoqyjXx .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._6PO8hf57X7 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Bi7NlVSmxr {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Bi7NlVSmxr .mUyU-b-iZG {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.nLkB0GBQ-m {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._5M83uWBVqG {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._5M83uWBVqG {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.UF70MSWWe5 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .mHg3pbpXjk {
    /* This is the key */
  }
  .mHg3pbpXjk html,
  .mHg3pbpXjk body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .mHg3pbpXjk body,
  .mHg3pbpXjk div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .mHg3pbpXjk textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .mHg3pbpXjk table,
  .mHg3pbpXjk tr,
  .mHg3pbpXjk td {
    page-break-inside: avoid;
  }
  .mHg3pbpXjk div {
    page-break-inside: avoid;
  }
  .mHg3pbpXjk thead {
    display: table-header-group;
  }
  .mHg3pbpXjk tfoot {
    display: table-footer-group;
  }
  .mHg3pbpXjk * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .mHg3pbpXjk .YH1H1M7G1d,
  .mHg3pbpXjk .no-print,
  .mHg3pbpXjk .react-resizable-handle,
  .mHg3pbpXjk .fc-whiteboard-toolbar,
  .mHg3pbpXjk .ant-modal-root,
  .mHg3pbpXjk .ant-alert,
  .mHg3pbpXjk .BA38zBBGSA,
  .mHg3pbpXjk .ogCagpD7Cy {
    display: none !important;
  }
  .mHg3pbpXjk ._11GbTziv0v {
    display: none !important;
  }
}
._7E5XuzlTjY {
  background-color: #fff;
}
._7E5XuzlTjY .QVSmIsgQHi {
  width: 120px;
}
.Ay-xvPHdGH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 24px 0;
}
.Ay-xvPHdGH > div:first-child {
  width: 100%;
  margin-bottom: 18px;
}
.Ay-xvPHdGH .ant-statistic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: bold;
}
.Ay-xvPHdGH .ant-statistic > div:first-child {
  color: #000;
  margin-bottom: 0;
}
.Ay-xvPHdGH .ant-statistic > div:last-child {
  font-size: 14px !important;
}
.Ay-xvPHdGH .ant-statistic > div:last-child {
  color: #fa6400;
  margin-left: 12px;
}
.-SqHywDIXt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  cursor: pointer;
  width: 120px;
  margin-left: 8px;
  color: #1890ff;
}
.-SqHywDIXt > span:last-child {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.-SqHywDIXt:hover > span:last-child {
  opacity: 1;
}
._8mkmf0oTNu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
._8mkmf0oTNu > span {
  min-width: 110px;
  display: block;
}
._8mkmf0oTNu:nth-child(2) {
  margin: 12px 0;
}

.rZLPw4v9ti {
  padding: 24px 12px;
}
.rZLPw4v9ti .ant-timeline-item-label {
  width: calc(30% - 12px) !important;
}
.rZLPw4v9ti .ant-timeline-item-tail {
  left: 30% !important;
}
.rZLPw4v9ti .ant-timeline-item-content {
  left: calc(30% - 4px) !important;
  width: calc(70% - 14px) !important;
}
.rZLPw4v9ti .ant-timeline-item-head {
  left: 30% !important;
}
.rZLPw4v9ti .ant-btn-link {
  padding: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Oich\+nBZ3c {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.OwkiRvDbXM {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.tkpCAnjRh1 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tkpCAnjRh1 > i,
.tkpCAnjRh1 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ByDB7cplR\+ {
  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;
}
.MgVbfl8m7n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hdrIMbqfkC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pV\+3mTbCc6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._813BwkzXs- {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sLO4LXhW4I {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NQ64Skja5F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.NQ64Skja5F .QsnPYXaQmA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.NQ64Skja5F .QsnPYXaQmA > span {
  color: rgba(0, 0, 0, 0.65);
}
.rGYCIBRdbu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.rGYCIBRdbu ._62l9qV-CDM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rGYCIBRdbu ._62l9qV-CDM > span {
  font-size: 8px;
}
.guU3grpXV1 .ant-popover-inner-content {
  padding: 0;
}
.guU3grpXV1 .ant-popover-arrow {
  border-color: #475365 !important;
}
.guU3grpXV1 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.SmdizRH-HG {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.-hzJtN1wd6 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.-hzJtN1wd6 .jqb56sWfKy {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.hBkiLdjGwr {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Qo5ILTqNIM {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Qo5ILTqNIM {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.m2z1W8k7zO {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .r7qZEiLPdv {
    /* This is the key */
  }
  .r7qZEiLPdv html,
  .r7qZEiLPdv body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .r7qZEiLPdv body,
  .r7qZEiLPdv div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .r7qZEiLPdv textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .r7qZEiLPdv table,
  .r7qZEiLPdv tr,
  .r7qZEiLPdv td {
    page-break-inside: avoid;
  }
  .r7qZEiLPdv div {
    page-break-inside: avoid;
  }
  .r7qZEiLPdv thead {
    display: table-header-group;
  }
  .r7qZEiLPdv tfoot {
    display: table-footer-group;
  }
  .r7qZEiLPdv * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .r7qZEiLPdv .ltu4pqS99u,
  .r7qZEiLPdv .no-print,
  .r7qZEiLPdv .react-resizable-handle,
  .r7qZEiLPdv .fc-whiteboard-toolbar,
  .r7qZEiLPdv .ant-modal-root,
  .r7qZEiLPdv .ant-alert,
  .r7qZEiLPdv .B5dRIzq-zT,
  .r7qZEiLPdv .HDvENH245R {
    display: none !important;
  }
  .r7qZEiLPdv .RSXfE3YqkE {
    display: none !important;
  }
}
.xQbI\+rY\+d3 {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._2e-QHVhPIm {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.R8aVPizAu4 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.In6SGITLrx {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.In6SGITLrx > i,
.In6SGITLrx > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lSOjbG8AML {
  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;
}
.OlJZ8WU-1A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fo1jHsdZ5p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mD\+3z3MEeU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.\-5P9Ahvg5D {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.YV5VxN\+MCL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.d6sQAJ655x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.d6sQAJ655x .juVA-h6wc- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.d6sQAJ655x .juVA-h6wc- > span {
  color: rgba(0, 0, 0, 0.65);
}
.edHYxIvu8X {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.edHYxIvu8X .tSwwbGjCkQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.edHYxIvu8X .tSwwbGjCkQ > span {
  font-size: 8px;
}
.Lk9UNScWLq .ant-popover-inner-content {
  padding: 0;
}
.Lk9UNScWLq .ant-popover-arrow {
  border-color: #475365 !important;
}
.Lk9UNScWLq .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._6Yb9jv9dw5 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.W8\+7qml018 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.W8\+7qml018 .yLQLOn6ltJ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.byplE5aD\+w {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.\+y9mPyEKvD {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .\+y9mPyEKvD {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._4zSCvZrCBo {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .AW4RhgitIS {
    /* This is the key */
  }
  .AW4RhgitIS html,
  .AW4RhgitIS body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .AW4RhgitIS body,
  .AW4RhgitIS div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .AW4RhgitIS textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .AW4RhgitIS table,
  .AW4RhgitIS tr,
  .AW4RhgitIS td {
    page-break-inside: avoid;
  }
  .AW4RhgitIS div {
    page-break-inside: avoid;
  }
  .AW4RhgitIS thead {
    display: table-header-group;
  }
  .AW4RhgitIS tfoot {
    display: table-footer-group;
  }
  .AW4RhgitIS * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .AW4RhgitIS .MB6zZHD5VR,
  .AW4RhgitIS .no-print,
  .AW4RhgitIS .react-resizable-handle,
  .AW4RhgitIS .fc-whiteboard-toolbar,
  .AW4RhgitIS .ant-modal-root,
  .AW4RhgitIS .ant-alert,
  .AW4RhgitIS .BLHAej4wmE,
  .AW4RhgitIS .j5qkqZ-zpW {
    display: none !important;
  }
  .AW4RhgitIS .VldKZGVVOP {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.mRPGHwsY5c {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.RP0mi9\+tFL {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.F-4l4EsgFb {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.F-4l4EsgFb > i,
.F-4l4EsgFb > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.PNNRuU70Lf {
  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;
}
.\+NXc-ytJ3s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.jW4CEyNYyM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._1XyixwRz\+\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.e8-bNDo2\+h {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.I3HDK-lTXY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.YRq9Ywh\+eR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.YRq9Ywh\+eR .\+ZiwJcIHAk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.YRq9Ywh\+eR .\+ZiwJcIHAk > span {
  color: rgba(0, 0, 0, 0.65);
}
._5l1ctu0ArJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._5l1ctu0ArJ ._7sa5qzZnKc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._5l1ctu0ArJ ._7sa5qzZnKc > span {
  font-size: 8px;
}
.uFgYjF9cLU .ant-popover-inner-content {
  padding: 0;
}
.uFgYjF9cLU .ant-popover-arrow {
  border-color: #475365 !important;
}
.uFgYjF9cLU .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.U3Mu2gi2bb {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.QWoDaLNt\+z {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.QWoDaLNt\+z .FQKE-S6c6O {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.VQlRBwaSZZ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.NSkKsu67Uc {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .NSkKsu67Uc {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Z5nk76naYH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .uAY0c6E83C {
    /* This is the key */
  }
  .uAY0c6E83C html,
  .uAY0c6E83C body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .uAY0c6E83C body,
  .uAY0c6E83C div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .uAY0c6E83C textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .uAY0c6E83C table,
  .uAY0c6E83C tr,
  .uAY0c6E83C td {
    page-break-inside: avoid;
  }
  .uAY0c6E83C div {
    page-break-inside: avoid;
  }
  .uAY0c6E83C thead {
    display: table-header-group;
  }
  .uAY0c6E83C tfoot {
    display: table-footer-group;
  }
  .uAY0c6E83C * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .uAY0c6E83C .zcAcXalmhK,
  .uAY0c6E83C .no-print,
  .uAY0c6E83C .react-resizable-handle,
  .uAY0c6E83C .fc-whiteboard-toolbar,
  .uAY0c6E83C .ant-modal-root,
  .uAY0c6E83C .ant-alert,
  .uAY0c6E83C .soAFxabyM0,
  .uAY0c6E83C .BZFF-AgZ-Y {
    display: none !important;
  }
  .uAY0c6E83C ._3kLprpqoDK {
    display: none !important;
  }
}
.aBf6v\+vNSL {
  overflow: hidden !important;
}
.aBf6v\+vNSL {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.aBf6v\+vNSL .QnhBoBO9gL {
  height: calc(100% - 60px);
  overflow: auto;
}
.aBf6v\+vNSL .QnhBoBO9gL .cUPA4v0lDD {
  padding: 24px;
}
.aBf6v\+vNSL .QnhBoBO9gL .cUPA4v0lDD .DrP0T2-o6Q {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-bottom: 24px;
}
.aBf6v\+vNSL .QnhBoBO9gL .cUPA4v0lDD .-Hby7ZUXbI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.aBf6v\+vNSL .CZcSj9X1kd {
  height: 60px !important;
}
.aBf6v\+vNSL .CZcSj9X1kd {
  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;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._5FIqw32jQZ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Gsd0GuiZk9 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.cZFUJDcvME {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cZFUJDcvME > i,
.cZFUJDcvME > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JW3DtrLMPW {
  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;
}
.jx2VlAHxLJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._9PY65gm2KR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tZROJJB1s\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._2WYzj2ym0v {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.AM6m-MiC7w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p1-nU9xqEA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.p1-nU9xqEA .UwG9EqYDYA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.p1-nU9xqEA .UwG9EqYDYA > span {
  color: rgba(0, 0, 0, 0.65);
}
.Wbq\+VBodxV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Wbq\+VBodxV .CKHFGIOo63 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Wbq\+VBodxV .CKHFGIOo63 > span {
  font-size: 8px;
}
.laDLhMWRlI .ant-popover-inner-content {
  padding: 0;
}
.laDLhMWRlI .ant-popover-arrow {
  border-color: #475365 !important;
}
.laDLhMWRlI .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.UwZBW0vD8l {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.dYZeI8RCP0 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.dYZeI8RCP0 .eVAu9UvdTO {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.tOwwa8LdFR {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.I31A3Xp9YP {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .I31A3Xp9YP {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.qPCn0shhu9 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .BeMUlgUpuQ {
    /* This is the key */
  }
  .BeMUlgUpuQ html,
  .BeMUlgUpuQ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .BeMUlgUpuQ body,
  .BeMUlgUpuQ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .BeMUlgUpuQ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .BeMUlgUpuQ table,
  .BeMUlgUpuQ tr,
  .BeMUlgUpuQ td {
    page-break-inside: avoid;
  }
  .BeMUlgUpuQ div {
    page-break-inside: avoid;
  }
  .BeMUlgUpuQ thead {
    display: table-header-group;
  }
  .BeMUlgUpuQ tfoot {
    display: table-footer-group;
  }
  .BeMUlgUpuQ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .BeMUlgUpuQ ._3XO14uXbCM,
  .BeMUlgUpuQ .no-print,
  .BeMUlgUpuQ .react-resizable-handle,
  .BeMUlgUpuQ .fc-whiteboard-toolbar,
  .BeMUlgUpuQ .ant-modal-root,
  .BeMUlgUpuQ .ant-alert,
  .BeMUlgUpuQ .UMBVeqvKY-,
  .BeMUlgUpuQ .Zd\+g95Luxb {
    display: none !important;
  }
  .BeMUlgUpuQ .CyVI0ipRgI {
    display: none !important;
  }
}
.NAUh7C0WjW {
  padding: 0 !important;
}
.NAUh7C0WjW {
  background-color: #fff;
  width: 100%;
}
.NAUh7C0WjW .KXmywG\+my1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.NAUh7C0WjW .KXmywG\+my1 div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.NAUh7C0WjW .KXmywG\+my1 div:first-child > span.h52guFj0fD {
  color: #6874e2;
  font-size: 20px;
  margin-left: 6px;
}
.NAUh7C0WjW .axIXmDpuVH {
  margin-top: 24px;
}
.NAUh7C0WjW ._87WylC22Ks {
  color: rgba(0, 0, 0, 0.65);
}
.NAUh7C0WjW .T7eVYEOaaw {
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.NAUh7C0WjW .ant-row {
  margin-bottom: 8px;
}
.NAUh7C0WjW .ant-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.NAUh7C0WjW .ant-form-item-label > label {
  width: 105px;
  padding-right: 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.S7rd9Hdlbs {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.TDH9zT6B5r {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.eKAZmMYiGE {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.eKAZmMYiGE > i,
.eKAZmMYiGE > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.UFMB4b-mqf {
  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;
}
.cvXl0b8165 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._40IpN129fp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Fxm5-P9edm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.KrbKlDMoNb {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wiTwIXz7Y9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.e9VzyIdWs2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.e9VzyIdWs2 .flB5KsO0RI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.e9VzyIdWs2 .flB5KsO0RI > span {
  color: rgba(0, 0, 0, 0.65);
}
.caWsjV5RiX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.caWsjV5RiX ._57bbOEr9av {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.caWsjV5RiX ._57bbOEr9av > span {
  font-size: 8px;
}
.Orkduo47dG .ant-popover-inner-content {
  padding: 0;
}
.Orkduo47dG .ant-popover-arrow {
  border-color: #475365 !important;
}
.Orkduo47dG .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.IboESneFU9 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.y9BWk2\+BKw {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.y9BWk2\+BKw ._2bFRD-3bm3 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.io7\+lY0YwK {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.sJXIgtQoet {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .sJXIgtQoet {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.uX4L-5y95J {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .NKGAAOw2xk {
    /* This is the key */
  }
  .NKGAAOw2xk html,
  .NKGAAOw2xk body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .NKGAAOw2xk body,
  .NKGAAOw2xk div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .NKGAAOw2xk textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .NKGAAOw2xk table,
  .NKGAAOw2xk tr,
  .NKGAAOw2xk td {
    page-break-inside: avoid;
  }
  .NKGAAOw2xk div {
    page-break-inside: avoid;
  }
  .NKGAAOw2xk thead {
    display: table-header-group;
  }
  .NKGAAOw2xk tfoot {
    display: table-footer-group;
  }
  .NKGAAOw2xk * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .NKGAAOw2xk .wJUK3e59vw,
  .NKGAAOw2xk .no-print,
  .NKGAAOw2xk .react-resizable-handle,
  .NKGAAOw2xk .fc-whiteboard-toolbar,
  .NKGAAOw2xk .ant-modal-root,
  .NKGAAOw2xk .ant-alert,
  .NKGAAOw2xk ._74V9UwIGap,
  .NKGAAOw2xk .nXnJylKGbj {
    display: none !important;
  }
  .NKGAAOw2xk .XbN4TX5hc1 {
    display: none !important;
  }
}
.IXLSPH\+\+oQ {
  margin-bottom: 40px;
  background-color: #fff;
}
.IXLSPH\+\+oQ .aoguIGH4H3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}
.IXLSPH\+\+oQ .aoguIGH4H3 > span {
  color: #6874e2;
  font-size: 20px;
  margin-left: 6px;
}
.IXLSPH\+\+oQ .kvvIjgcz6x {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.65);
}
.IXLSPH\+\+oQ .kvvIjgcz6x > span {
  display: inline-block;
}
.IXLSPH\+\+oQ .iUT\+74lEzR {
  cursor: pointer;
  position: relative;
  border: 1px solid;
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 4px;
}
.IXLSPH\+\+oQ .iUT\+74lEzR > span:first-child {
  z-index: 99;
  position: absolute;
  top: 4px;
  left: 4px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.uRjSy42wNM {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._4zBBTQOldp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.NbUt1sY7wh {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.NbUt1sY7wh > i,
.NbUt1sY7wh > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._6Y9FQ6c6nB {
  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;
}
.cDmQIEmwOL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.kpYr3wiN2t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.aeOMgGX1HP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.VdSI2P6oi5 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._2Oggjzyp6E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.um1l-ZHQpd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.um1l-ZHQpd .EmEcVzpWSt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.um1l-ZHQpd .EmEcVzpWSt > span {
  color: rgba(0, 0, 0, 0.65);
}
._8Bh2UF2SFa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._8Bh2UF2SFa .iIwiCH3jof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._8Bh2UF2SFa .iIwiCH3jof > span {
  font-size: 8px;
}
.jJYpB0pLVW .ant-popover-inner-content {
  padding: 0;
}
.jJYpB0pLVW .ant-popover-arrow {
  border-color: #475365 !important;
}
.jJYpB0pLVW .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Lq2Sa2HlPl {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.z08YEY\+6R8 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.z08YEY\+6R8 ._6pNUGEHLny {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.RyNsc68asA {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._08ZcEMs0oV {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._08ZcEMs0oV {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.aFzYeS1HNH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .CDQqWbs\+c3 {
    /* This is the key */
  }
  .CDQqWbs\+c3 html,
  .CDQqWbs\+c3 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .CDQqWbs\+c3 body,
  .CDQqWbs\+c3 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .CDQqWbs\+c3 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .CDQqWbs\+c3 table,
  .CDQqWbs\+c3 tr,
  .CDQqWbs\+c3 td {
    page-break-inside: avoid;
  }
  .CDQqWbs\+c3 div {
    page-break-inside: avoid;
  }
  .CDQqWbs\+c3 thead {
    display: table-header-group;
  }
  .CDQqWbs\+c3 tfoot {
    display: table-footer-group;
  }
  .CDQqWbs\+c3 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .CDQqWbs\+c3 .N5OAIremk-,
  .CDQqWbs\+c3 .no-print,
  .CDQqWbs\+c3 .react-resizable-handle,
  .CDQqWbs\+c3 .fc-whiteboard-toolbar,
  .CDQqWbs\+c3 .ant-modal-root,
  .CDQqWbs\+c3 .ant-alert,
  .CDQqWbs\+c3 .dz8Yx2DCaY,
  .CDQqWbs\+c3 .h1FQNWSlER {
    display: none !important;
  }
  .CDQqWbs\+c3 ._4HZE0BX-iN {
    display: none !important;
  }
}
.AGBeM0ua7x {
  height: 100%;
  overflow-x: visible;
  overflow-x: initial;
  overflow-y: auto;
}
.AGBeM0ua7x .anticon-close-circle {
  margin-top: 4px;
}
.AGBeM0ua7x ._9AFF7nIGLa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}
.AGBeM0ua7x ._9AFF7nIGLa > span {
  color: #6874e2;
  font-size: 20px;
  margin-left: 15px;
}
.AGBeM0ua7x .acrkefdIlq {
  border-radius: 4px;
  background-color: #fff;
  padding: 18px 32px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.AGBeM0ua7x .AuTJG\+5AaN {
  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;
  position: sticky;
  bottom: 0;
  height: 60px;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  z-index: 999;
}
.AGBeM0ua7x .AuTJG\+5AaN .A9zHFxRMlm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  margin-right: 18px;
  color: rgba(0, 0, 0, 0.65);
}
.AGBeM0ua7x .AuTJG\+5AaN .A9zHFxRMlm > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fa6400;
}
.AGBeM0ua7x .AuTJG\+5AaN .A9zHFxRMlm .ant-statistic-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AGBeM0ua7x .AuTJG\+5AaN .A9zHFxRMlm .ant-statistic-content .ant-statistic-content-value {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
._6-Mv758zwO {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-left: 16px;
}
._9XQyQCvgb8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._9XQyQCvgb8 .xcOreJbV-E {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.lkwV96bcT\+ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.DHELKrhFZU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.dTTH7HWPkC {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dTTH7HWPkC > i,
.dTTH7HWPkC > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.HSK85nespj {
  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;
}
.tPh9r3VjmQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.JT7gd0JBwU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.s0gV9OiGOa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.MjcPy3cZRc {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._0tYgRHyk73 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.awaLDeOdVG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.awaLDeOdVG .cfsiiEOQFx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.awaLDeOdVG .cfsiiEOQFx > span {
  color: rgba(0, 0, 0, 0.65);
}
.ICP\+WiuQ6G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ICP\+WiuQ6G .DcSa1OpoN\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ICP\+WiuQ6G .DcSa1OpoN\+ > span {
  font-size: 8px;
}
.gvscbn5AIS .ant-popover-inner-content {
  padding: 0;
}
.gvscbn5AIS .ant-popover-arrow {
  border-color: #475365 !important;
}
.gvscbn5AIS .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.DkvRJRy0wg {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.skmeXxXzjQ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.skmeXxXzjQ .I9ZNhuU4KN {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.QDg7TPObI5 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.zbSbLgMxkn {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .zbSbLgMxkn {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.BlDN4KGDL2 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .BV9gUISR6N {
    /* This is the key */
  }
  .BV9gUISR6N html,
  .BV9gUISR6N body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .BV9gUISR6N body,
  .BV9gUISR6N div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .BV9gUISR6N textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .BV9gUISR6N table,
  .BV9gUISR6N tr,
  .BV9gUISR6N td {
    page-break-inside: avoid;
  }
  .BV9gUISR6N div {
    page-break-inside: avoid;
  }
  .BV9gUISR6N thead {
    display: table-header-group;
  }
  .BV9gUISR6N tfoot {
    display: table-footer-group;
  }
  .BV9gUISR6N * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .BV9gUISR6N ._5gHMpxMlql,
  .BV9gUISR6N .no-print,
  .BV9gUISR6N .react-resizable-handle,
  .BV9gUISR6N .fc-whiteboard-toolbar,
  .BV9gUISR6N .ant-modal-root,
  .BV9gUISR6N .ant-alert,
  .BV9gUISR6N .zzrCPCgsIZ,
  .BV9gUISR6N .VUNfR7p8XR {
    display: none !important;
  }
  .BV9gUISR6N .Sldmp94QLz {
    display: none !important;
  }
}
.IMCGHgeXPx {
  background-color: #fff;
}
.IMCGHgeXPx .S6b\+sS-G3u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 32px;
  padding: 18px 0;
}
.IMCGHgeXPx .S6b\+sS-G3u div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.IMCGHgeXPx .S6b\+sS-G3u div:first-child > span.-tXEFB6o4L {
  color: #6874e2;
  font-size: 20px;
  margin-left: 6px;
}
.IMCGHgeXPx .F3ho9xGrq3 {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.65);
}
.IMCGHgeXPx .F3ho9xGrq3 > span {
  display: inline-block;
}
.IMCGHgeXPx .A2QsuhosF5 {
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  margin-bottom: 4px;
}
.IMCGHgeXPx .A2QsuhosF5 > span:first-child {
  z-index: 99;
  position: absolute;
  top: 4px;
  left: 4px;
}
.IMCGHgeXPx .ant-table-wrapper {
  padding: 0 32px;
}
.IMCGHgeXPx .ant-table {
  border-radius: 4px;
  overflow: hidden;
}
.IMCGHgeXPx .ant-table-cell-with-bg {
  padding: 8px 0 0 0 !important;
}
.IMCGHgeXPx .ant-table-cell-with-bg {
  border: none;
}
.IMCGHgeXPx .supplier-group-last .ant-table-cell-with-bg {
  padding: 8px 0 8px 0 !important;
}
.IMCGHgeXPx .supplier-group-last .ant-table-cell-with-bg {
  border: none;
}
.IMCGHgeXPx .ant-table-cell-row-hover .ant-table-cell-with-bg {
  background: #f8f8fb !important;
}
.IMCGHgeXPx .ant-table-tbody > tr:last-child > td.ant-table-cell-with-bg {
  padding-bottom: 8px !important;
}
.IMCGHgeXPx .ant-table-cell {
  border: none;
  padding: 12px 16px;
}
.IMCGHgeXPx .ant-table-thead > tr > th {
  background: #e9edf0;
  /* 修改表头背景色为 #E9EDF0 */
}
.IMCGHgeXPx .ant-table-tbody > tr > td {
  border-bottom: none !important;
}
.IMCGHgeXPx .ant-table-tbody > tr:last-child > td {
  border-bottom: none;
}
.IMCGHgeXPx .ant-table-cell-row-hover {
  background: inherit !important;
}
.IMCGHgeXPx .ant-table-tbody > tr.supplier-group-first td {
  border-top: 1px solid #cbcbcb;
}
.IMCGHgeXPx .ant-table-tbody > tr.supplier-group-last {
  margin-bottom: 20px;
}
.IMCGHgeXPx .UyXl\+IAvVW {
  background: #f0f2f5;
}
.IMCGHgeXPx .KxXgluMvCx {
  padding-left: 16px;
  display: inline-block;
  width: 100%;
  background: #f8f8fb;
}
.IMCGHgeXPx {
  padding: 0 !important;
}
.IMCGHgeXPx {
  border-radius: 4px;
  border: none;
}
.hAY1X5MC9P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding: 0 20px;
}
._3rGXWvVbo2 {
  text-align: center;
  color: #1890ff;
  cursor: pointer;
  border-top: 1px solid #e1e1e1;
  padding: 17px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._3rGXWvVbo2:hover {
  opacity: 0.8;
}

.XEkljCZwu3 {
  position: relative;
}
.XEkljCZwu3 .ant-timeline-item {
  padding-bottom: 0 !important;
}
.XEkljCZwu3 .ant-space-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.XEkljCZwu3 .ant-tooltip {
  max-width: 500px !important;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.jid5Dit9j7 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.K1vO4wUcLl {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.XE7ppEoArR {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.XE7ppEoArR > i,
.XE7ppEoArR > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cwEFvnV5a2 {
  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;
}
.YPzs5yq36k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.aDGFjNnnWp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.LyChcp07Vs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.uPXqhHvgW7 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.KRQydqATQS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NtKe2U7o8b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.NtKe2U7o8b .g3ty2TS\+f\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.NtKe2U7o8b .g3ty2TS\+f\+ > span {
  color: rgba(0, 0, 0, 0.65);
}
.n6JUpqams9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.n6JUpqams9 .YY3o2dGZyD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.n6JUpqams9 .YY3o2dGZyD > span {
  font-size: 8px;
}
._6xJ\+-azJv3 .ant-popover-inner-content {
  padding: 0;
}
._6xJ\+-azJv3 .ant-popover-arrow {
  border-color: #475365 !important;
}
._6xJ\+-azJv3 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.K6BFeD4Db2 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Hp-erDawED {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Hp-erDawED .\+TrW8OSa1F {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.AuMnfv6kbL {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._6opYZpzFTZ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._6opYZpzFTZ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._5whQ-UA4k0 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .\+xRoqROpa7 {
    /* This is the key */
  }
  .\+xRoqROpa7 html,
  .\+xRoqROpa7 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .\+xRoqROpa7 body,
  .\+xRoqROpa7 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .\+xRoqROpa7 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .\+xRoqROpa7 table,
  .\+xRoqROpa7 tr,
  .\+xRoqROpa7 td {
    page-break-inside: avoid;
  }
  .\+xRoqROpa7 div {
    page-break-inside: avoid;
  }
  .\+xRoqROpa7 thead {
    display: table-header-group;
  }
  .\+xRoqROpa7 tfoot {
    display: table-footer-group;
  }
  .\+xRoqROpa7 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .\+xRoqROpa7 .CGbiJJAH2w,
  .\+xRoqROpa7 .no-print,
  .\+xRoqROpa7 .react-resizable-handle,
  .\+xRoqROpa7 .fc-whiteboard-toolbar,
  .\+xRoqROpa7 .ant-modal-root,
  .\+xRoqROpa7 .ant-alert,
  .\+xRoqROpa7 .yUiqcjyyiF,
  .\+xRoqROpa7 .luSQljO44l {
    display: none !important;
  }
  .\+xRoqROpa7 .z2aHxPFhVh {
    display: none !important;
  }
}
.KNIHbBx4tk {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.KNIHbBx4tk ._27TuXjzCqv {
  padding: 1rem 1.25rem;
  height: calc(100% - 120px);
  overflow: auto;
}
.KNIHbBx4tk ._27TuXjzCqv .fhJ1vSZN8v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
.KNIHbBx4tk ._27TuXjzCqv .yW24AOIDXE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.KNIHbBx4tk .WjK4t\+5Sdy {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  overflow-x: auto;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Wl05qHZb-0 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.xKktYyAoKc {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.MwoadpmH32 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.MwoadpmH32 > i,
.MwoadpmH32 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ujXRg4XfRB {
  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;
}
.uZaJ\+luZlA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._2W0xMgelSE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.co4-vg7ZbI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._6BTTAu5KPt {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._5Bro-xE4\+0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Ba-qyrk\+NO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Ba-qyrk\+NO .xoWsGSp2TG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Ba-qyrk\+NO .xoWsGSp2TG > span {
  color: rgba(0, 0, 0, 0.65);
}
.YyWAkKPpRj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.YyWAkKPpRj .PTTSWzgO6U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.YyWAkKPpRj .PTTSWzgO6U > span {
  font-size: 8px;
}
.RSq4CfP5vJ .ant-popover-inner-content {
  padding: 0;
}
.RSq4CfP5vJ .ant-popover-arrow {
  border-color: #475365 !important;
}
.RSq4CfP5vJ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.aVBMRNVweK {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.VIvSe4TTxd {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.VIvSe4TTxd .GpK-V3Mt5k {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.XRYkstOCSh {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.PM3-s5DFZ6 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .PM3-s5DFZ6 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Fh-3M9GWdb {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .VXx9qZOy6Q {
    /* This is the key */
  }
  .VXx9qZOy6Q html,
  .VXx9qZOy6Q body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .VXx9qZOy6Q body,
  .VXx9qZOy6Q div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .VXx9qZOy6Q textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .VXx9qZOy6Q table,
  .VXx9qZOy6Q tr,
  .VXx9qZOy6Q td {
    page-break-inside: avoid;
  }
  .VXx9qZOy6Q div {
    page-break-inside: avoid;
  }
  .VXx9qZOy6Q thead {
    display: table-header-group;
  }
  .VXx9qZOy6Q tfoot {
    display: table-footer-group;
  }
  .VXx9qZOy6Q * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .VXx9qZOy6Q .nX2fq4RbOq,
  .VXx9qZOy6Q .no-print,
  .VXx9qZOy6Q .react-resizable-handle,
  .VXx9qZOy6Q .fc-whiteboard-toolbar,
  .VXx9qZOy6Q .ant-modal-root,
  .VXx9qZOy6Q .ant-alert,
  .VXx9qZOy6Q ._5saSx9BWmI,
  .VXx9qZOy6Q .IkvRMsTPmm {
    display: none !important;
  }
  .VXx9qZOy6Q .QTgvtYuiti {
    display: none !important;
  }
}
.odQpIn-i\+y {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.rvnN7ISPcL {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._8aPzvlu3qg {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.l2QTnBOC4z {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.l2QTnBOC4z > i,
.l2QTnBOC4z > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.XgdoVm-iQ4 {
  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;
}
.aiNTAk4kH7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.DXMnBY46iW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.yLeMEopcZ8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5pEAc2Yf\+a {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Th9XU7mQIh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NnYAcyRZA3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.NnYAcyRZA3 ._8NvLAMrNKq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.NnYAcyRZA3 ._8NvLAMrNKq > span {
  color: rgba(0, 0, 0, 0.65);
}
.XMC\+w886dK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.XMC\+w886dK .q-t3RthZJ8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.XMC\+w886dK .q-t3RthZJ8 > span {
  font-size: 8px;
}
.PFtS5bVHEK .ant-popover-inner-content {
  padding: 0;
}
.PFtS5bVHEK .ant-popover-arrow {
  border-color: #475365 !important;
}
.PFtS5bVHEK .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ktMReffaXf {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.x8qxiqp0Sf {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.x8qxiqp0Sf .eXOXfKOqVO {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.lraxoGIema {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.qjUMfzWqUg {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .qjUMfzWqUg {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.cRlz5UewMR {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._4T1jPnIlUf {
    /* This is the key */
  }
  ._4T1jPnIlUf html,
  ._4T1jPnIlUf body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._4T1jPnIlUf body,
  ._4T1jPnIlUf div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._4T1jPnIlUf textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._4T1jPnIlUf table,
  ._4T1jPnIlUf tr,
  ._4T1jPnIlUf td {
    page-break-inside: avoid;
  }
  ._4T1jPnIlUf div {
    page-break-inside: avoid;
  }
  ._4T1jPnIlUf thead {
    display: table-header-group;
  }
  ._4T1jPnIlUf tfoot {
    display: table-footer-group;
  }
  ._4T1jPnIlUf * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._4T1jPnIlUf .I6gtqDJudZ,
  ._4T1jPnIlUf .no-print,
  ._4T1jPnIlUf .react-resizable-handle,
  ._4T1jPnIlUf .fc-whiteboard-toolbar,
  ._4T1jPnIlUf .ant-modal-root,
  ._4T1jPnIlUf .ant-alert,
  ._4T1jPnIlUf ._7XKtMrihvM,
  ._4T1jPnIlUf ._3hvRL81K2r {
    display: none !important;
  }
  ._4T1jPnIlUf .J1Y8IGRrLw {
    display: none !important;
  }
}
._7DdAjigQVU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.yCfZUrGDpw {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.jmSU1ZzsBX {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.PpnZ0aErHg {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PpnZ0aErHg > i,
.PpnZ0aErHg > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wijfQ9z9nc {
  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;
}
.yoXPm0yiKu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.HvYTPM3JFE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wEbAlCDHHg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.XV10TP80N\+ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.LHfzsFad3o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rKJdDnK4Cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.rKJdDnK4Cc .LhsybOG\+pN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.rKJdDnK4Cc .LhsybOG\+pN > span {
  color: rgba(0, 0, 0, 0.65);
}
.FwDM-bNFj5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.FwDM-bNFj5 .HiVfDaEeVk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.FwDM-bNFj5 .HiVfDaEeVk > span {
  font-size: 8px;
}
.eEMbSxcezS .ant-popover-inner-content {
  padding: 0;
}
.eEMbSxcezS .ant-popover-arrow {
  border-color: #475365 !important;
}
.eEMbSxcezS .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.df1WO66XSu {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.uvR6btXsk- {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.uvR6btXsk- .ygmUB9\+rba {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.nW0UeVGLOC {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.cCnlVRxg1b {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .cCnlVRxg1b {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.gZ5gJzx-Qh {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ZVNLPC5nG6 {
    /* This is the key */
  }
  .ZVNLPC5nG6 html,
  .ZVNLPC5nG6 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ZVNLPC5nG6 body,
  .ZVNLPC5nG6 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ZVNLPC5nG6 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ZVNLPC5nG6 table,
  .ZVNLPC5nG6 tr,
  .ZVNLPC5nG6 td {
    page-break-inside: avoid;
  }
  .ZVNLPC5nG6 div {
    page-break-inside: avoid;
  }
  .ZVNLPC5nG6 thead {
    display: table-header-group;
  }
  .ZVNLPC5nG6 tfoot {
    display: table-footer-group;
  }
  .ZVNLPC5nG6 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ZVNLPC5nG6 .rX6fe57O0R,
  .ZVNLPC5nG6 .no-print,
  .ZVNLPC5nG6 .react-resizable-handle,
  .ZVNLPC5nG6 .fc-whiteboard-toolbar,
  .ZVNLPC5nG6 .ant-modal-root,
  .ZVNLPC5nG6 .ant-alert,
  .ZVNLPC5nG6 .Tb-MxggEMo,
  .ZVNLPC5nG6 .ru47VCkBti {
    display: none !important;
  }
  .ZVNLPC5nG6 .rKBbJbhrJe {
    display: none !important;
  }
}
.Lx2exLb6U3 {
  overflow: hidden !important;
}
.Lx2exLb6U3 {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 110px);
}
.Lx2exLb6U3 .xEWkWzhHVp {
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Lx2exLb6U3 .ant-tabs {
  width: 100%;
  height: 100%;
}
.Lx2exLb6U3 .ant-tabs .ant-tabs-nav {
  height: 50px;
  background: white;
  padding-left: 24px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
          box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}
.Lx2exLb6U3 .ant-tabs .ant-tabs-content {
  height: 100%;
}
.Lx2exLb6U3 .ant-tabs .ant-tabs-tabpane {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
  border-radius: 4px;
  overflow: auto;
  height: calc(100vh - 240px);
}
.Lx2exLb6U3 .ant-tabs .ant-tabs-tab-btn {
  padding: 12px 16px;
}
.LykVuMndhh {
  height: 100%;
}
.LykVuMndhh .Pdmau2cMlG {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.zfzQxkfHhI {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.\+dvTkmNorA {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.P8ihiE-f7l {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.P8ihiE-f7l > i,
.P8ihiE-f7l > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.WOQ-lOtZLY {
  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;
}
.ImkugM1dC0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gPGWZ85V8z {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Hc8DsbHwHj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.IA5UdVSqZ3 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.nk7JEQlnAg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.CBUTD0aKbO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.CBUTD0aKbO .LMifsjGOD5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.CBUTD0aKbO .LMifsjGOD5 > span {
  color: rgba(0, 0, 0, 0.65);
}
.iQ9EEg8qds {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.iQ9EEg8qds .iQ1r2v0JuD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.iQ9EEg8qds .iQ1r2v0JuD > span {
  font-size: 8px;
}
._86D-OT66kX .ant-popover-inner-content {
  padding: 0;
}
._86D-OT66kX .ant-popover-arrow {
  border-color: #475365 !important;
}
._86D-OT66kX .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._57OfRchFzu {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.z8SGlMoIMD {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.z8SGlMoIMD .nxyqVNOElD {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.ptwjdDqZV4 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.uTqrTxWjwy {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .uTqrTxWjwy {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.OPw9v0MW54 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .A6PvAEhDiK {
    /* This is the key */
  }
  .A6PvAEhDiK html,
  .A6PvAEhDiK body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .A6PvAEhDiK body,
  .A6PvAEhDiK div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .A6PvAEhDiK textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .A6PvAEhDiK table,
  .A6PvAEhDiK tr,
  .A6PvAEhDiK td {
    page-break-inside: avoid;
  }
  .A6PvAEhDiK div {
    page-break-inside: avoid;
  }
  .A6PvAEhDiK thead {
    display: table-header-group;
  }
  .A6PvAEhDiK tfoot {
    display: table-footer-group;
  }
  .A6PvAEhDiK * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .A6PvAEhDiK .n152GgYswJ,
  .A6PvAEhDiK .no-print,
  .A6PvAEhDiK .react-resizable-handle,
  .A6PvAEhDiK .fc-whiteboard-toolbar,
  .A6PvAEhDiK .ant-modal-root,
  .A6PvAEhDiK .ant-alert,
  .A6PvAEhDiK .kmevXTOz5y,
  .A6PvAEhDiK ._8Sg2-t5iHq {
    display: none !important;
  }
  .A6PvAEhDiK .zENw7cQ8OA {
    display: none !important;
  }
}
.BR5\+UPvfLz {
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 12px;
  padding-top: 0;
  position: relative;
  height: 100%;
}
.BR5\+UPvfLz .M-OEinxi4q {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 12px;
}
.BR5\+UPvfLz .M4FCQ0iuQy {
  width: 100%;
  padding: 16 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-tabs-content {
  height: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Q3xe9NaVNs {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.\+EhY6n4vZI {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.kulhljdQQh {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kulhljdQQh > i,
.kulhljdQQh > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fE5djTzwt6 {
  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;
}
._3K87Y19TSn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ZPCUPmDgr9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._3wXQRZmOQq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._05hxq9eNoe {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mfcOnzkblq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3CPYFTijW5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._3CPYFTijW5 .OjecQMS9d9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._3CPYFTijW5 .OjecQMS9d9 > span {
  color: rgba(0, 0, 0, 0.65);
}
.W2DuRMralK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.W2DuRMralK .o7g2bcT1ps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.W2DuRMralK .o7g2bcT1ps > span {
  font-size: 8px;
}
.NK0g47Pnq1 .ant-popover-inner-content {
  padding: 0;
}
.NK0g47Pnq1 .ant-popover-arrow {
  border-color: #475365 !important;
}
.NK0g47Pnq1 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.fkeazWpo3h {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.srlHxQWT4i {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.srlHxQWT4i .P-nQQEf4wS {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.sC3DbUiW8u {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.QxpTRS-D-S {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .QxpTRS-D-S {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.MwQEexvb78 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .kS3vIs2No9 {
    /* This is the key */
  }
  .kS3vIs2No9 html,
  .kS3vIs2No9 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .kS3vIs2No9 body,
  .kS3vIs2No9 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .kS3vIs2No9 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .kS3vIs2No9 table,
  .kS3vIs2No9 tr,
  .kS3vIs2No9 td {
    page-break-inside: avoid;
  }
  .kS3vIs2No9 div {
    page-break-inside: avoid;
  }
  .kS3vIs2No9 thead {
    display: table-header-group;
  }
  .kS3vIs2No9 tfoot {
    display: table-footer-group;
  }
  .kS3vIs2No9 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .kS3vIs2No9 .eRzDHfL-dR,
  .kS3vIs2No9 .no-print,
  .kS3vIs2No9 .react-resizable-handle,
  .kS3vIs2No9 .fc-whiteboard-toolbar,
  .kS3vIs2No9 .ant-modal-root,
  .kS3vIs2No9 .ant-alert,
  .kS3vIs2No9 .SJdB-3LNhb,
  .kS3vIs2No9 .ZxIL7HXMAA {
    display: none !important;
  }
  .kS3vIs2No9 .Fq4N2w-3xw {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.V0I09--A4n {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.JU-BjqLZmA {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.QXoBL3iumc {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QXoBL3iumc > i,
.QXoBL3iumc > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.FpjLp\+--y3 {
  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;
}
.zgp-vnjYVa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.J4tSKo3r\+O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.FE-E8vXkb5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._39XAVUElCU {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.CDmBOdLDAQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aADqLGu73y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.aADqLGu73y .ZnR1ISmO0f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.aADqLGu73y .ZnR1ISmO0f > span {
  color: rgba(0, 0, 0, 0.65);
}
._0j9Ro2kkKz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._0j9Ro2kkKz .dHy-oB3cP- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._0j9Ro2kkKz .dHy-oB3cP- > span {
  font-size: 8px;
}
.BZqf\+yYUJd .ant-popover-inner-content {
  padding: 0;
}
.BZqf\+yYUJd .ant-popover-arrow {
  border-color: #475365 !important;
}
.BZqf\+yYUJd .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Gg3krTIKN7 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.d0Qrq4y2Hn {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.d0Qrq4y2Hn ._8vrdYvGkNT {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.r1IZnJc2rg {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.JENxIJKuqe {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .JENxIJKuqe {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.cc0GoMaXRV {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .nl\+lIuHepD {
    /* This is the key */
  }
  .nl\+lIuHepD html,
  .nl\+lIuHepD body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .nl\+lIuHepD body,
  .nl\+lIuHepD div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .nl\+lIuHepD textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .nl\+lIuHepD table,
  .nl\+lIuHepD tr,
  .nl\+lIuHepD td {
    page-break-inside: avoid;
  }
  .nl\+lIuHepD div {
    page-break-inside: avoid;
  }
  .nl\+lIuHepD thead {
    display: table-header-group;
  }
  .nl\+lIuHepD tfoot {
    display: table-footer-group;
  }
  .nl\+lIuHepD * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .nl\+lIuHepD .R0MGffeAi7,
  .nl\+lIuHepD .no-print,
  .nl\+lIuHepD .react-resizable-handle,
  .nl\+lIuHepD .fc-whiteboard-toolbar,
  .nl\+lIuHepD .ant-modal-root,
  .nl\+lIuHepD .ant-alert,
  .nl\+lIuHepD .wD8GYSiRxW,
  .nl\+lIuHepD .TA2DycFg0v {
    display: none !important;
  }
  .nl\+lIuHepD .\+Ojc47q0U- {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.qG5jdxIgeI {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.vtHW3cmnAd {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.JwBvg6VfZi {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.JwBvg6VfZi > i,
.JwBvg6VfZi > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sNznmCMsr9 {
  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;
}
.x8Q73h4FdT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._5-Bq2IU00b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._621RTQ6zck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.VVebTjNknT {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._433Zl4ZVmH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c8QjURknrB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.c8QjURknrB .HLGzWF4DKg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.c8QjURknrB .HLGzWF4DKg > span {
  color: rgba(0, 0, 0, 0.65);
}
.T7H1B9OKVv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.T7H1B9OKVv .roZc3bGgrr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.T7H1B9OKVv .roZc3bGgrr > span {
  font-size: 8px;
}
.FNiKaC0LCQ .ant-popover-inner-content {
  padding: 0;
}
.FNiKaC0LCQ .ant-popover-arrow {
  border-color: #475365 !important;
}
.FNiKaC0LCQ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.QpN\+MUaq1s {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.KzyWl1a1-w {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.KzyWl1a1-w .q0hG58tVlx {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.ZeSjc0F7TB {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.sG-RWGWvRY {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .sG-RWGWvRY {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.K0YCmLp0f6 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Ktnp\+zOEzw {
    /* This is the key */
  }
  .Ktnp\+zOEzw html,
  .Ktnp\+zOEzw body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Ktnp\+zOEzw body,
  .Ktnp\+zOEzw div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Ktnp\+zOEzw textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Ktnp\+zOEzw table,
  .Ktnp\+zOEzw tr,
  .Ktnp\+zOEzw td {
    page-break-inside: avoid;
  }
  .Ktnp\+zOEzw div {
    page-break-inside: avoid;
  }
  .Ktnp\+zOEzw thead {
    display: table-header-group;
  }
  .Ktnp\+zOEzw tfoot {
    display: table-footer-group;
  }
  .Ktnp\+zOEzw * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Ktnp\+zOEzw .bpOcSgyRoH,
  .Ktnp\+zOEzw .no-print,
  .Ktnp\+zOEzw .react-resizable-handle,
  .Ktnp\+zOEzw .fc-whiteboard-toolbar,
  .Ktnp\+zOEzw .ant-modal-root,
  .Ktnp\+zOEzw .ant-alert,
  .Ktnp\+zOEzw .n4GJoI4can,
  .Ktnp\+zOEzw .Gk03U9R6Yd {
    display: none !important;
  }
  .Ktnp\+zOEzw .WL-s1fEx0U {
    display: none !important;
  }
}
.vvhnAjMhaP {
  padding: 16px 0;
  padding-left: 16px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.vvhnAjMhaP .ant-select-selection,
.vvhnAjMhaP .ant-select-selection--single {
  border: none;
}
.vvhnAjMhaP .ant-empty-normal {
  margin: 0;
}

.yRZOeJ2mF3 {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.WUBrd5Aqr8 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.edy7ZNK7Ra {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.TCW3SCL5Vx {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.TCW3SCL5Vx > i,
.TCW3SCL5Vx > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._5diiyqH3Gg {
  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;
}
.rwknXkjaqC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.J87xQj3UL8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mL1fT9Kxyd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._2OV\+3B7kr4 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.F0vnOMDSpQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._1SMIIEJZnT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._1SMIIEJZnT .r5r8bJJW3J {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._1SMIIEJZnT .r5r8bJJW3J > span {
  color: rgba(0, 0, 0, 0.65);
}
.H2STxfl-x- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.H2STxfl-x- ._9t4-Dk42uT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.H2STxfl-x- ._9t4-Dk42uT > span {
  font-size: 8px;
}
.WeSjQsnL5Q .ant-popover-inner-content {
  padding: 0;
}
.WeSjQsnL5Q .ant-popover-arrow {
  border-color: #475365 !important;
}
.WeSjQsnL5Q .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.W7GzzTlZ5V {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Y-1zvoHdFZ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Y-1zvoHdFZ .we16L6F41- {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.o8gM96tPs6 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.SwN-hPSAei {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .SwN-hPSAei {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Jrh1Xj0KaP {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .OHQ6FDceEI {
    /* This is the key */
  }
  .OHQ6FDceEI html,
  .OHQ6FDceEI body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .OHQ6FDceEI body,
  .OHQ6FDceEI div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .OHQ6FDceEI textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .OHQ6FDceEI table,
  .OHQ6FDceEI tr,
  .OHQ6FDceEI td {
    page-break-inside: avoid;
  }
  .OHQ6FDceEI div {
    page-break-inside: avoid;
  }
  .OHQ6FDceEI thead {
    display: table-header-group;
  }
  .OHQ6FDceEI tfoot {
    display: table-footer-group;
  }
  .OHQ6FDceEI * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .OHQ6FDceEI .LTpsM\+wyWK,
  .OHQ6FDceEI .no-print,
  .OHQ6FDceEI .react-resizable-handle,
  .OHQ6FDceEI .fc-whiteboard-toolbar,
  .OHQ6FDceEI .ant-modal-root,
  .OHQ6FDceEI .ant-alert,
  .OHQ6FDceEI .zJ285g6qPl,
  .OHQ6FDceEI .FFKPkju6qu {
    display: none !important;
  }
  .OHQ6FDceEI .NiCdmNmzxY {
    display: none !important;
  }
}
.uXZ\+2\+GAIS .ant-row {
  margin-bottom: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._0YXA2OCFMU {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kwcqU7rw6l {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.mWGDKoUWFV {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mWGDKoUWFV > i,
.mWGDKoUWFV > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.W6cajxP2cK {
  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;
}
._5mN3rn2z85 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.CrHrpNuWJk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._3BxcSQ9Pyg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5YSpixH3Il {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ZDkUL1aujl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ypAjsDca\+p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.ypAjsDca\+p .xhQ4DR7lmS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.ypAjsDca\+p .xhQ4DR7lmS > span {
  color: rgba(0, 0, 0, 0.65);
}
.PWl4IL33HW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PWl4IL33HW ._3w\+SCfL01J {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.PWl4IL33HW ._3w\+SCfL01J > span {
  font-size: 8px;
}
.tlcZT8Kt3Z .ant-popover-inner-content {
  padding: 0;
}
.tlcZT8Kt3Z .ant-popover-arrow {
  border-color: #475365 !important;
}
.tlcZT8Kt3Z .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.MH5LPvdmm\+ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.AP4kDV6gmw {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.AP4kDV6gmw .iiBwVZpZBR {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.X7nU8N13bQ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.ZkEGvqYUU9 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .ZkEGvqYUU9 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Baloc2aKsb {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .QIsgsVZL2s {
    /* This is the key */
  }
  .QIsgsVZL2s html,
  .QIsgsVZL2s body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .QIsgsVZL2s body,
  .QIsgsVZL2s div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .QIsgsVZL2s textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .QIsgsVZL2s table,
  .QIsgsVZL2s tr,
  .QIsgsVZL2s td {
    page-break-inside: avoid;
  }
  .QIsgsVZL2s div {
    page-break-inside: avoid;
  }
  .QIsgsVZL2s thead {
    display: table-header-group;
  }
  .QIsgsVZL2s tfoot {
    display: table-footer-group;
  }
  .QIsgsVZL2s * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .QIsgsVZL2s ._60Lo7T1moj,
  .QIsgsVZL2s .no-print,
  .QIsgsVZL2s .react-resizable-handle,
  .QIsgsVZL2s .fc-whiteboard-toolbar,
  .QIsgsVZL2s .ant-modal-root,
  .QIsgsVZL2s .ant-alert,
  .QIsgsVZL2s ._24sg4ifjFg,
  .QIsgsVZL2s .O5Gpp3qb2C {
    display: none !important;
  }
  .QIsgsVZL2s .oeeMwfqMUW {
    display: none !important;
  }
}
.K6prXRmVTq {
  margin-top: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.oiHvNZEipC {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._5FiKsa2RVU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.axOqO5td03 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.axOqO5td03 > i,
.axOqO5td03 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ropaRRpnU4 {
  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;
}
.f4xtRC9pa0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tAOvWWvDlr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kS1Y3p55lI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Sp7RCjrJmM {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.MQUPd9Xkvl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.a1USlrl5Qz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.a1USlrl5Qz .IL3VeFt0cc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.a1USlrl5Qz .IL3VeFt0cc > span {
  color: rgba(0, 0, 0, 0.65);
}
.A4UL7GrvJs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.A4UL7GrvJs .\+SYRsn4ouN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.A4UL7GrvJs .\+SYRsn4ouN > span {
  font-size: 8px;
}
.cpWd32Pwi8 .ant-popover-inner-content {
  padding: 0;
}
.cpWd32Pwi8 .ant-popover-arrow {
  border-color: #475365 !important;
}
.cpWd32Pwi8 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.P2Ree60QDx {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.EXvfUelY8u {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.EXvfUelY8u .huhP9i\+Ecd {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.cXFFi2sR\+u {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.ed9JC5mSwT {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .ed9JC5mSwT {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.ippP\+pxwD3 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .rVrn\+J1KVN {
    /* This is the key */
  }
  .rVrn\+J1KVN html,
  .rVrn\+J1KVN body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .rVrn\+J1KVN body,
  .rVrn\+J1KVN div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .rVrn\+J1KVN textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .rVrn\+J1KVN table,
  .rVrn\+J1KVN tr,
  .rVrn\+J1KVN td {
    page-break-inside: avoid;
  }
  .rVrn\+J1KVN div {
    page-break-inside: avoid;
  }
  .rVrn\+J1KVN thead {
    display: table-header-group;
  }
  .rVrn\+J1KVN tfoot {
    display: table-footer-group;
  }
  .rVrn\+J1KVN * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .rVrn\+J1KVN .Drr8GH2Xy3,
  .rVrn\+J1KVN .no-print,
  .rVrn\+J1KVN .react-resizable-handle,
  .rVrn\+J1KVN .fc-whiteboard-toolbar,
  .rVrn\+J1KVN .ant-modal-root,
  .rVrn\+J1KVN .ant-alert,
  .rVrn\+J1KVN .shYmyvVRCi,
  .rVrn\+J1KVN .YoeB4ZWLB4 {
    display: none !important;
  }
  .rVrn\+J1KVN .lqrclMEbbr {
    display: none !important;
  }
}
.cBkAhWxjT3 {
  margin-top: 16px;
}
.bwPGASd2dE {
  width: 100%;
  height: 100%;
  padding: 48px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0.7;
}
.bwPGASd2dE .taXPw5JaVz {
  font-size: 50px;
  color: #6874e2;
}
.bwPGASd2dE .zic7jETkGC {
  margin-top: 24px;
  font-size: 18px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.qBu9IXIp2m {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Oy5AJd5PHf {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.FGlfEauNh4 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.FGlfEauNh4 > i,
.FGlfEauNh4 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.LUi0q2h28h {
  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;
}
.RwDiV1AWXU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mfs4D9qWLn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._6ZWbN1CVyO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._2UJuYrA90K {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.VHVMhVjHja {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.LR-rwPOxX\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.LR-rwPOxX\+ ._9LhIUG6K2Y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.LR-rwPOxX\+ ._9LhIUG6K2Y > span {
  color: rgba(0, 0, 0, 0.65);
}
.TU3WRMcMS5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.TU3WRMcMS5 .xlRfAWj\+rf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.TU3WRMcMS5 .xlRfAWj\+rf > span {
  font-size: 8px;
}
.KkmjE19Xhv .ant-popover-inner-content {
  padding: 0;
}
.KkmjE19Xhv .ant-popover-arrow {
  border-color: #475365 !important;
}
.KkmjE19Xhv .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Kz6oa9Nx2u {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.DCW84whDXS {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.DCW84whDXS ._3HZEa6wFwC {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._9kxV\+rjrDp {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.P3H6Gyp6wI {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .P3H6Gyp6wI {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._7Z0U6hhNz8 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .QoUb0nYyoD {
    /* This is the key */
  }
  .QoUb0nYyoD html,
  .QoUb0nYyoD body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .QoUb0nYyoD body,
  .QoUb0nYyoD div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .QoUb0nYyoD textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .QoUb0nYyoD table,
  .QoUb0nYyoD tr,
  .QoUb0nYyoD td {
    page-break-inside: avoid;
  }
  .QoUb0nYyoD div {
    page-break-inside: avoid;
  }
  .QoUb0nYyoD thead {
    display: table-header-group;
  }
  .QoUb0nYyoD tfoot {
    display: table-footer-group;
  }
  .QoUb0nYyoD * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .QoUb0nYyoD .KMrYBZsm8i,
  .QoUb0nYyoD .no-print,
  .QoUb0nYyoD .react-resizable-handle,
  .QoUb0nYyoD .fc-whiteboard-toolbar,
  .QoUb0nYyoD .ant-modal-root,
  .QoUb0nYyoD .ant-alert,
  .QoUb0nYyoD .-Jx8MuVd4U,
  .QoUb0nYyoD .lQc4G1ehYk {
    display: none !important;
  }
  .QoUb0nYyoD .lKWqo-8KTI {
    display: none !important;
  }
}
._7ZSxYjGzLl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._7ZSxYjGzLl .jzFiCrO1Le {
  padding: 5px;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  display: inline-block;
  cursor: pointer;
}
._7ZSxYjGzLl .jzFiCrO1Le .EgYfyu8jUI {
  width: 45px;
  height: 20px;
  display: block;
  border-radius: 3px;
  background-color: #ddd;
}
.s2Y-es8l0Q .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._2hXeqADydn {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.T2lNG0s59R {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.zkQ\+GEvMTr {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zkQ\+GEvMTr > i,
.zkQ\+GEvMTr > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.QlnR1uW7FZ {
  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;
}
.YfUVSwc1xx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Ude-7ldX6\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.I0EcbyvGFT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mbKVUS5q7k {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.WVAIqFVjOe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.XHvHDYZD\+n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.XHvHDYZD\+n .uGLu-T7i4d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.XHvHDYZD\+n .uGLu-T7i4d > span {
  color: rgba(0, 0, 0, 0.65);
}
.paNCd5HyNh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.paNCd5HyNh ._12pP8aTRos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.paNCd5HyNh ._12pP8aTRos > span {
  font-size: 8px;
}
.TfOf0VizSA .ant-popover-inner-content {
  padding: 0;
}
.TfOf0VizSA .ant-popover-arrow {
  border-color: #475365 !important;
}
.TfOf0VizSA .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.fvv22oeGAi {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.mtL6m-zAE6 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.mtL6m-zAE6 .QXXPWUJJnH {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Bk2eOIrX1- {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.HeGrp3WWjG {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .HeGrp3WWjG {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.dA1KuvuGob {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .pqH4pE85UL {
    /* This is the key */
  }
  .pqH4pE85UL html,
  .pqH4pE85UL body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .pqH4pE85UL body,
  .pqH4pE85UL div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .pqH4pE85UL textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .pqH4pE85UL table,
  .pqH4pE85UL tr,
  .pqH4pE85UL td {
    page-break-inside: avoid;
  }
  .pqH4pE85UL div {
    page-break-inside: avoid;
  }
  .pqH4pE85UL thead {
    display: table-header-group;
  }
  .pqH4pE85UL tfoot {
    display: table-footer-group;
  }
  .pqH4pE85UL * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pqH4pE85UL .irY71C4hBh,
  .pqH4pE85UL .no-print,
  .pqH4pE85UL .react-resizable-handle,
  .pqH4pE85UL .fc-whiteboard-toolbar,
  .pqH4pE85UL .ant-modal-root,
  .pqH4pE85UL .ant-alert,
  .pqH4pE85UL ._8C9IRvP8wL,
  .pqH4pE85UL ._2hpuv7QfCH {
    display: none !important;
  }
  .pqH4pE85UL .Y3DusUhy2c {
    display: none !important;
  }
}
.EYAUIZ8Qyn {
  height: 100%;
  overflow: hidden;
  padding: 24px 0;
  padding-top: 0;
  background-color: #fff;
}
.EYAUIZ8Qyn .ant-tabs-tab {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.EYAUIZ8Qyn .HMTIM8FIah {
  padding: 0;
  width: 200px;
  height: 84px;
  margin-bottom: 12px;
}
.EYAUIZ8Qyn .HMTIM8FIah > button:not(:first-child) {
  margin-top: 6px;
}
.EYAUIZ8Qyn .j3UaK9pJ0d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 200px;
  height: 30px;
}
.EYAUIZ8Qyn .j3UaK9pJ0d .hPFOmndxOl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  opacity: 0;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
.EYAUIZ8Qyn .j3UaK9pJ0d:hover .hPFOmndxOl {
  opacity: 1 !important;
}
.EYAUIZ8Qyn .Y5J91AxVjx {
  height: 100%;
  overflow: auto;
}
.EYAUIZ8Qyn .bfD-HPccRE {
  height: 84px;
  padding: 0 8px;
  margin-bottom: 12px;
}
.EYAUIZ8Qyn .anticon {
  margin: 0 4px;
}
.EYAUIZ8Qyn .ant-divider-vertical {
  margin: 0 !important;
}
.EYAUIZ8Qyn .ant-tabs-dropdown-menu-item > span:first-child > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.jnhtGSWw6r {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.J2DHmZaHkU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._3Hel0FloFK {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3Hel0FloFK > i,
._3Hel0FloFK > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Z8cd-ZXxIU {
  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;
}
.e\+-zGXB13w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Ur\+15\+SBvg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._3xVlx3Yrw7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.h46g65FQXC {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.D4HxDZypML {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.PpuCZWzAL6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.PpuCZWzAL6 ._1QuRLZEHc7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.PpuCZWzAL6 ._1QuRLZEHc7 > span {
  color: rgba(0, 0, 0, 0.65);
}
.KQAxL0ee2r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.KQAxL0ee2r ._8hL3nkkOKZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.KQAxL0ee2r ._8hL3nkkOKZ > span {
  font-size: 8px;
}
.o3WLM1UVnm .ant-popover-inner-content {
  padding: 0;
}
.o3WLM1UVnm .ant-popover-arrow {
  border-color: #475365 !important;
}
.o3WLM1UVnm .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.a2OQISlVQw {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._9YEcsUXfGn {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._9YEcsUXfGn ._74qf1A49Iv {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.rTWRiky5Fb {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.fv8uXuFrR5 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .fv8uXuFrR5 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.FJKdjTLDA3 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .bOcFZJWYD3 {
    /* This is the key */
  }
  .bOcFZJWYD3 html,
  .bOcFZJWYD3 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .bOcFZJWYD3 body,
  .bOcFZJWYD3 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .bOcFZJWYD3 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .bOcFZJWYD3 table,
  .bOcFZJWYD3 tr,
  .bOcFZJWYD3 td {
    page-break-inside: avoid;
  }
  .bOcFZJWYD3 div {
    page-break-inside: avoid;
  }
  .bOcFZJWYD3 thead {
    display: table-header-group;
  }
  .bOcFZJWYD3 tfoot {
    display: table-footer-group;
  }
  .bOcFZJWYD3 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .bOcFZJWYD3 .OYoS80VvuR,
  .bOcFZJWYD3 .no-print,
  .bOcFZJWYD3 .react-resizable-handle,
  .bOcFZJWYD3 .fc-whiteboard-toolbar,
  .bOcFZJWYD3 .ant-modal-root,
  .bOcFZJWYD3 .ant-alert,
  .bOcFZJWYD3 ._8jFIT2WFVc,
  .bOcFZJWYD3 .QyD5x30Y6m {
    display: none !important;
  }
  .bOcFZJWYD3 .lM6HfmX6HI {
    display: none !important;
  }
}
._80TDtWBjv- {
  padding: 24px 0;
  padding-top: 0;
  background-color: #fff;
}
._80TDtWBjv- .ant-tabs-tab {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
._80TDtWBjv- .jdFRd1UNRa {
  width: 200px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-bottom: 12px;
}
._80TDtWBjv- .e66ixzOKIN {
  width: 200px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._80TDtWBjv- .e66ixzOKIN .AYdgIDNONn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  opacity: 0;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
._80TDtWBjv- .e66ixzOKIN:hover .AYdgIDNONn {
  opacity: 1;
}
._80TDtWBjv- .cHI8BQ9Jvw {
  height: 84px;
  padding: 0 8px;
  margin-bottom: 12px;
}
._80TDtWBjv- .NJ6ZMdg89N {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 8px;
  margin-right: 16px;
}
._80TDtWBjv- .anticon {
  margin: 0 4px;
}
._80TDtWBjv- .ant-divider-vertical {
  margin: 0 !important;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.lRBOn0zbFO {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.lQVHC7i2Rm {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._0tQItxc01K {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._0tQItxc01K > i,
._0tQItxc01K > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ks0d-RWfMw {
  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;
}
.rsgxL6lMuZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._2F5IAWbg2S {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l2PSzj69ic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.wHxm67jODl {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.U6ssy0OYMh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.LtH6Oi4uvD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.LtH6Oi4uvD .ESZFPjDuWv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.LtH6Oi4uvD .ESZFPjDuWv > span {
  color: rgba(0, 0, 0, 0.65);
}
.c6jMLL237A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c6jMLL237A .lu0A0ePsvv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c6jMLL237A .lu0A0ePsvv > span {
  font-size: 8px;
}
.OqSFqsuxhs .ant-popover-inner-content {
  padding: 0;
}
.OqSFqsuxhs .ant-popover-arrow {
  border-color: #475365 !important;
}
.OqSFqsuxhs .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.eneajaIkvd {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.IjIqSNVXb5 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.IjIqSNVXb5 .rjFmBsthtB {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._7ADwjc\+rSQ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.NqhZrysGOe {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .NqhZrysGOe {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.j0XkTIUXoa {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._3G5YguMr-J {
    /* This is the key */
  }
  ._3G5YguMr-J html,
  ._3G5YguMr-J body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._3G5YguMr-J body,
  ._3G5YguMr-J div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._3G5YguMr-J textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._3G5YguMr-J table,
  ._3G5YguMr-J tr,
  ._3G5YguMr-J td {
    page-break-inside: avoid;
  }
  ._3G5YguMr-J div {
    page-break-inside: avoid;
  }
  ._3G5YguMr-J thead {
    display: table-header-group;
  }
  ._3G5YguMr-J tfoot {
    display: table-footer-group;
  }
  ._3G5YguMr-J * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._3G5YguMr-J .jXeF\+KMOMe,
  ._3G5YguMr-J .no-print,
  ._3G5YguMr-J .react-resizable-handle,
  ._3G5YguMr-J .fc-whiteboard-toolbar,
  ._3G5YguMr-J .ant-modal-root,
  ._3G5YguMr-J .ant-alert,
  ._3G5YguMr-J .KGxUPonqxw,
  ._3G5YguMr-J .fFs5qOaehb {
    display: none !important;
  }
  ._3G5YguMr-J .ooj1z0R4kC {
    display: none !important;
  }
}
._5yH9or\+-vb {
  height: 100%;
  background-color: #fff;
}
._5yH9or\+-vb ._3N3dhpPzr6 {
  height: 100%;
}
._5yH9or\+-vb .Ka-CRw4Jig {
  height: 100%;
  padding: 24;
  border: 1px solid #f0f0f0;
  overflow-y: auto;
}
._5yH9or\+-vb .JUO8PAKK77 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 8px;
}
._5yH9or\+-vb .JUO8PAKK77 .skGGV4fEzj {
  opacity: 0;
  margin-left: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
._5yH9or\+-vb .JUO8PAKK77:hover .skGGV4fEzj {
  opacity: 1;
}
._5yH9or\+-vb .P627qZbO6R {
  margin-bottom: 8px;
  color: #6874e2;
  border-color: #6874e2;
}
._5yH9or\+-vb .w59ocYxaXy {
  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;
  margin-bottom: 8px;
}
._5yH9or\+-vb .ant-tabs-tab-btn {
  width: 200px;
  text-align: left;
}
._5yH9or\+-vb .ant-tabs-content-holder {
  border: none;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.M8wQb0a-4f {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.CGqn863YIO {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.XeD\+BJYsqj {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.XeD\+BJYsqj > i,
.XeD\+BJYsqj > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JnG-AaCXtU {
  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;
}
._1wSy6eigXp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.yZdHIszeBq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.XeD7sKULnV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Z\+8WJdOaKT {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Ja-QcVtIHk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gTs3iKEep- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.gTs3iKEep- .YqIiL-pOrw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.gTs3iKEep- .YqIiL-pOrw > span {
  color: rgba(0, 0, 0, 0.65);
}
.sXC8Lsc5mu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sXC8Lsc5mu .UsG68i7UOZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sXC8Lsc5mu .UsG68i7UOZ > span {
  font-size: 8px;
}
.JAt3\+V4tjQ .ant-popover-inner-content {
  padding: 0;
}
.JAt3\+V4tjQ .ant-popover-arrow {
  border-color: #475365 !important;
}
.JAt3\+V4tjQ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.rqoyFgbYVJ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.ta-5gKpjbw {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.ta-5gKpjbw .Ujm3kZQPN5 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._7llaNgsAal {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.QHjrd1WQsF {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .QHjrd1WQsF {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.MKTKPkGM8h {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._5rWrN8O-3p {
    /* This is the key */
  }
  ._5rWrN8O-3p html,
  ._5rWrN8O-3p body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._5rWrN8O-3p body,
  ._5rWrN8O-3p div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._5rWrN8O-3p textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._5rWrN8O-3p table,
  ._5rWrN8O-3p tr,
  ._5rWrN8O-3p td {
    page-break-inside: avoid;
  }
  ._5rWrN8O-3p div {
    page-break-inside: avoid;
  }
  ._5rWrN8O-3p thead {
    display: table-header-group;
  }
  ._5rWrN8O-3p tfoot {
    display: table-footer-group;
  }
  ._5rWrN8O-3p * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._5rWrN8O-3p .K\+VAF8pKTa,
  ._5rWrN8O-3p .no-print,
  ._5rWrN8O-3p .react-resizable-handle,
  ._5rWrN8O-3p .fc-whiteboard-toolbar,
  ._5rWrN8O-3p .ant-modal-root,
  ._5rWrN8O-3p .ant-alert,
  ._5rWrN8O-3p .xaviqBtd4n,
  ._5rWrN8O-3p .mBwhADk-lr {
    display: none !important;
  }
  ._5rWrN8O-3p ._9-eVkzmPoe {
    display: none !important;
  }
}
._4VlaY2sEQP {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 12px;
  padding-top: 0;
  position: relative;
}
.ant-tabs-content {
  height: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.\-38UfMR\+\+l {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kfxCn0euzQ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.tylPMyJ941 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tylPMyJ941 > i,
.tylPMyJ941 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.oNmJ7fp7Nk {
  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;
}
._11F73Vnz96 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.qOYm6htIhz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vhjgfDI6b2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._3QIMvKP\+wU {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.W6mwy\+nk6q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.XiorlgkozL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.XiorlgkozL .Ik30avs6ws {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.XiorlgkozL .Ik30avs6ws > span {
  color: rgba(0, 0, 0, 0.65);
}
.Lo-5N8ipCf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Lo-5N8ipCf .KAA1lGQXQ8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Lo-5N8ipCf .KAA1lGQXQ8 > span {
  font-size: 8px;
}
.ZPy1aEUkra .ant-popover-inner-content {
  padding: 0;
}
.ZPy1aEUkra .ant-popover-arrow {
  border-color: #475365 !important;
}
.ZPy1aEUkra .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.BDTy507VLj {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._6fgnRYVYx7 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._6fgnRYVYx7 .HE8rtmC7bK {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Dv2Hcyzxsb {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Z5FhCIutzo {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Z5FhCIutzo {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.cmkdaNcSAN {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .FWmJlHQMxf {
    /* This is the key */
  }
  .FWmJlHQMxf html,
  .FWmJlHQMxf body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .FWmJlHQMxf body,
  .FWmJlHQMxf div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .FWmJlHQMxf textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .FWmJlHQMxf table,
  .FWmJlHQMxf tr,
  .FWmJlHQMxf td {
    page-break-inside: avoid;
  }
  .FWmJlHQMxf div {
    page-break-inside: avoid;
  }
  .FWmJlHQMxf thead {
    display: table-header-group;
  }
  .FWmJlHQMxf tfoot {
    display: table-footer-group;
  }
  .FWmJlHQMxf * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .FWmJlHQMxf .E8d\+Rxehdo,
  .FWmJlHQMxf .no-print,
  .FWmJlHQMxf .react-resizable-handle,
  .FWmJlHQMxf .fc-whiteboard-toolbar,
  .FWmJlHQMxf .ant-modal-root,
  .FWmJlHQMxf .ant-alert,
  .FWmJlHQMxf .aEV02TzPhV,
  .FWmJlHQMxf .c57BO7FZKs {
    display: none !important;
  }
  .FWmJlHQMxf ._4hTBjHGFSq {
    display: none !important;
  }
}
.J\+Ox0KVOY1 {
  width: 100%;
  height: 100%;
  position: relative;
}
.J\+Ox0KVOY1 .ant-page-header-heading-title {
  font-size: 16px;
  font-weight: normal;
}
.J\+Ox0KVOY1 .ant-page-header {
  padding: 0;
}
.J\+Ox0KVOY1 .vTWakrBL5q {
  border-radius: 4px;
  padding: 18px 32px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  margin-bottom: 24px;
}
.J\+Ox0KVOY1 .vTWakrBL5q .yjkkUT8zzI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.J\+Ox0KVOY1 .vTWakrBL5q .yjkkUT8zzI div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.J\+Ox0KVOY1 .vTWakrBL5q .yjkkUT8zzI div:first-child > span.H4EpNYPqGV {
  color: #6874e2;
  font-size: 20px;
  margin-left: 15px;
}
.J\+Ox0KVOY1 .jHXs-OPAwt {
  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;
  position: sticky;
  bottom: 0;
  height: 60px;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  z-index: 999;
}
.J\+Ox0KVOY1 .jHXs-OPAwt .XNsbkd\+v-d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 18px;
  margin-right: 18px;
  color: rgba(0, 0, 0, 0.65);
}
.J\+Ox0KVOY1 .jHXs-OPAwt .XNsbkd\+v-d > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fa6400;
}

.NCRyrJXcFu {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.\+ig8HNGslC {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pmqK87QtCB {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.Jb0UEG8t0Q {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Jb0UEG8t0Q > i,
.Jb0UEG8t0Q > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pO\+O4tdiME {
  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;
}
.zSMBY56RGU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.SQ6KIHLDFr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.D6YWKkATbX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Kx4nW5ombB {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.viuj40U79E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.In2rnwtf5E {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.In2rnwtf5E .PXBb8l48tp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.In2rnwtf5E .PXBb8l48tp > span {
  color: rgba(0, 0, 0, 0.65);
}
.n\+QFqkdmV9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.n\+QFqkdmV9 .oS482Renvt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.n\+QFqkdmV9 .oS482Renvt > span {
  font-size: 8px;
}
.GnYPjkVHYZ .ant-popover-inner-content {
  padding: 0;
}
.GnYPjkVHYZ .ant-popover-arrow {
  border-color: #475365 !important;
}
.GnYPjkVHYZ .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.i1wgGythXk {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.wpArpctdFg {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.wpArpctdFg .Sg\+NFZqCH3 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.wWUgIOHGyB {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.oIKxPtuR1F {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .oIKxPtuR1F {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.tYvWATL-j9 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .pOiRMzUvNX {
    /* This is the key */
  }
  .pOiRMzUvNX html,
  .pOiRMzUvNX body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .pOiRMzUvNX body,
  .pOiRMzUvNX div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .pOiRMzUvNX textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .pOiRMzUvNX table,
  .pOiRMzUvNX tr,
  .pOiRMzUvNX td {
    page-break-inside: avoid;
  }
  .pOiRMzUvNX div {
    page-break-inside: avoid;
  }
  .pOiRMzUvNX thead {
    display: table-header-group;
  }
  .pOiRMzUvNX tfoot {
    display: table-footer-group;
  }
  .pOiRMzUvNX * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pOiRMzUvNX ._4EP5MiyWu3,
  .pOiRMzUvNX .no-print,
  .pOiRMzUvNX .react-resizable-handle,
  .pOiRMzUvNX .fc-whiteboard-toolbar,
  .pOiRMzUvNX .ant-modal-root,
  .pOiRMzUvNX .ant-alert,
  .pOiRMzUvNX .uwaoJ5KNcT,
  .pOiRMzUvNX .DVe03HR\+o0 {
    display: none !important;
  }
  .pOiRMzUvNX .aOgXdf2ivh {
    display: none !important;
  }
}
.RIyIVv4JOg {
  padding: 0.5rem 1rem;
  background: white;
  margin-bottom: 0.5rem;
  display: none;
}
.RIyIVv4JOg[\:has\(.remarkSpace\:not\(\:empty\)\)],
.RIyIVv4JOg[\:has\(.remarkSpaceV2\:not\(\:empty\)\)] {
  display: block;
}
.RIyIVv4JOg:has(.v-s--VOH0e:not(:empty)),
.RIyIVv4JOg:has(.K9kNLHz\+56:not(:empty)) {
  display: block;
}
.RIyIVv4JOg .ant-btn {
  width: auto !important;
}
.RIyIVv4JOg .ant-btn {
  padding: 0;
}
.RIyIVv4JOg .ant-space-item {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 0.5rem;
}
.oDffZ7VUof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  position: relative;
  min-height: 42px;
}
.TFRcuY4rBL {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #4575ef;
  color: white;
  padding: 3px 10px;
  border-bottom-right-radius: 16px;
}
.hkyF6ntLZR {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8c8c8c;
  margin-right: 5px;
  vertical-align: middle;
}
.q1qQD7vX26 {
  margin-right: 1rem;
}
.D\+MRobLFFu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.K9kNLHz\+56 {
  background-color: #f8f8fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.K9kNLHz\+56:not(:empty) {
  padding: 16px;
}
.HzWmjUT4bP {
  font-size: 16px;
  font-weight: bold;
}
.hY21l0NgOw {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._2MTjzqcV8l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-size: 14px;
  position: relative;
  min-height: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3WabZeY2wr {
  background-color: #fe9f2c;
  color: white;
  padding: 2px 4px;
  border-radius: 4px;
  margin-left: 4px;
  font-size: 12px;
}
.v-s--VOH0e {
  width: 100%;
}
.pXyEww0rat {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 32px 0 10px 0;
}
.ED97rqz5TU {
  margin-left: 12px;
}
.vU4WmgY-0n {
  margin-bottom: 4px;
}
._7ox9Ptz1pB {
  margin-left: 4px;
}
.b0QPDAeDXn {
  width: 500px;
}
.-JzlUR\+iYH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.mhNhTn-pyM {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: bold;
}
.v-s--VOH0e:empty {
  display: none;
}
.K9kNLHz\+56:empty {
  display: none;
}

.sIF0TfxT98 {
  position: relative;
}

.ECcJiBpYmy {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 16px;
  margin-top: 1rem;
  background-color: #fff;
}
._0VIStMsxVE {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}
._6\+8J2OcyMH {
  border-bottom: 1px dashed #e1e1e1;
  margin-bottom: 16px;
}
.xaSEXk2NwM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.xaSEXk2NwM .ant-btn-primary {
  background-color: #4575ef;
  border-color: #4575ef;
}
.xaSEXk2NwM .ant-btn-primary:hover {
  background-color: #3461d6;
  border-color: #3461d6;
}
.UmCYrcFtC4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 120px;
  text-align: center;
}
.UmCYrcFtC4:empty {
  display: none;
}

.PL0SUHq5FK {
  position: relative;
}

._0jc\+BMnRdn {
  position: relative;
}

.eh3g2fitpD {
  color: #9e9e9e;
  font-size: 13px;
  line-height: 14px;
  margin: 0;
  margin-top: 3px;
  margin-bottom: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.gp-MD1a4Nh {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kKSdvStxAe {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.jnI44dHxs8 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.jnI44dHxs8 > i,
.jnI44dHxs8 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.-p65aOmr6b {
  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;
}
.PITnRDzAm7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._7T\+A\+sYNB4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.HPEfapII6A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.PHV14UCcKL {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.FUUgfxRSWa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p7lHPzOira {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.p7lHPzOira ._8f77f-nL8K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.p7lHPzOira ._8f77f-nL8K > span {
  color: rgba(0, 0, 0, 0.65);
}
.tSSDgV3uzO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tSSDgV3uzO .yCkXyK-hSb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.tSSDgV3uzO .yCkXyK-hSb > span {
  font-size: 8px;
}
.Z8cit8UiXI .ant-popover-inner-content {
  padding: 0;
}
.Z8cit8UiXI .ant-popover-arrow {
  border-color: #475365 !important;
}
.Z8cit8UiXI .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.uw7EN47FAh {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._2rWF\+daTP7 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._2rWF\+daTP7 .zMfVJ2rnaf {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.a5QRnPhglz {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._6yLlRTILBF {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._6yLlRTILBF {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.t64PCTRJTj {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .qaHJJ3Pm0B {
    /* This is the key */
  }
  .qaHJJ3Pm0B html,
  .qaHJJ3Pm0B body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .qaHJJ3Pm0B body,
  .qaHJJ3Pm0B div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .qaHJJ3Pm0B textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .qaHJJ3Pm0B table,
  .qaHJJ3Pm0B tr,
  .qaHJJ3Pm0B td {
    page-break-inside: avoid;
  }
  .qaHJJ3Pm0B div {
    page-break-inside: avoid;
  }
  .qaHJJ3Pm0B thead {
    display: table-header-group;
  }
  .qaHJJ3Pm0B tfoot {
    display: table-footer-group;
  }
  .qaHJJ3Pm0B * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .qaHJJ3Pm0B .nyjvdYgcCa,
  .qaHJJ3Pm0B .no-print,
  .qaHJJ3Pm0B .react-resizable-handle,
  .qaHJJ3Pm0B .fc-whiteboard-toolbar,
  .qaHJJ3Pm0B .ant-modal-root,
  .qaHJJ3Pm0B .ant-alert,
  .qaHJJ3Pm0B .WbTtBZ-aQD,
  .qaHJJ3Pm0B .x7SguYsnc9 {
    display: none !important;
  }
  .qaHJJ3Pm0B .UIuC1OZ48U {
    display: none !important;
  }
}
.u0fmNpAd5I {
  background-color: #fff;
  padding-bottom: 32px;
}
.u0fmNpAd5I .yIiaCHzLVq {
  border: 1px solid #ff4d4f;
}
.u0fmNpAd5I .JMENgss5vR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.u0fmNpAd5I .JMENgss5vR > span {
  margin-left: 4px;
}
.u0fmNpAd5I .UIx0\+BbxKn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.u0fmNpAd5I .UIx0\+BbxKn .Qdx-3xUcdS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.u0fmNpAd5I .UIx0\+BbxKn .Qdx-3xUcdS > span {
  color: #6874e2;
  font-size: 20px;
  margin-left: 15px;
}
.u0fmNpAd5I .TXPo66FpFu {
  color: rgba(0, 0, 0, 0.65);
  margin-top: 16px;
}
.u0fmNpAd5I .TXPo66FpFu .BHdHDAwKaq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 190px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.u0fmNpAd5I .TXPo66FpFu .BHdHDAwKaq > span {
  margin: 0 6px 0 8px;
}
.u0fmNpAd5I .TXPo66FpFu > div:last-child {
  margin-top: 12px;
}
.u0fmNpAd5I .PITnRDzAm7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.u0fmNpAd5I .PHV14UCcKL {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.u0fmNpAd5I #inquiry-order-item-table .ant-table-cell {
  padding: 16px 8px;
}
.oCULcX0BRU {
  position: relative;
}
.oCULcX0BRU .ant-spin-blur {
  opacity: 0.1 !important;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.mnFbD6j6hc {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.oMBi6rBJmb {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._9EZrZDmTu4 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._9EZrZDmTu4 > i,
._9EZrZDmTu4 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._5yxRVxyV5B {
  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;
}
.jSCT3b79CM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._2aPEXUJhjy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._97kc5xTw3G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mYCJ4mYkFv {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sDCdOAlytC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.IMs-o85344 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.IMs-o85344 ._4eoFHSHPkM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.IMs-o85344 ._4eoFHSHPkM > span {
  color: rgba(0, 0, 0, 0.65);
}
.RJesRGJSLH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.RJesRGJSLH ._8rvrWTAkIM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.RJesRGJSLH ._8rvrWTAkIM > span {
  font-size: 8px;
}
.BRoFB4X9hA .ant-popover-inner-content {
  padding: 0;
}
.BRoFB4X9hA .ant-popover-arrow {
  border-color: #475365 !important;
}
.BRoFB4X9hA .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.KvTwrxGN5- {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.FhmfDjtvCU {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.FhmfDjtvCU ._4emC1QUYv\+ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.E0jGEPfi65 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.IJjRFcVtYx {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .IJjRFcVtYx {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.SUMdsnzsGQ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ovqvJTY\+oH {
    /* This is the key */
  }
  .ovqvJTY\+oH html,
  .ovqvJTY\+oH body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ovqvJTY\+oH body,
  .ovqvJTY\+oH div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ovqvJTY\+oH textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ovqvJTY\+oH table,
  .ovqvJTY\+oH tr,
  .ovqvJTY\+oH td {
    page-break-inside: avoid;
  }
  .ovqvJTY\+oH div {
    page-break-inside: avoid;
  }
  .ovqvJTY\+oH thead {
    display: table-header-group;
  }
  .ovqvJTY\+oH tfoot {
    display: table-footer-group;
  }
  .ovqvJTY\+oH * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ovqvJTY\+oH .MbkBd20RXX,
  .ovqvJTY\+oH .no-print,
  .ovqvJTY\+oH .react-resizable-handle,
  .ovqvJTY\+oH .fc-whiteboard-toolbar,
  .ovqvJTY\+oH .ant-modal-root,
  .ovqvJTY\+oH .ant-alert,
  .ovqvJTY\+oH ._0tDRz32Mqm,
  .ovqvJTY\+oH .heLZsIxGtp {
    display: none !important;
  }
  .ovqvJTY\+oH .zrgWSpJbx7 {
    display: none !important;
  }
}
._0nkayQmHvZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._0nkayQmHvZ ._09SFLH4V6L {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._41vvolDCib {
  height: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.eHbDgw3NL4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.C\+DkePN7cQ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.VtrhFtt2Ca {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.VtrhFtt2Ca > i,
.VtrhFtt2Ca > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._50SX8zdJ5J {
  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;
}
.Z7ASUd-lJh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.BHCUWFtg8i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Y9\+SA5XN8W {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._6079s0wR6W {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Um0efWlmT4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._1kTTfS1VX8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._1kTTfS1VX8 .Anvka7dagZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._1kTTfS1VX8 .Anvka7dagZ > span {
  color: rgba(0, 0, 0, 0.65);
}
.BdSaKpzt9p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.BdSaKpzt9p .wc-rxOOU\+K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.BdSaKpzt9p .wc-rxOOU\+K > span {
  font-size: 8px;
}
.UpgfSb0Tnq .ant-popover-inner-content {
  padding: 0;
}
.UpgfSb0Tnq .ant-popover-arrow {
  border-color: #475365 !important;
}
.UpgfSb0Tnq .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._1TMCpFXyuX {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.bXtvuGituk {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.bXtvuGituk .UtUztmnKxB {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.muZr8JzKDD {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.fqOGOjjcTK {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .fqOGOjjcTK {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.ajQ8vOyUZd {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ni-sHsNwhS {
    /* This is the key */
  }
  .ni-sHsNwhS html,
  .ni-sHsNwhS body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ni-sHsNwhS body,
  .ni-sHsNwhS div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ni-sHsNwhS textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ni-sHsNwhS table,
  .ni-sHsNwhS tr,
  .ni-sHsNwhS td {
    page-break-inside: avoid;
  }
  .ni-sHsNwhS div {
    page-break-inside: avoid;
  }
  .ni-sHsNwhS thead {
    display: table-header-group;
  }
  .ni-sHsNwhS tfoot {
    display: table-footer-group;
  }
  .ni-sHsNwhS * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ni-sHsNwhS .CdbHq1dvNZ,
  .ni-sHsNwhS .no-print,
  .ni-sHsNwhS .react-resizable-handle,
  .ni-sHsNwhS .fc-whiteboard-toolbar,
  .ni-sHsNwhS .ant-modal-root,
  .ni-sHsNwhS .ant-alert,
  .ni-sHsNwhS ._3wcEpB5n47,
  .ni-sHsNwhS .fhR7-QRCvH {
    display: none !important;
  }
  .ni-sHsNwhS .QXkOUIbxrP {
    display: none !important;
  }
}
.k67pNb6aEU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.GPu4l8YCg\+ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.iZ1I8j3gPY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.RuOuDSzdRO {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.RuOuDSzdRO > i,
.RuOuDSzdRO > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nBr5jwtPQ\+ {
  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;
}
.ccDc\+bCeN\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._5OtxcoLKiO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.uSeAbF-OWI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.rPe3p80Jm5 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.A6LNvb5zpy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.OsQHQi\+qap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.OsQHQi\+qap .XKsyFMEMAL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.OsQHQi\+qap .XKsyFMEMAL > span {
  color: rgba(0, 0, 0, 0.65);
}
._80yVfnihnh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._80yVfnihnh .jiT-VYhnv9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._80yVfnihnh .jiT-VYhnv9 > span {
  font-size: 8px;
}
.XGJIU2d\+N9 .ant-popover-inner-content {
  padding: 0;
}
.XGJIU2d\+N9 .ant-popover-arrow {
  border-color: #475365 !important;
}
.XGJIU2d\+N9 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.\+gX3wmLA3l {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._5QLeO2sIoi {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._5QLeO2sIoi .QeLs5MYKZM {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.WPpIQP-RFZ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.o\+0SLwn9VZ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .o\+0SLwn9VZ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.S2\+aAEMFKm {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .eGMBVyYH8f {
    /* This is the key */
  }
  .eGMBVyYH8f html,
  .eGMBVyYH8f body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .eGMBVyYH8f body,
  .eGMBVyYH8f div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .eGMBVyYH8f textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .eGMBVyYH8f table,
  .eGMBVyYH8f tr,
  .eGMBVyYH8f td {
    page-break-inside: avoid;
  }
  .eGMBVyYH8f div {
    page-break-inside: avoid;
  }
  .eGMBVyYH8f thead {
    display: table-header-group;
  }
  .eGMBVyYH8f tfoot {
    display: table-footer-group;
  }
  .eGMBVyYH8f * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .eGMBVyYH8f ._7c3jU6Qcr0,
  .eGMBVyYH8f .no-print,
  .eGMBVyYH8f .react-resizable-handle,
  .eGMBVyYH8f .fc-whiteboard-toolbar,
  .eGMBVyYH8f .ant-modal-root,
  .eGMBVyYH8f .ant-alert,
  .eGMBVyYH8f .UKn07cCfUn,
  .eGMBVyYH8f .phhfpaNJPl {
    display: none !important;
  }
  .eGMBVyYH8f .ufwcHgnnkh {
    display: none !important;
  }
}
.dTp0nuG-Xw {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
  padding-top: 8px;
}
.dTp0nuG-Xw .S0LIwa\+3jj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.dTp0nuG-Xw .S0LIwa\+3jj .OGTtTFRss9 {
  color: #fff;
  background-color: #6874e2;
}
.dTp0nuG-Xw ._5OtxcoLKiO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dTp0nuG-Xw .ccDc\+bCeN\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dTp0nuG-Xw .ant-tabs-content-holder {
  display: none;
}
.PLGC0G3Ras .S0LIwa\+3jj {
  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;
  padding: 5px 10px 0 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.PLGC0G3Ras .NTvudKnnCx {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 40px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 5px 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.TCQRhGGsRi {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.PiQWR3NCwG {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._1YdblSHDtb {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1YdblSHDtb > i,
._1YdblSHDtb > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.u2yT9KL7n3 {
  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;
}
.EGfaRhXuAx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Y\+akgaPl9P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.I46ugkGayT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.r7FiP28SGq {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ueI8UXEwAz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.XZyQ\+VZIuE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.XZyQ\+VZIuE .wsOBdlSgd7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.XZyQ\+VZIuE .wsOBdlSgd7 > span {
  color: rgba(0, 0, 0, 0.65);
}
.zcY0AwZc88 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zcY0AwZc88 .kBlvUw10Kq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.zcY0AwZc88 .kBlvUw10Kq > span {
  font-size: 8px;
}
._8bP8yJV5N9 .ant-popover-inner-content {
  padding: 0;
}
._8bP8yJV5N9 .ant-popover-arrow {
  border-color: #475365 !important;
}
._8bP8yJV5N9 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Kl6idHWVro {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.x1WvVwsiUC {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.x1WvVwsiUC .L9BfpceR1K {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.GlKQ\+CXQkI {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.VcGBxTG2ic {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .VcGBxTG2ic {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.V49aCmHRmJ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .\--b8ii7N52 {
    /* This is the key */
  }
  .\--b8ii7N52 html,
  .\--b8ii7N52 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .\--b8ii7N52 body,
  .\--b8ii7N52 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .\--b8ii7N52 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .\--b8ii7N52 table,
  .\--b8ii7N52 tr,
  .\--b8ii7N52 td {
    page-break-inside: avoid;
  }
  .\--b8ii7N52 div {
    page-break-inside: avoid;
  }
  .\--b8ii7N52 thead {
    display: table-header-group;
  }
  .\--b8ii7N52 tfoot {
    display: table-footer-group;
  }
  .\--b8ii7N52 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .\--b8ii7N52 ._5gmmGwXYar,
  .\--b8ii7N52 .no-print,
  .\--b8ii7N52 .react-resizable-handle,
  .\--b8ii7N52 .fc-whiteboard-toolbar,
  .\--b8ii7N52 .ant-modal-root,
  .\--b8ii7N52 .ant-alert,
  .\--b8ii7N52 .YlfVirAfpg,
  .\--b8ii7N52 .LdFMs-sWAp {
    display: none !important;
  }
  .\--b8ii7N52 .\+VaRtXnCrZ {
    display: none !important;
  }
}
.b49lQgsAT9 {
  background-color: #fff;
  width: 100%;
}
.b49lQgsAT9 .sLLsZF8SEk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.b49lQgsAT9 .sLLsZF8SEk div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.b49lQgsAT9 .sLLsZF8SEk div:first-child > span.Gg5AOtCaH6 {
  color: #6874e2;
  font-size: 20px;
  margin-left: 15px;
}
.b49lQgsAT9 .MGXex7XTR9 {
  margin-top: 24px;
}
.b49lQgsAT9 ._5dtYg5o5Gk {
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.b49lQgsAT9 .ant-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.b49lQgsAT9 .ant-form-item-label > label {
  width: 105px;
  padding-right: 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: rgba(0, 0, 0, 0.65);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.UE2s8Z4RnV {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.MFYJswfMJA {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.dXapLhnSpk {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dXapLhnSpk > i,
.dXapLhnSpk > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.aaaBCazH8L {
  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;
}
.u9csfl\+-I4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._2r0CT8ROPv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.QcqcbWa-Mj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.zzvD-5ci8Y {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.BMb3UTPyz7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._7-9gKffLE2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._7-9gKffLE2 .HAhpwCu-A2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._7-9gKffLE2 .HAhpwCu-A2 > span {
  color: rgba(0, 0, 0, 0.65);
}
.QzCiqVetfG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.QzCiqVetfG ._3oANBnoQGe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.QzCiqVetfG ._3oANBnoQGe > span {
  font-size: 8px;
}
._63I3Y5hJFT .ant-popover-inner-content {
  padding: 0;
}
._63I3Y5hJFT .ant-popover-arrow {
  border-color: #475365 !important;
}
._63I3Y5hJFT .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._208gIC\+ZHz {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._14r3v-JXfq {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._14r3v-JXfq .vE5LHVBSpZ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.UNw3WyK-dT {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.dAohwYsCeP {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .dAohwYsCeP {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.ccIOo5Sf6B {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .wChPU4EKpj {
    /* This is the key */
  }
  .wChPU4EKpj html,
  .wChPU4EKpj body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .wChPU4EKpj body,
  .wChPU4EKpj div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .wChPU4EKpj textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .wChPU4EKpj table,
  .wChPU4EKpj tr,
  .wChPU4EKpj td {
    page-break-inside: avoid;
  }
  .wChPU4EKpj div {
    page-break-inside: avoid;
  }
  .wChPU4EKpj thead {
    display: table-header-group;
  }
  .wChPU4EKpj tfoot {
    display: table-footer-group;
  }
  .wChPU4EKpj * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .wChPU4EKpj ._9bd6ILA\+y2,
  .wChPU4EKpj .no-print,
  .wChPU4EKpj .react-resizable-handle,
  .wChPU4EKpj .fc-whiteboard-toolbar,
  .wChPU4EKpj .ant-modal-root,
  .wChPU4EKpj .ant-alert,
  .wChPU4EKpj .DA06plphH8,
  .wChPU4EKpj .jsRx9iIOOo {
    display: none !important;
  }
  .wChPU4EKpj .QEdpaCqCx5 {
    display: none !important;
  }
}
.Fdy1oxEH\+m {
  position: relative;
}

.w5C1kg1A2G {
  margin-top: 10px;
}
.KfIk5tlnGV {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.KfIk5tlnGV button {
  margin-right: 10px;
}

.hScsZSZSSK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nEfyiwugsZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.nEfyiwugsZ .aDSqCGJijw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.nEfyiwugsZ .aDSqCGJijw:not(:last-child) {
  margin-right: 24px;
}
.bUR7zZKKum {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.d0tGsOsSuF {
  margin: 10px 0 10px 10px;
}
.nv4S1HxFyA {
  margin-left: 20px;
}
.mwvkrE2HrA {
  margin-left: 20px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.gem8Ju8AAW {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.U4QPhr4JPD {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._8ovA4IedhO {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._8ovA4IedhO > i,
._8ovA4IedhO > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eT2TVIOlx9 {
  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;
}
.lVzVcc3Ztr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.BdAfWrJjeT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Ck1RZXPazH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.OUnnivpxqh {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._75AbjKiYJC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.oJFlAgz6zr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.oJFlAgz6zr .ltjzY6x3Am {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.oJFlAgz6zr .ltjzY6x3Am > span {
  color: rgba(0, 0, 0, 0.65);
}
._1zReWLuOyX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._1zReWLuOyX .zHRnkhf6Ak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._1zReWLuOyX .zHRnkhf6Ak > span {
  font-size: 8px;
}
.gHFWsNBKFc .ant-popover-inner-content {
  padding: 0;
}
.gHFWsNBKFc .ant-popover-arrow {
  border-color: #475365 !important;
}
.gHFWsNBKFc .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.mAywCR57XD {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.K6BbVzvnS2 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.K6BbVzvnS2 .ZlQp0oYmw0 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.MCKjClM5Yz {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.I7Zvjocpqz {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .I7Zvjocpqz {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.fgtsO\+jXYK {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._1F6YiYGhZz {
    /* This is the key */
  }
  ._1F6YiYGhZz html,
  ._1F6YiYGhZz body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._1F6YiYGhZz body,
  ._1F6YiYGhZz div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._1F6YiYGhZz textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._1F6YiYGhZz table,
  ._1F6YiYGhZz tr,
  ._1F6YiYGhZz td {
    page-break-inside: avoid;
  }
  ._1F6YiYGhZz div {
    page-break-inside: avoid;
  }
  ._1F6YiYGhZz thead {
    display: table-header-group;
  }
  ._1F6YiYGhZz tfoot {
    display: table-footer-group;
  }
  ._1F6YiYGhZz * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._1F6YiYGhZz .EcwpJGecT3,
  ._1F6YiYGhZz .no-print,
  ._1F6YiYGhZz .react-resizable-handle,
  ._1F6YiYGhZz .fc-whiteboard-toolbar,
  ._1F6YiYGhZz .ant-modal-root,
  ._1F6YiYGhZz .ant-alert,
  ._1F6YiYGhZz .W488v8DBdp,
  ._1F6YiYGhZz .hB2V90QgIV {
    display: none !important;
  }
  ._1F6YiYGhZz .g3s4xOhEGj {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.ieAuLizDE3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._0q7gv9bA4l {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.h9kFAPKSyD {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.h9kFAPKSyD > i,
.h9kFAPKSyD > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._6AiOfHQODk {
  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;
}
.MgasD7CBDO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.VfYTGq5y6u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.G1qkni3VfH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5EEIfj30J- {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.JwsGsesFSK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.GCT6lfBU9v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.GCT6lfBU9v .U7lw\+W\+f9\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.GCT6lfBU9v .U7lw\+W\+f9\+ > span {
  color: rgba(0, 0, 0, 0.65);
}
.D7\+XGifOyo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.D7\+XGifOyo .HackPBK\+Iq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.D7\+XGifOyo .HackPBK\+Iq > span {
  font-size: 8px;
}
.ZoBKfpLUk0 .ant-popover-inner-content {
  padding: 0;
}
.ZoBKfpLUk0 .ant-popover-arrow {
  border-color: #475365 !important;
}
.ZoBKfpLUk0 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
._0kHnufGDaL {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._7SQZL7aGrG {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._7SQZL7aGrG .ZRqkYszco5 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._5ZBr2XSHW4 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.r0uckbyeAf {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .r0uckbyeAf {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.yaFSTYMOED {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Y2lU95x9tf {
    /* This is the key */
  }
  .Y2lU95x9tf html,
  .Y2lU95x9tf body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Y2lU95x9tf body,
  .Y2lU95x9tf div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Y2lU95x9tf textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Y2lU95x9tf table,
  .Y2lU95x9tf tr,
  .Y2lU95x9tf td {
    page-break-inside: avoid;
  }
  .Y2lU95x9tf div {
    page-break-inside: avoid;
  }
  .Y2lU95x9tf thead {
    display: table-header-group;
  }
  .Y2lU95x9tf tfoot {
    display: table-footer-group;
  }
  .Y2lU95x9tf * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Y2lU95x9tf .ONh2ndJhGV,
  .Y2lU95x9tf .no-print,
  .Y2lU95x9tf .react-resizable-handle,
  .Y2lU95x9tf .fc-whiteboard-toolbar,
  .Y2lU95x9tf .ant-modal-root,
  .Y2lU95x9tf .ant-alert,
  .Y2lU95x9tf .JX0Fi0JTP3,
  .Y2lU95x9tf .Pb47Q-yfN6 {
    display: none !important;
  }
  .Y2lU95x9tf .TgWOF9WYle {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.H2hN-a8ChG {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._9J-MKoXpHS {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.bgtY7C74Lq {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.bgtY7C74Lq > i,
.bgtY7C74Lq > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JR6LfRlRnd {
  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;
}
._8AwNKymYgF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ukpsvG1ALk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sbVVDBnYTk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Kw22\+-FtWJ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ew1z3jmoT5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.h\+4o\+TKZAa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.h\+4o\+TKZAa ._96rMNHtNbJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.h\+4o\+TKZAa ._96rMNHtNbJ > span {
  color: rgba(0, 0, 0, 0.65);
}
.\+oUc3DfXcO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.\+oUc3DfXcO .gzvRGiOh4P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.\+oUc3DfXcO .gzvRGiOh4P > span {
  font-size: 8px;
}
.Di82tWTHlm .ant-popover-inner-content {
  padding: 0;
}
.Di82tWTHlm .ant-popover-arrow {
  border-color: #475365 !important;
}
.Di82tWTHlm .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.np5LePYTiv {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.M5BgxLzH\+i {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.M5BgxLzH\+i .iX9MPPlHUJ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._5AnG0lm67U {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.n9wyeuuZU9 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .n9wyeuuZU9 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._9lziO3RYfL {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .L2RDZiYcqS {
    /* This is the key */
  }
  .L2RDZiYcqS html,
  .L2RDZiYcqS body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .L2RDZiYcqS body,
  .L2RDZiYcqS div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .L2RDZiYcqS textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .L2RDZiYcqS table,
  .L2RDZiYcqS tr,
  .L2RDZiYcqS td {
    page-break-inside: avoid;
  }
  .L2RDZiYcqS div {
    page-break-inside: avoid;
  }
  .L2RDZiYcqS thead {
    display: table-header-group;
  }
  .L2RDZiYcqS tfoot {
    display: table-footer-group;
  }
  .L2RDZiYcqS * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .L2RDZiYcqS .azaJlQLVbf,
  .L2RDZiYcqS .no-print,
  .L2RDZiYcqS .react-resizable-handle,
  .L2RDZiYcqS .fc-whiteboard-toolbar,
  .L2RDZiYcqS .ant-modal-root,
  .L2RDZiYcqS .ant-alert,
  .L2RDZiYcqS ._0v8c-rseHM,
  .L2RDZiYcqS .WhqhZqON8Q {
    display: none !important;
  }
  .L2RDZiYcqS .WO\+tUz4ZIC {
    display: none !important;
  }
}
.k3d7OB0hX\+ {
  background-color: #fff;
  padding-bottom: 32px;
}
.k3d7OB0hX\+ .QePZgxkVxe {
  border: 1px solid #ff4d4f;
}
.k3d7OB0hX\+ .zQMMuGFf\+s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.k3d7OB0hX\+ .zQMMuGFf\+s > span {
  margin-left: 4px;
}
.k3d7OB0hX\+ .MoKqU\+S19s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.k3d7OB0hX\+ .MoKqU\+S19s .xy-bcZz8m\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.k3d7OB0hX\+ .MoKqU\+S19s .xy-bcZz8m\+ > span {
  color: #6874e2;
  font-size: 20px;
  margin-left: 15px;
}
.k3d7OB0hX\+ .O-gODeNMz3 {
  color: rgba(0, 0, 0, 0.65);
  margin-top: 16px;
}
.k3d7OB0hX\+ .O-gODeNMz3 ._7HyAQx3CHA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 190px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.k3d7OB0hX\+ .O-gODeNMz3 ._7HyAQx3CHA > span {
  margin: 0 6px 0 8px;
}
.k3d7OB0hX\+ .O-gODeNMz3 > div:last-child {
  margin-top: 12px;
}
.k3d7OB0hX\+ ._8AwNKymYgF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.k3d7OB0hX\+ .Kw22\+-FtWJ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.U-OwZqfXlW {
  padding: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}
.U-OwZqfXlW .ant-table-cell {
  padding: 0 !important;
  border: 0 !important;
}
th.U-OwZqfXlW {
  white-space: nowrap;
  overflow: hidden;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._9REaGgB9Pc {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tV0uGk8LXY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.ey8fl9Dx35 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ey8fl9Dx35 > i,
.ey8fl9Dx35 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.B24kYuzBwR {
  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;
}
.nj07Lk09yq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.\--iRwmrDfS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.IBqlD\+618K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._9kYx-xeNCJ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NzbUtr5qA4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wb6im0-Pb3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.wb6im0-Pb3 .lD5b-5CFNF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.wb6im0-Pb3 .lD5b-5CFNF > span {
  color: rgba(0, 0, 0, 0.65);
}
.jMp6n3ZX7q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.jMp6n3ZX7q .ArTwkWIDyf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.jMp6n3ZX7q .ArTwkWIDyf > span {
  font-size: 8px;
}
.zjTlF08pTf .ant-popover-inner-content {
  padding: 0;
}
.zjTlF08pTf .ant-popover-arrow {
  border-color: #475365 !important;
}
.zjTlF08pTf .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.i5yb5zj3cE {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.jy2yqtXDWG {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.jy2yqtXDWG .bnlNuDOPye {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.jHv0m2jswS {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.WbjOk3qybq {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .WbjOk3qybq {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.Ge3jdSJF1B {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Vsftt9t4QO {
    /* This is the key */
  }
  .Vsftt9t4QO html,
  .Vsftt9t4QO body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Vsftt9t4QO body,
  .Vsftt9t4QO div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Vsftt9t4QO textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Vsftt9t4QO table,
  .Vsftt9t4QO tr,
  .Vsftt9t4QO td {
    page-break-inside: avoid;
  }
  .Vsftt9t4QO div {
    page-break-inside: avoid;
  }
  .Vsftt9t4QO thead {
    display: table-header-group;
  }
  .Vsftt9t4QO tfoot {
    display: table-footer-group;
  }
  .Vsftt9t4QO * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Vsftt9t4QO .Vq57-\+pmYo,
  .Vsftt9t4QO .no-print,
  .Vsftt9t4QO .react-resizable-handle,
  .Vsftt9t4QO .fc-whiteboard-toolbar,
  .Vsftt9t4QO .ant-modal-root,
  .Vsftt9t4QO .ant-alert,
  .Vsftt9t4QO .Kadiwy7upa,
  .Vsftt9t4QO .cv4t-wX5iJ {
    display: none !important;
  }
  .Vsftt9t4QO .j8gvqYzKMf {
    display: none !important;
  }
}
.rWcy-uWXe9 {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.rWcy-uWXe9 .fmtNR5hGUU {
  height: calc(100% - 60px);
  overflow-y: auto;
}
.rWcy-uWXe9 .iOCX7NnF1L {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}
.rWcy-uWXe9 .iOCX7NnF1L > span {
  color: #6874e2;
  font-size: 20px;
  margin-left: 15px;
}
.rWcy-uWXe9 .Q9zCeajbQT {
  border-radius: 4px;
  background-color: #fff;
  padding: 18px 32px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.rWcy-uWXe9 ._0\+rQ-XUPQZ {
  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;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.rWcy-uWXe9 ._0\+rQ-XUPQZ ._8E\+8nHNrnk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 18px;
  margin-right: 18px;
  color: rgba(0, 0, 0, 0.65);
}
.rWcy-uWXe9 ._0\+rQ-XUPQZ ._8E\+8nHNrnk > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #fa6400;
}
.rWcy-uWXe9 ._0\+rQ-XUPQZ .SU2cQBeen7 {
  color: #fff;
  margin: 0 12px 0 36px;
  background-color: #6874e2;
}
.rWcy-uWXe9 ._0\+rQ-XUPQZ .WTLnzlwJ\+e {
  color: #6874e2;
  border: 1px solid #6874e2;
}
.rWcy-uWXe9 .RWIHv0XrJe {
  color: #fff;
  background-color: #6874e2;
}
.UIYGF7Hx0y {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-left: 16px;
}
.IoGPMr5PH4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.IoGPMr5PH4 ._1RRqd7Nl3Q {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.FqgKKyS5J\+ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._7aH\+QVu4Km {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._3nLVRA95mm {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._3nLVRA95mm > i,
._3nLVRA95mm > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Xlk7l-c71a {
  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;
}
.RPP6tZ4B1L {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ClVUdEtL4P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.o\+BakRciIE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.SGUPSLdWhq {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Ad\+eDvME2W {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.V2pLiP2f6U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.V2pLiP2f6U .r6dJ3PAnMM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.V2pLiP2f6U .r6dJ3PAnMM > span {
  color: rgba(0, 0, 0, 0.65);
}
.censlvChjl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.censlvChjl .z\+bVh4izJF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.censlvChjl .z\+bVh4izJF > span {
  font-size: 8px;
}
.RUS2X7dXJi .ant-popover-inner-content {
  padding: 0;
}
.RUS2X7dXJi .ant-popover-arrow {
  border-color: #475365 !important;
}
.RUS2X7dXJi .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.xnK7201koi {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.HvYW2ny7ba {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.HvYW2ny7ba .TvHYzNXLRP {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.eV2cjvUvuT {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.wPihLqEXYX {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .wPihLqEXYX {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.J6zZY7mFrm {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .ZAPdpjI7qL {
    /* This is the key */
  }
  .ZAPdpjI7qL html,
  .ZAPdpjI7qL body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .ZAPdpjI7qL body,
  .ZAPdpjI7qL div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .ZAPdpjI7qL textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .ZAPdpjI7qL table,
  .ZAPdpjI7qL tr,
  .ZAPdpjI7qL td {
    page-break-inside: avoid;
  }
  .ZAPdpjI7qL div {
    page-break-inside: avoid;
  }
  .ZAPdpjI7qL thead {
    display: table-header-group;
  }
  .ZAPdpjI7qL tfoot {
    display: table-footer-group;
  }
  .ZAPdpjI7qL * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .ZAPdpjI7qL ._25wgA881xI,
  .ZAPdpjI7qL .no-print,
  .ZAPdpjI7qL .react-resizable-handle,
  .ZAPdpjI7qL .fc-whiteboard-toolbar,
  .ZAPdpjI7qL .ant-modal-root,
  .ZAPdpjI7qL .ant-alert,
  .ZAPdpjI7qL .drDm-8zxDE,
  .ZAPdpjI7qL .q6o5vIqNHE {
    display: none !important;
  }
  .ZAPdpjI7qL ._9nu48kpMYu {
    display: none !important;
  }
}
.aPYIOzVtoY {
  height: 100%;
  overflow-x: visible;
  overflow-x: initial;
  overflow-y: auto;
}
.aPYIOzVtoY .anticon-close-circle {
  margin-top: 4px;
}
.aPYIOzVtoY .GOFy1obA6T {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 24px;
}
.aPYIOzVtoY .GOFy1obA6T > span {
  color: #6874e2;
  font-size: 20px;
  margin-left: 15px;
}
.aPYIOzVtoY .Ib\+a8r266y {
  border-radius: 4px;
  background-color: #fff;
  padding: 18px 32px;
  margin-bottom: 24px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.aPYIOzVtoY .SNbkme9-69 {
  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;
  position: sticky;
  bottom: 0;
  height: 60px;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  z-index: 999;
}
.aPYIOzVtoY .SNbkme9-69 .hIL\+4dzeLj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  margin-right: 18px;
  color: rgba(0, 0, 0, 0.65);
}
.aPYIOzVtoY .SNbkme9-69 .hIL\+4dzeLj > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fa6400;
}
._9xp\+xYD6hD {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-left: 16px;
}
.F9G9mJbGtZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.F9G9mJbGtZ .FEYqE3anyF {
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vC6DR9iNLv {
  background-color: #fff;
  padding: 10px 1rem 0;
}
.vC6DR9iNLv .ant-tabs-nav {
  margin: 0;
}
.vC6DR9iNLv .ant-tabs-tab {
  height: 53px;
}
.ohTTtKvVHL {
  margin-bottom: 10px;
  font-size: 16px;
}
.cPSQnPPRjD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
}
.YTnJs6i9te {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  min-width: 100%;
}
.cWvykqYUPf {
  margin-left: 16px;
  min-width: 400px;
  position: absolute;
  top: 7px;
  right: 0;
}
.fKxIO5uxzf {
  margin-bottom: 0;
  color: #f22727;
  background: #f5d0cf;
  border-radius: 4px;
  font-weight: 400;
}
.MnE\+ZUfJ2w {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 25px;
}
.cMr8GbHitb {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 6px;
  vertical-align: middle;
}
.m2nsIG76Mu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 800px;
}

.XFDvIrxMrT {
  background-color: #fff;
}
.XFDvIrxMrT .ant-descriptions.ant-descriptions-bordered > .ant-descriptions-view > table {
  table-layout: fixed !important;
}
.XFDvIrxMrT .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.tMAFOLTpSZ {
  border-bottom: 1px dashed #e1e1e1;
  margin-bottom: 10px;
}
.vx1-ii4T1\+ {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
.T8227DhIdE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._3trSR76CI6 {
  margin-bottom: 0;
  color: #f22727;
  background: #f5d0cf;
  border-radius: 4px;
  font-weight: 400;
}
.qCzS0mS5fB .ant-tabs-tab[data-node-key='inquiryOrderInfo'] {
  position: relative;
  background-color: #f0f5ff;
  border-radius: 4px 4px 0 0;
}
.qCzS0mS5fB .ant-tabs-tab[data-node-key='inquiryOrderInfo']::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #1890ff;
}
.qCzS0mS5fB .ant-descriptions.ant-descriptions-bordered > .ant-descriptions-view .ant-descriptions-row > .ant-descriptions-item-label {
  background-color: #f6f9fe;
}

.kbhRc1VoG7 {
  position: relative;
}
.kbhRc1VoG7 .ant-timeline-item {
  padding-bottom: 0 !important;
}
.kbhRc1VoG7 .ant-space-item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.kbhRc1VoG7 .ant-tooltip {
  max-width: 500px !important;
}

.iSST2iKFk9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 216px);
}
.Bdv3agySSR {
  width: 450px;
  height: 100%;
  padding: 0 16px;
  background-color: #f0f0f0;
  overflow: hidden;
}
.MB8IHhNoNE {
  padding-top: 6px;
  height: calc(100vh - 216px);
}
.xuA1JIaldI {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.aZ0-HQCSX8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 68px;
  overflow-y: auto;
  padding: 12px 16px;
}
._0LgXrdBCz5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.ZbtIek38oX {
  margin-bottom: 24px;
  width: 100%;
  clear: both;
}
.jKPMOociLJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._6wItAuuHQm .jKPMOociLJ {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Ny2S0d2Xn5 .jKPMOociLJ {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ihVBtQzHy2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: #999;
  font-size: 16px;
}
.i5qgBCh8Gj {
  max-width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._6wItAuuHQm .i5qgBCh8Gj {
  margin-left: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Ny2S0d2Xn5 .i5qgBCh8Gj {
  margin-right: 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.Gp-VOCnv0w {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 1px solid #e0e0e0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.AFwlVDaBLV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
  padding: 0 4px;
}
._6wItAuuHQm .AFwlVDaBLV {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.Ny2S0d2Xn5 .AFwlVDaBLV {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.kFnf\+a0W6M {
  color: #666;
  font-weight: 500;
  margin-right: 4px;
}
.SHbBsLYDpe {
  font-weight: 500;
  color: #333;
  margin-right: 8px;
}
.BbENSFbZvH {
  font-size: 12px;
  color: #999;
}
.OU-bJcJAYk {
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 16px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  max-width: 100%;
}
._6wItAuuHQm .OU-bJcJAYk {
  background-color: #24428f;
  color: white;
  border-top-left-radius: 2px;
}
.Ny2S0d2Xn5 .OU-bJcJAYk {
  background-color: #f0f0f0;
  color: #333;
  border-top-right-radius: 2px;
}
.OU-bJcJAYk p {
  margin: 0;
  line-height: 1.5;
}
.m7GcFYoJau {
  margin: 0;
  line-height: 1.5;
  display: inline-block;
  max-width: 100%;
  word-break: break-word;
  white-space: pre-wrap;
}
._4JARb4CYaz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.PhmBJSdstF {
  margin-right: 8px;
}
.SSTYJXt9qx {
  color: #24428f;
  font-weight: 500;
  margin-right: 4px;
  cursor: pointer;
}
.o6RRWbrbVq {
  margin-left: 4px;
  color: #8c8c8c;
  font-size: 0.9em;
}
._6wItAuuHQm .SSTYJXt9qx {
  color: #fff;
  cursor: pointer;
}
.i8cVn7hb6F {
  font-size: 12px;
  color: #999;
}
._6wItAuuHQm .i8cVn7hb6F {
  color: rgba(255, 255, 255, 0.7);
}
.aVrDKuMnMA {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 68px;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  padding: 16px 16px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.m-AbIxbbRP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
}
.U9dGQdjFIy {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
  position: relative;
  min-height: 42px;
}
._1u31CIMJZw {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 42px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  outline: none;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  line-height: 1.5;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
._1u31CIMJZw:focus {
  border-color: #24428f;
}
.ljB1IW9v5Z {
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #666;
}
.Plw5tzpn8Y {
  width: 24px;
  height: 24px;
  color: white;
}
._5q9ueORJi2 {
  width: 50px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #24428f;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  padding: 0;
}
._5q9ueORJi2:hover {
  background-color: #1a3370;
}
._5q9ueORJi2:hover {
  background-color: #1a3370;
}
._5q9ueORJi2:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.mLhnTcxz1I {
  width: 50px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #24428f;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.lgRazd6jyO {
  height: 40px;
  padding: 0 16px;
  background-color: #fff;
  border: 1px solid #24428f;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.lgRazd6jyO:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}
._5NgyTbRA1V {
  opacity: 0.5;
  cursor: not-allowed;
}

.Y90CDIAVGC {
  position: absolute;
  width: 100%;
  height: 50px;
}
._98cWZxvVri {
  position: absolute;
  right: 0px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99;
  width: 60px;
}
._6ZsFyinKqK {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.nvOE7t489X {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
}
.zjfurFMTJ\+ {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 20%;
          flex: 1 0 20%;
  position: relative;
  border-right: 1px solid #e1e1e1;
}
.xDACPA1hS0 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.Q6o4xQSBGu {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 80%;
          flex: 1 0 80%;
  margin-bottom: -36px;
}
.x6FmpPNyQC {
  padding-left: 10px;
}
._5V6vZmGhZZ {
  z-index: 99;
}
._5V6vZmGhZZ .ant-dropdown-menu {
  margin-top: 0px !important;
}
._5V6vZmGhZZ .inquiry-order-steps-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._5V6vZmGhZZ .ant-dropdown-menu-submenu-title-active,
._5V6vZmGhZZ .ant-dropdown-menu-submenu-title:hover {
  background-color: #fff !important;
}
._5V6vZmGhZZ .ant-dropdown-menu-submenu-title {
  padding: 8px 12px 5px 12px;
}
.P37WqTojMF .M1349CffuD {
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}
.P37WqTojMF .M1349CffuD:last-child {
  margin-bottom: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.N51J0Rp9lc {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._8uuw7vRxPg {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.M8T\+byHY5c {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.M8T\+byHY5c > i,
.M8T\+byHY5c > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._0Sxzfh-Ph7 {
  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;
}
.eaTTFFYZQv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.CwmW\+MT0xL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.UIE5h1So-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.NnQ-ejDRmT {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.VTs-qxdUhX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._6RLQX69G1p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._6RLQX69G1p ._5RfkIokI-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._6RLQX69G1p ._5RfkIokI-2 > span {
  color: rgba(0, 0, 0, 0.65);
}
.oTAa\+HS6oe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.oTAa\+HS6oe .mdLzfYp0u4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.oTAa\+HS6oe .mdLzfYp0u4 > span {
  font-size: 8px;
}
.RmoQE3kTZs .ant-popover-inner-content {
  padding: 0;
}
.RmoQE3kTZs .ant-popover-arrow {
  border-color: #475365 !important;
}
.RmoQE3kTZs .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Rs4dZ6frdK {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Wbqlpt6jTM {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Wbqlpt6jTM .DHiE4mAd3l {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.AAL2BXBzdS {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.uZ0kcf5NTI {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .uZ0kcf5NTI {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.uAiWS4-FH3 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .J0Rd6NbMaq {
    /* This is the key */
  }
  .J0Rd6NbMaq html,
  .J0Rd6NbMaq body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .J0Rd6NbMaq body,
  .J0Rd6NbMaq div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .J0Rd6NbMaq textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .J0Rd6NbMaq table,
  .J0Rd6NbMaq tr,
  .J0Rd6NbMaq td {
    page-break-inside: avoid;
  }
  .J0Rd6NbMaq div {
    page-break-inside: avoid;
  }
  .J0Rd6NbMaq thead {
    display: table-header-group;
  }
  .J0Rd6NbMaq tfoot {
    display: table-footer-group;
  }
  .J0Rd6NbMaq * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .J0Rd6NbMaq ._898HawHCCt,
  .J0Rd6NbMaq .no-print,
  .J0Rd6NbMaq .react-resizable-handle,
  .J0Rd6NbMaq .fc-whiteboard-toolbar,
  .J0Rd6NbMaq .ant-modal-root,
  .J0Rd6NbMaq .ant-alert,
  .J0Rd6NbMaq .DICzr5q8FP,
  .J0Rd6NbMaq .x3EKCRdVKK {
    display: none !important;
  }
  .J0Rd6NbMaq .g9qeWgT-iQ {
    display: none !important;
  }
}
._5Bx183VNAE {
  position: relative;
  display: inline-block;
}

.Anw2XwUUTC {
  border-radius: 4px;
  padding: 10px 1rem;
  background-color: #fff;
  margin-bottom: 0.5rem;
}
.Le2\+wnMowB {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
.dZrxW1pbn- {
  border-bottom: 1px dashed #e1e1e1;
  margin-bottom: 16px;
}
.xUyRbbLr4D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.xUyRbbLr4D .ant-btn-primary {
  background-color: #4575ef;
  border-color: #4575ef;
}
.xUyRbbLr4D .ant-btn-primary:hover {
  background-color: #3461d6;
  border-color: #3461d6;
}
.cwxuKpkGMR {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 80px;
  text-align: center;
}
.cwxuKpkGMR:empty {
  display: none;
}
.YRgN4MzvQl {
  min-width: 88px;
}
._9Eizld1AoU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.AnkXk4a\+OA {
  width: 70px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.artTYys2n3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: -10px;
  padding-right: 32px;
}
.ant-alert {
  padding: 4px 12px;
}

.h0GVnyNlPw {
  position: relative;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._2XsEveemC3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.S2eA7Opi9g {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._82TmctMrhA {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._82TmctMrhA > i,
._82TmctMrhA > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rg9AXXC9Mn {
  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;
}
._6IhdrA0Mey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Y9H4Fhkq\+Q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.PE9ahikNKs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._6KFco5rCio {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.TflqaxlxJB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._9gKKBjk7nJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._9gKKBjk7nJ .pUn5UW\+EaJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._9gKKBjk7nJ .pUn5UW\+EaJ > span {
  color: rgba(0, 0, 0, 0.65);
}
._7VKGI\+S\+0M {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._7VKGI\+S\+0M .ujdIvJH9Wd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._7VKGI\+S\+0M .ujdIvJH9Wd > span {
  font-size: 8px;
}
.X6dp-ksGuV .ant-popover-inner-content {
  padding: 0;
}
.X6dp-ksGuV .ant-popover-arrow {
  border-color: #475365 !important;
}
.X6dp-ksGuV .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ghIMAIeGOM {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.jYMRSSS1KC {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.jYMRSSS1KC .Hl8lKbdwFk {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.x-215vF0b4 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Jt02BIBDBl {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Jt02BIBDBl {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._3-VhNT5xNQ {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .p6Zf4d\+ql9 {
    /* This is the key */
  }
  .p6Zf4d\+ql9 html,
  .p6Zf4d\+ql9 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .p6Zf4d\+ql9 body,
  .p6Zf4d\+ql9 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .p6Zf4d\+ql9 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .p6Zf4d\+ql9 table,
  .p6Zf4d\+ql9 tr,
  .p6Zf4d\+ql9 td {
    page-break-inside: avoid;
  }
  .p6Zf4d\+ql9 div {
    page-break-inside: avoid;
  }
  .p6Zf4d\+ql9 thead {
    display: table-header-group;
  }
  .p6Zf4d\+ql9 tfoot {
    display: table-footer-group;
  }
  .p6Zf4d\+ql9 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .p6Zf4d\+ql9 .HHnjAgoe2t,
  .p6Zf4d\+ql9 .no-print,
  .p6Zf4d\+ql9 .react-resizable-handle,
  .p6Zf4d\+ql9 .fc-whiteboard-toolbar,
  .p6Zf4d\+ql9 .ant-modal-root,
  .p6Zf4d\+ql9 .ant-alert,
  .p6Zf4d\+ql9 .DNTNzDchYh,
  .p6Zf4d\+ql9 .lNfklhz7j9 {
    display: none !important;
  }
  .p6Zf4d\+ql9 .W1eTlueDzA {
    display: none !important;
  }
}
@media print {
  html,
  body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  body,
  div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  table,
  tr,
  td {
    page-break-inside: avoid;
  }
  div {
    page-break-inside: avoid;
  }
  /* This is the key */
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .HHnjAgoe2t,
  .no-print,
  .react-resizable-handle,
  .fc-whiteboard-toolbar,
  .ant-modal-root,
  .ant-alert,
  .DNTNzDchYh,
  .lNfklhz7j9 {
    display: none !important;
  }
  .W1eTlueDzA {
    display: none !important;
  }
}
.Oo70E\+5cBp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 100vh;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #eff1f7;
}
.Oo70E\+5cBp .ant-descriptions-row > th,
.Oo70E\+5cBp .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.Oo70E\+5cBp .ant-descriptions-title {
  font-size: 14px;
  margin-bottom: 12px;
}
._4JwmhpzaqU {
  width: 1190px;
  min-height: 1680px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 70px 95px;
  background-color: #fff;
  position: relative;
}
._4JwmhpzaqU .yweZBMmZrU {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #000;
}
._4JwmhpzaqU .yweZBMmZrU .h-OZHDZrZR {
  height: 50px;
  width: 176px;
}
._4JwmhpzaqU .yweZBMmZrU .BRgu53u7G7 {
  height: 50px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.75);
  margin-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
._4JwmhpzaqU .ir9l2SHuM1 {
  font-size: 48px;
  color: #000;
  letter-spacing: 2.67;
  margin-top: 80px;
}
._4JwmhpzaqU .Yn9uz8MMfc {
  width: 532px;
  height: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
  border-bottom: 2px solid #000;
}
._4JwmhpzaqU .Yn9uz8MMfc ._4ixMU2G6ns {
  width: 180px;
  height: 180px;
  cursor: pointer;
}
._4JwmhpzaqU .Yn9uz8MMfc .-GxFUbFEsj {
  height: 180px;
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
._4JwmhpzaqU .Yn9uz8MMfc .-GxFUbFEsj .vK8iPjf1ZJ {
  font-size: 24px;
  color: #000;
}
._4JwmhpzaqU .Yn9uz8MMfc .-GxFUbFEsj .uv1nuzZFMF {
  margin-top: 8px;
  font-size: 18px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._4JwmhpzaqU .Yn9uz8MMfc .-GxFUbFEsj .uv1nuzZFMF .aWBTPsKyKm {
  margin: 0 12px;
}
._4JwmhpzaqU .OxNKS64ocM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 70px;
  width: 100%;
}
._4JwmhpzaqU .hiNN7WXzhR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.75);
  line-height: 22px;
  margin-top: 24px;
}
._4JwmhpzaqU .hiNN7WXzhR .KJTO8asz0i {
  font-size: 14px;
  font-weight: bold;
}
._4JwmhpzaqU .hiNN7WXzhR .\+ZCujWXSYQ {
  font-size: 14px;
}
._4JwmhpzaqU .jUOUoffHs6 {
  margin-top: 70px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
._4JwmhpzaqU .jUOUoffHs6 .AHC3flo7uQ {
  width: 210px;
  margin-top: 12px;
  position: relative;
}
._4JwmhpzaqU .MsfQ009dAA {
  width: 1000px;
  height: 140px;
  padding: 32px 0;
  border-top: 2px solid #000;
  bottom: 0;
  left: 95px;
}
._4JwmhpzaqU .MsfQ009dAA .NN1NhcYuJj {
  line-height: 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
}
.AJDaXccwsK:first-child {
  page-break-after: always;
}
.AJDaXccwsK {
  position: relative;
  page-break-before: avoid;
  page-break-after: auto;
  margin-bottom: 24px;
}
.EATG6GIRa6 {
  width: 100%;
  margin-top: 40px;
}
._365eW54siL {
  width: 100%;
  border-bottom: 1px solid #000;
}
.ErwuhtKfqL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
._6gk6licsPN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
._6gk6licsPN ._65WaB-t\+cj {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._6gk6licsPN ._1GvI4iThMN {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}
.HHnjAgoe2t {
  position: fixed;
  right: 4vw;
  bottom: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.HHnjAgoe2t button {
  margin-bottom: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.IGjUu3EQ5P {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.HxSse3G3f8 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.IfphiZzzut {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.IfphiZzzut > i,
.IfphiZzzut > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vKudKccbMg {
  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;
}
.JwtL9TNteh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bfd8Onj95Y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.W\+KalBIpZq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.Ouvwita8aq {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.nZgRZqdc6d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.qG9AqdCmt\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.qG9AqdCmt\+ .q2qX-sWuC4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.qG9AqdCmt\+ .q2qX-sWuC4 > span {
  color: rgba(0, 0, 0, 0.65);
}
.wxm9ia9YeR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wxm9ia9YeR .BnrojmT3SY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wxm9ia9YeR .BnrojmT3SY > span {
  font-size: 8px;
}
.cGl6wPr9fY .ant-popover-inner-content {
  padding: 0;
}
.cGl6wPr9fY .ant-popover-arrow {
  border-color: #475365 !important;
}
.cGl6wPr9fY .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.wTbWjRAX99 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.cE-7k-qhFV {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.cE-7k-qhFV .fSTNjm3NEi {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.CK3yB\+EoAd {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.GOVzetZrkT {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .GOVzetZrkT {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.M\+NdE0mYTT {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._3R1\+CxHyFU {
    /* This is the key */
  }
  ._3R1\+CxHyFU html,
  ._3R1\+CxHyFU body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._3R1\+CxHyFU body,
  ._3R1\+CxHyFU div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._3R1\+CxHyFU textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._3R1\+CxHyFU table,
  ._3R1\+CxHyFU tr,
  ._3R1\+CxHyFU td {
    page-break-inside: avoid;
  }
  ._3R1\+CxHyFU div {
    page-break-inside: avoid;
  }
  ._3R1\+CxHyFU thead {
    display: table-header-group;
  }
  ._3R1\+CxHyFU tfoot {
    display: table-footer-group;
  }
  ._3R1\+CxHyFU * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._3R1\+CxHyFU .RczHc\+iX7Z,
  ._3R1\+CxHyFU .no-print,
  ._3R1\+CxHyFU .react-resizable-handle,
  ._3R1\+CxHyFU .fc-whiteboard-toolbar,
  ._3R1\+CxHyFU .ant-modal-root,
  ._3R1\+CxHyFU .ant-alert,
  ._3R1\+CxHyFU .Md79TPLsSv,
  ._3R1\+CxHyFU .xlYKixIhY\+ {
    display: none !important;
  }
  ._3R1\+CxHyFU .Nce1Spumk7 {
    display: none !important;
  }
}
.a3XZ6ArxPl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.a3XZ6ArxPl > button {
  margin-right: 2px;
}
.lKzAD5KJs7 {
  color: #fff;
  background-color: #6874e2;
}
.ZEMlMYjtRK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.USFQzqW446 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 12px;
}
.USFQzqW446 > span {
  display: inline-block;
  min-width: 140px;
  word-break: break-word;
}
.USFQzqW446 .ant-input[disabled] {
  background-color: #fff;
  color: #000;
}
.oiW0RnCj3n {
  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;
  width: 100%;
  margin-top: 16px;
}
.ZVomw1EWHZ {
  cursor: pointer;
  position: relative;
  top: 4px;
  font-size: 24px;
  color: #999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 8px;
}
.ZVomw1EWHZ:hover {
  color: #777;
}
.bfd8Onj95Y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-input-group-addon {
  padding: 0;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #4575ef !important;
  border-color: #4575ef !important;
}

.Nw1ufS62p4 .ant-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Nw1ufS62p4 .ant-modal-footer button {
  margin: 0 8px;
}
.XQunq56Mc\+ {
  margin-bottom: 16px;
}
.GFs6nym2aP {
  font-weight: 500;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vYOuKqwhCl {
  font-weight: 500;
  margin-right: 16px;
  min-width: 70px;
}
.vYOuKqwhCl::after {
  content: ':';
}
._7DXxv-7bCN {
  width: 100%;
}
._4SFuJq54h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
  cursor: pointer;
}
.BU46VQL5HM {
  display: inline-block;
  line-height: 1.5;
  margin-left: 8px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.jtFurcBiTf {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0px 16px;
  gap: 0px 16px;
  margin-bottom: 16px;
}
.h3up2I2M1f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.r1hZDRKZ1S {
  padding: 16px 0;
}
.XuO3IFq4MA {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.vOkcyiAyNO {
  margin-top: 12px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.I5IrY3UvC2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pzcg63UxYs {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._05Qfgy91KK {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._05Qfgy91KK > i,
._05Qfgy91KK > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._4UcVUKJrLq {
  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;
}
.zt6Y9jd1nH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.n\+zMP\+j-WM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.xdXBSvhaQU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.mCXo18Bm5o {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jZy9zVix3O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.QR7leO1kZn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.QR7leO1kZn .gHlt0mZtBi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.QR7leO1kZn .gHlt0mZtBi > span {
  color: rgba(0, 0, 0, 0.65);
}
.iFCqYfLjaw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.iFCqYfLjaw ._5yQQpMwA\+U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.iFCqYfLjaw ._5yQQpMwA\+U > span {
  font-size: 8px;
}
.dhQix\+J2fe .ant-popover-inner-content {
  padding: 0;
}
.dhQix\+J2fe .ant-popover-arrow {
  border-color: #475365 !important;
}
.dhQix\+J2fe .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.Zeu9YLm\+vz {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Y1LeeKtgmD {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Y1LeeKtgmD .U5yvJ2z1AX {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._67tx7AEIe1 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.eGFv56StWU {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .eGFv56StWU {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.KII9KDLH62 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .SUuWIxhGGx {
    /* This is the key */
  }
  .SUuWIxhGGx html,
  .SUuWIxhGGx body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .SUuWIxhGGx body,
  .SUuWIxhGGx div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .SUuWIxhGGx textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .SUuWIxhGGx table,
  .SUuWIxhGGx tr,
  .SUuWIxhGGx td {
    page-break-inside: avoid;
  }
  .SUuWIxhGGx div {
    page-break-inside: avoid;
  }
  .SUuWIxhGGx thead {
    display: table-header-group;
  }
  .SUuWIxhGGx tfoot {
    display: table-footer-group;
  }
  .SUuWIxhGGx * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .SUuWIxhGGx .Fx\+8J-BMa8,
  .SUuWIxhGGx .no-print,
  .SUuWIxhGGx .react-resizable-handle,
  .SUuWIxhGGx .fc-whiteboard-toolbar,
  .SUuWIxhGGx .ant-modal-root,
  .SUuWIxhGGx .ant-alert,
  .SUuWIxhGGx ._7Py\+kIscHY,
  .SUuWIxhGGx ._3HBT2wOnH- {
    display: none !important;
  }
  .SUuWIxhGGx .JUKyFuwJz6 {
    display: none !important;
  }
}
.dX9YlHaWec {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  background-color: transparent;
}
.dX9YlHaWec .zeVrgTKDqk {
  height: calc(100% - 68px);
  overflow: auto;
}
.dX9YlHaWec .zeVrgTKDqk ._4y5YURXb2O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dX9YlHaWec .zeVrgTKDqk .zhgb5mrJjF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dX9YlHaWec .ant-steps-icon {
  top: 6px;
}
.dX9YlHaWec .ant-descriptions-item-label {
  padding: 12px 18px !important;
}
.dX9YlHaWec .ant-descriptions-item-label {
  min-width: 120px;
}
.dX9YlHaWec .ant-descriptions-item-content {
  min-width: 260px;
}
.dX9YlHaWec .m-fe-commons-page-header-container {
  border-bottom: none;
}
.dX9YlHaWec .m-fe-commons-page-header-container .ant-page-header {
  padding: 0;
  border-bottom: none;
}
.dX9YlHaWec .ant-tabs {
  margin-bottom: 0.5rem;
}
.dX9YlHaWec .-BdsfCIS\+f .ant-tabs-nav {
  padding: 0 1rem;
  margin: 0;
}
.dX9YlHaWec ._0pTJFrnEza {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 100%;
  overflow-x: auto;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
  background: white;
}
.dX9YlHaWec .zt6Y9jd1nH {
  min-height: 46px;
  height: 46px;
}
.HzJ\+UEJmVQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}
.dqVhjrwEKk {
  background-color: #fff;
}
.Wscj\+4NIoi {
  margin-bottom: 0;
  color: #f22727;
  background: #f5d0cf;
  border-radius: 4px;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.b\+w41fOXPK {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.sUa3AeyKjp {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.paJksJUmZX {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.paJksJUmZX > i,
.paJksJUmZX > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._1Je5Xuj5Tb {
  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;
}
.Ov5gh9MMf4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fLtMsQeQaD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bmSgRgu\+cS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.W1lrYVXGBZ {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.CH3sZEfbBg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.stO1BpfGSd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.stO1BpfGSd ._23v3koqZLq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.stO1BpfGSd ._23v3koqZLq > span {
  color: rgba(0, 0, 0, 0.65);
}
.OUx8tszx8F {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.OUx8tszx8F .TcG\+G8ntzd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.OUx8tszx8F .TcG\+G8ntzd > span {
  font-size: 8px;
}
._78EtZSVi6J .ant-popover-inner-content {
  padding: 0;
}
._78EtZSVi6J .ant-popover-arrow {
  border-color: #475365 !important;
}
._78EtZSVi6J .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.cVfl7vJOCc {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.nB79TEtMHo {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.nB79TEtMHo ._77r7t4Qgw1 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.ClEcidbKx6 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._8sGyCUB-Uw {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._8sGyCUB-Uw {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.czcl6UnSHH {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .sDgrTY2MXU {
    /* This is the key */
  }
  .sDgrTY2MXU html,
  .sDgrTY2MXU body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .sDgrTY2MXU body,
  .sDgrTY2MXU div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .sDgrTY2MXU textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .sDgrTY2MXU table,
  .sDgrTY2MXU tr,
  .sDgrTY2MXU td {
    page-break-inside: avoid;
  }
  .sDgrTY2MXU div {
    page-break-inside: avoid;
  }
  .sDgrTY2MXU thead {
    display: table-header-group;
  }
  .sDgrTY2MXU tfoot {
    display: table-footer-group;
  }
  .sDgrTY2MXU * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .sDgrTY2MXU .ULrpAzXzsJ,
  .sDgrTY2MXU .no-print,
  .sDgrTY2MXU .react-resizable-handle,
  .sDgrTY2MXU .fc-whiteboard-toolbar,
  .sDgrTY2MXU .ant-modal-root,
  .sDgrTY2MXU .ant-alert,
  .sDgrTY2MXU .s-9lBL9TRz,
  .sDgrTY2MXU .psad6vm8nO {
    display: none !important;
  }
  .sDgrTY2MXU .YY-H3Cm\+2U {
    display: none !important;
  }
}
.b3EuE3R9m9 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._7O2aK2isn3 {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.HgTlxVudMU ._2YD8xcJ22P {
  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;
  height: 50px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 16px;
}
.kpYEAfDA9J {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}

.H6eyL3Ej9R {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  background: #f5f5f5;
  height: calc(100vh - 80px);
}
.csXkRkpafu {
  width: 100%;
  max-width: 800px;
  height: 100%;
  position: relative;
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.csXkRkpafu .qlSNbZgyrp {
  position: absolute;
  top: -32px;
  right: 0;
}
._2abYWZeVAL {
  height: 100%;
}
._2abYWZeVAL .slick-slide {
  text-align: center;
  background: white;
  overflow: hidden;
  padding: 20px 0;
}
._2abYWZeVAL .slick-dots {
  margin-bottom: 20px;
}
.-V7ZF44c5S {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  border: 1px solid #e8e8e8;
}
.-RLvlhg8kh {
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.-RLvlhg8kh.IeDa\+VZzwF {
  left: 10px;
}
.-RLvlhg8kh.dq1Xzp8LVe {
  right: 10px;
}
.zbiRvV8OBf {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 2;
  background: #1890ff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.zbiRvV8OBf .anticon {
  font-size: 24px;
}
.cVtfMzGOWA {
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}
.Zk068W2YYC {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 700px;
}
.dmyTmUvIz9 {
  width: 100%;
  height: calc(100vh - 250px);
  border: none;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.msmfd87H7o {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.zoO7HWzwWQ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._5mu07HNzrG {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._5mu07HNzrG > i,
._5mu07HNzrG > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Qtg76tDWGk {
  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;
}
.HS2bhqQbAV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._8EqcdFUy0m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._0k4P\+6Lq5T {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.VnQxw92wTh {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ymtZHDAaD\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._9wiLahy5Qn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._9wiLahy5Qn .sC1dNfrpvi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._9wiLahy5Qn .sC1dNfrpvi > span {
  color: rgba(0, 0, 0, 0.65);
}
.PiiGrHPZ1k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PiiGrHPZ1k .iM79MdE72O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.PiiGrHPZ1k .iM79MdE72O > span {
  font-size: 8px;
}
.PLPWO4Q55Z .ant-popover-inner-content {
  padding: 0;
}
.PLPWO4Q55Z .ant-popover-arrow {
  border-color: #475365 !important;
}
.PLPWO4Q55Z .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.BEtGFIf2dL {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._2ei80VVce5 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._2ei80VVce5 .rS1swhke6m {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.-JpVwwxFMW {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._0ckwfPxoak {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._0ckwfPxoak {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.\+WgnKIqrqp {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .fp1MF-y2N8 {
    /* This is the key */
  }
  .fp1MF-y2N8 html,
  .fp1MF-y2N8 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .fp1MF-y2N8 body,
  .fp1MF-y2N8 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .fp1MF-y2N8 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .fp1MF-y2N8 table,
  .fp1MF-y2N8 tr,
  .fp1MF-y2N8 td {
    page-break-inside: avoid;
  }
  .fp1MF-y2N8 div {
    page-break-inside: avoid;
  }
  .fp1MF-y2N8 thead {
    display: table-header-group;
  }
  .fp1MF-y2N8 tfoot {
    display: table-footer-group;
  }
  .fp1MF-y2N8 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .fp1MF-y2N8 .pexSpr7hAY,
  .fp1MF-y2N8 .no-print,
  .fp1MF-y2N8 .react-resizable-handle,
  .fp1MF-y2N8 .fc-whiteboard-toolbar,
  .fp1MF-y2N8 .ant-modal-root,
  .fp1MF-y2N8 .ant-alert,
  .fp1MF-y2N8 .YjCzuw8dWz,
  .fp1MF-y2N8 ._2pL88qTvL5 {
    display: none !important;
  }
  .fp1MF-y2N8 .Plc-qynctY {
    display: none !important;
  }
}
.fvZCAhTZ26 {
  background-color: #fff;
}
.fvZCAhTZ26 .sFApqR-Sbo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow-y: hidden;
  overflow-x: auto;
}
.fvZCAhTZ26 .sFApqR-Sbo .EU2mBk7C8A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  min-width: 125px;
  padding: 25px 12px 0;
  border-right: 1px solid #eee;
}
.fvZCAhTZ26 .sFApqR-Sbo .EU2mBk7C8A > span {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.fvZCAhTZ26 .sFApqR-Sbo .EU2mBk7C8A > span:first-child {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}
.fvZCAhTZ26 .sFApqR-Sbo .EU2mBk7C8A ._4AvlmQplAG {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.fvZCAhTZ26 .sFApqR-Sbo .EU2mBk7C8A ._4AvlmQplAG > div:first-child {
  margin-bottom: 8px !important;
}
.fvZCAhTZ26 .sFApqR-Sbo .EU2mBk7C8A ._4AvlmQplAG > div:first-child {
  font-size: 14px;
  font-weight: bold;
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 18px;
  height: 160px;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 ._3XvsIyTWqV {
  min-width: 200px;
  margin-left: 12px;
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 ._3XvsIyTWqV > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 ._3XvsIyTWqV > span:first-child {
  font-weight: bold;
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.65);
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 .FDHHa1bV\+V {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: 180px;
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 .iXD1TDh5X- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 8px;
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 .iXD1TDh5X- > span {
  font-size: 14px;
  display: block;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 .iXD1TDh5X- .oGngUlum4D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0 .iXD1TDh5X- .oGngUlum4D > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 6px;
}
.fvZCAhTZ26 .sFApqR-Sbo .dz66jwXvj0:last-child {
  border-bottom: none;
}
.fvZCAhTZ26 .sFApqR-Sbo .QtU2qqFtuG {
  width: 100%;
  padding: 24px 18px;
  border-bottom: 1px solid #eee;
}
.fvZCAhTZ26 .HS2bhqQbAV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fvZCAhTZ26 ._8EqcdFUy0m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fvZCAhTZ26 .ant-statistic-content {
  font-size: 14px;
}
.fvZCAhTZ26 .ant-statistic-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.n\+PE9pkKA2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Hza6n2GYbJ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.qmnIK3TW78 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.qmnIK3TW78 > i,
.qmnIK3TW78 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hYJj058-Bb {
  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;
}
.qVxSCM3D3Q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Kc4prtXNDw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.eZ\+fh-tbQo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.e8Mn\+rsbN1 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.\+ca16AIkoq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ylLzXC6DbL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.ylLzXC6DbL .ydRAVKjBey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.ylLzXC6DbL .ydRAVKjBey > span {
  color: rgba(0, 0, 0, 0.65);
}
.jMP5MLLqoU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.jMP5MLLqoU .krO0PNp0tA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.jMP5MLLqoU .krO0PNp0tA > span {
  font-size: 8px;
}
.rca6yVfrrz .ant-popover-inner-content {
  padding: 0;
}
.rca6yVfrrz .ant-popover-arrow {
  border-color: #475365 !important;
}
.rca6yVfrrz .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.RERnKjxmJV {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.reIHdX\+P8B {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.reIHdX\+P8B ._4h5A2MVdab {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.KPF0XtB6GN {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.FQShj2Nfh\+ {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .FQShj2Nfh\+ {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._7jlVYrEsZw {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .A5eeNDuakn {
    /* This is the key */
  }
  .A5eeNDuakn html,
  .A5eeNDuakn body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .A5eeNDuakn body,
  .A5eeNDuakn div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .A5eeNDuakn textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .A5eeNDuakn table,
  .A5eeNDuakn tr,
  .A5eeNDuakn td {
    page-break-inside: avoid;
  }
  .A5eeNDuakn div {
    page-break-inside: avoid;
  }
  .A5eeNDuakn thead {
    display: table-header-group;
  }
  .A5eeNDuakn tfoot {
    display: table-footer-group;
  }
  .A5eeNDuakn * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .A5eeNDuakn .IpRdharofl,
  .A5eeNDuakn .no-print,
  .A5eeNDuakn .react-resizable-handle,
  .A5eeNDuakn .fc-whiteboard-toolbar,
  .A5eeNDuakn .ant-modal-root,
  .A5eeNDuakn .ant-alert,
  .A5eeNDuakn .fDOK-AfDxm,
  .A5eeNDuakn .frQtrcXuTo {
    display: none !important;
  }
  .A5eeNDuakn .lbBuzqvWqo {
    display: none !important;
  }
}
.dDrTnsZ6AQ .iLfGfs6rZk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.dDrTnsZ6AQ .iLfGfs6rZk .\+ca16AIkoq {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dDrTnsZ6AQ .giGgq9InMy {
  position: absolute;
  top: 45px;
  left: -16px;
}
.dDrTnsZ6AQ .giGgq9InMy svg {
  width: 52px;
  height: 32px;
}
.dDrTnsZ6AQ .giGgq9InMy span {
  position: absolute;
  left: 8px;
  font-size: 10px;
  color: white;
  top: 3px;
}
.dDrTnsZ6AQ .oWoZLn9PlQ {
  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;
}
.dDrTnsZ6AQ .xpkWkuCeOm {
  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;
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  width: 80%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.dDrTnsZ6AQ .xpkWkuCeOm:hover {
  opacity: 1;
}
.dDrTnsZ6AQ .xpkWkuCeOm > svg {
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.dDrTnsZ6AQ .A-YFic5Vz4 {
  cursor: pointer;
}
.dDrTnsZ6AQ .ant-card-head {
  padding-left: 0;
  min-height: 0;
  height: 41px;
  background-color: #fafafa;
}
.dDrTnsZ6AQ .ant-card-head-wrapper {
  height: 100%;
}
.dDrTnsZ6AQ .ant-card-head-title {
  padding: 0;
}
.dDrTnsZ6AQ .ant-card-extra {
  padding: 0;
}
.dDrTnsZ6AQ .ant-statistic-content {
  font-size: 14px;
}
.dDrTnsZ6AQ .ant-statistic-title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.45);
}
.dDrTnsZ6AQ .ant-card-head-title {
  overflow: inherit;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Fz33e6fq7x {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.YQzsPBDorM {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.gbDFDS7X3e {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.gbDFDS7X3e > i,
.gbDFDS7X3e > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vGZHEfDDuI {
  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;
}
.nC9rwFwwDd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.\+YReGQ3V6l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.yqU09PZNW1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.N24CPQRM1s {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.OgWBdNmbmI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.KbCPl3KmB9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.KbCPl3KmB9 .FXQ4BLVJNA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.KbCPl3KmB9 .FXQ4BLVJNA > span {
  color: rgba(0, 0, 0, 0.65);
}
.ucNIbyjl5N {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ucNIbyjl5N .d1ifn352Ot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ucNIbyjl5N .d1ifn352Ot > span {
  font-size: 8px;
}
.vugIBoADAL .ant-popover-inner-content {
  padding: 0;
}
.vugIBoADAL .ant-popover-arrow {
  border-color: #475365 !important;
}
.vugIBoADAL .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.g413cALBnu {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.WH2tZ\+p1jD {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.WH2tZ\+p1jD .C5AZ2E2ePF {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.Vxe3D8BPqH {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.RkTZGvACAU {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .RkTZGvACAU {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._4y8ihUbMRu {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .MF1HQPokeu {
    /* This is the key */
  }
  .MF1HQPokeu html,
  .MF1HQPokeu body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .MF1HQPokeu body,
  .MF1HQPokeu div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .MF1HQPokeu textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .MF1HQPokeu table,
  .MF1HQPokeu tr,
  .MF1HQPokeu td {
    page-break-inside: avoid;
  }
  .MF1HQPokeu div {
    page-break-inside: avoid;
  }
  .MF1HQPokeu thead {
    display: table-header-group;
  }
  .MF1HQPokeu tfoot {
    display: table-footer-group;
  }
  .MF1HQPokeu * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .MF1HQPokeu .kEakrMazyN,
  .MF1HQPokeu .no-print,
  .MF1HQPokeu .react-resizable-handle,
  .MF1HQPokeu .fc-whiteboard-toolbar,
  .MF1HQPokeu .ant-modal-root,
  .MF1HQPokeu .ant-alert,
  .MF1HQPokeu .QOhz1KykIo,
  .MF1HQPokeu ._5XKh8Zdmyr {
    display: none !important;
  }
  .MF1HQPokeu .UQDcxvcRDA {
    display: none !important;
  }
}
.ZohWrwyYBM {
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ZohWrwyYBM > div {
  margin-bottom: 12px;
}
.FneaSos1QS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.FneaSos1QS > div:nth-child(1) {
  width: 100px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.FHOgFUm3r0 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ravI3-Fnd0 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._8j5kxldhxT {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._8j5kxldhxT > i,
._8j5kxldhxT > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rt2q9tEZJF {
  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;
}
.OL8Rz8Yt36 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.\+F-XgculQ7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.z1DxSSbXtZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.C91z7B8Bk2 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dxhghaYy\+w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._1bRM1FOFWF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._1bRM1FOFWF .eTO3Xaa2gp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._1bRM1FOFWF .eTO3Xaa2gp > span {
  color: rgba(0, 0, 0, 0.65);
}
.o3GaYPCB7\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.o3GaYPCB7\+ .ECrxawqVDz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.o3GaYPCB7\+ .ECrxawqVDz > span {
  font-size: 8px;
}
.b8WHRmZ83A .ant-popover-inner-content {
  padding: 0;
}
.b8WHRmZ83A .ant-popover-arrow {
  border-color: #475365 !important;
}
.b8WHRmZ83A .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.SpszY2jhWH {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
._4YO-S288Mj {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
._4YO-S288Mj .qEzkoPBqta {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.qd3M3iZkOF {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.wRQreb2Bt9 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .wRQreb2Bt9 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._2i6d-CY7D6 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._6fRa2HtLX8 {
    /* This is the key */
  }
  ._6fRa2HtLX8 html,
  ._6fRa2HtLX8 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._6fRa2HtLX8 body,
  ._6fRa2HtLX8 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._6fRa2HtLX8 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._6fRa2HtLX8 table,
  ._6fRa2HtLX8 tr,
  ._6fRa2HtLX8 td {
    page-break-inside: avoid;
  }
  ._6fRa2HtLX8 div {
    page-break-inside: avoid;
  }
  ._6fRa2HtLX8 thead {
    display: table-header-group;
  }
  ._6fRa2HtLX8 tfoot {
    display: table-footer-group;
  }
  ._6fRa2HtLX8 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._6fRa2HtLX8 ._2\+szFgllYh,
  ._6fRa2HtLX8 .no-print,
  ._6fRa2HtLX8 .react-resizable-handle,
  ._6fRa2HtLX8 .fc-whiteboard-toolbar,
  ._6fRa2HtLX8 .ant-modal-root,
  ._6fRa2HtLX8 .ant-alert,
  ._6fRa2HtLX8 ._10KX4HeueI,
  ._6fRa2HtLX8 .cdhFZoPm8i {
    display: none !important;
  }
  ._6fRa2HtLX8 .NUGMde4Wfc {
    display: none !important;
  }
}
._8u8gGOcnWo {
  overflow: hidden !important;
}
._8u8gGOcnWo {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 110px);
}
._8u8gGOcnWo .g4sAnFBe2v {
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._8u8gGOcnWo .ant-tabs {
  width: 100%;
  height: calc(100% - 70px);
}
._8u8gGOcnWo .ant-tabs .ant-tabs-nav {
  height: 50px;
  background: white;
  padding-left: 24px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
          box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}
._8u8gGOcnWo .ant-tabs .ant-tabs-content {
  height: 100%;
}
._8u8gGOcnWo .ant-tabs .ant-tabs-tabpane {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
  border-radius: 4px;
  overflow: auto;
  height: calc(100vh - 240px);
}
._8u8gGOcnWo .ant-tabs .ant-tabs-tab-btn {
  padding: 12px 16px;
}
.gTYPGMI9E2 .yR7YPJGqOD {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._1y1Dy7Xiil {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
._0vwtCOT0g- {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.ogK46GxfFN {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ogK46GxfFN > i,
.ogK46GxfFN > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._1ZZKRMOFT7 {
  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;
}
.GygOQWnGau {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.DWSHC14ikr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ei1t3IDxQ1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.DaZtybGTFx {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NQN0-o0vGu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Ib6RCjNEqo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Ib6RCjNEqo .UpFGXGFLX5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Ib6RCjNEqo .UpFGXGFLX5 > span {
  color: rgba(0, 0, 0, 0.65);
}
.zSCY7tCQfC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zSCY7tCQfC ._0eEoDt5V3w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.zSCY7tCQfC ._0eEoDt5V3w > span {
  font-size: 8px;
}
._2qHrT82tzT .ant-popover-inner-content {
  padding: 0;
}
._2qHrT82tzT .ant-popover-arrow {
  border-color: #475365 !important;
}
._2qHrT82tzT .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.lVfK2466om {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Ld4nsqwgyY {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Ld4nsqwgyY ._7-rVtchloz {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.LXGAEJpUyj {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.P04y9hysUc {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .P04y9hysUc {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.lI-3CuLDQx {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  ._1cngofmhqs {
    /* This is the key */
  }
  ._1cngofmhqs html,
  ._1cngofmhqs body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  ._1cngofmhqs body,
  ._1cngofmhqs div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  ._1cngofmhqs textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  ._1cngofmhqs table,
  ._1cngofmhqs tr,
  ._1cngofmhqs td {
    page-break-inside: avoid;
  }
  ._1cngofmhqs div {
    page-break-inside: avoid;
  }
  ._1cngofmhqs thead {
    display: table-header-group;
  }
  ._1cngofmhqs tfoot {
    display: table-footer-group;
  }
  ._1cngofmhqs * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  ._1cngofmhqs .uaK2nNumz8,
  ._1cngofmhqs .no-print,
  ._1cngofmhqs .react-resizable-handle,
  ._1cngofmhqs .fc-whiteboard-toolbar,
  ._1cngofmhqs .ant-modal-root,
  ._1cngofmhqs .ant-alert,
  ._1cngofmhqs ._3CqmqLCkSV,
  ._1cngofmhqs .xhRznjX0GF {
    display: none !important;
  }
  ._1cngofmhqs .XQbhqmjTNK {
    display: none !important;
  }
}
.kXooazE-x1 {
  height: 100%;
}
.kXooazE-x1 .VnjDgwHeLc {
  margin-bottom: 16px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._9AwVhwbMFQ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ExiQ5WJKC5 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.aM9rGUZw5N {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.aM9rGUZw5N > i,
.aM9rGUZw5N > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Z2i74PsdpW {
  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;
}
.vnXTC81TXt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.h15D6s6U5s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ZjYwIbdQkV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
._5sN3umSG3B {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mfAl-2-TDS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.eD1Sk0xJh1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.eD1Sk0xJh1 .BDSpC5P8\+4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.eD1Sk0xJh1 .BDSpC5P8\+4 > span {
  color: rgba(0, 0, 0, 0.65);
}
.w9jEl48IWQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.w9jEl48IWQ .R3Uxmz\+QuS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.w9jEl48IWQ .R3Uxmz\+QuS > span {
  font-size: 8px;
}
.XcFwtWKGPr .ant-popover-inner-content {
  padding: 0;
}
.XcFwtWKGPr .ant-popover-arrow {
  border-color: #475365 !important;
}
.XcFwtWKGPr .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.dRy4MXGjbC {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.JTTJVksM04 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.JTTJVksM04 .Eyz9sChCUx {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.gJXMBJzJ64 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.NorD17qwkG {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .NorD17qwkG {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.x0vDEANuq6 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .BQGeHLSMCg {
    /* This is the key */
  }
  .BQGeHLSMCg html,
  .BQGeHLSMCg body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .BQGeHLSMCg body,
  .BQGeHLSMCg div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .BQGeHLSMCg textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .BQGeHLSMCg table,
  .BQGeHLSMCg tr,
  .BQGeHLSMCg td {
    page-break-inside: avoid;
  }
  .BQGeHLSMCg div {
    page-break-inside: avoid;
  }
  .BQGeHLSMCg thead {
    display: table-header-group;
  }
  .BQGeHLSMCg tfoot {
    display: table-footer-group;
  }
  .BQGeHLSMCg * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .BQGeHLSMCg .BljdZo3aEu,
  .BQGeHLSMCg .no-print,
  .BQGeHLSMCg .react-resizable-handle,
  .BQGeHLSMCg .fc-whiteboard-toolbar,
  .BQGeHLSMCg .ant-modal-root,
  .BQGeHLSMCg .ant-alert,
  .BQGeHLSMCg .X648Trczzf,
  .BQGeHLSMCg .V\+qyemOV-A {
    display: none !important;
  }
  .BQGeHLSMCg .nYRKXeWqlg {
    display: none !important;
  }
}
.RcLm49erdA {
  padding: 16px;
  padding-top: 0;
}
.tbj0\+HAoVz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 160px;
}
.tbj0\+HAoVz .guLWrViqhn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  opacity: 0;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
.tbj0\+HAoVz:hover .guLWrViqhn {
  opacity: 1;
}
.CY-FwOLAPi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.naBAEI\+3M0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 220px;
  padding: 0 8px;
  margin-bottom: 12px;
}
.anticon {
  margin: 0 4px;
}
.ant-tag {
  cursor: pointer;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.b5\+T7MFCVq {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.oiq50-Z0sg {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.wqKNUeudco {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wqKNUeudco > i,
.wqKNUeudco > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.AV7M2PvaZJ {
  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;
}
.FtAunIti7X {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ad4G3jCvzj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._8mi5PnKvtt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ZZZwEboHBX {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Uf8yGrEuXc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.e8-WUNWw3t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.e8-WUNWw3t .blUMjWskx1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.e8-WUNWw3t .blUMjWskx1 > span {
  color: rgba(0, 0, 0, 0.65);
}
.AqpyG72SWY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.AqpyG72SWY .SguyqXpOe6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.AqpyG72SWY .SguyqXpOe6 > span {
  font-size: 8px;
}
.HbBbrGhN0y .ant-popover-inner-content {
  padding: 0;
}
.HbBbrGhN0y .ant-popover-arrow {
  border-color: #475365 !important;
}
.HbBbrGhN0y .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.v7BF6yrPPX {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.BJao2DCVuw {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.BJao2DCVuw ._6g5dArH2-n {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.iwej14GWCH {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.dlJy5mO3Dt {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .dlJy5mO3Dt {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.C1iznuk4cB {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .UQdJSo3Myh {
    /* This is the key */
  }
  .UQdJSo3Myh html,
  .UQdJSo3Myh body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .UQdJSo3Myh body,
  .UQdJSo3Myh div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .UQdJSo3Myh textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .UQdJSo3Myh table,
  .UQdJSo3Myh tr,
  .UQdJSo3Myh td {
    page-break-inside: avoid;
  }
  .UQdJSo3Myh div {
    page-break-inside: avoid;
  }
  .UQdJSo3Myh thead {
    display: table-header-group;
  }
  .UQdJSo3Myh tfoot {
    display: table-footer-group;
  }
  .UQdJSo3Myh * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .UQdJSo3Myh .LxnF8SgE-u,
  .UQdJSo3Myh .no-print,
  .UQdJSo3Myh .react-resizable-handle,
  .UQdJSo3Myh .fc-whiteboard-toolbar,
  .UQdJSo3Myh .ant-modal-root,
  .UQdJSo3Myh .ant-alert,
  .UQdJSo3Myh .y8aq4OBSVS,
  .UQdJSo3Myh .z0Vbk73Ef6 {
    display: none !important;
  }
  .UQdJSo3Myh .OuZQ\+xLMME {
    display: none !important;
  }
}
.-HDrdqOlXR .ant-row {
  margin-bottom: 16px;
  width: 100%;
}
.-HDrdqOlXR .ant-radio-group-solid {
  width: 650px;
}
.nCKgdNbNVm {
  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;
}
.F20OC5aG11 > div:first-child > div:last-child > div {
  padding: 0;
}

._4WhWC5xeb8 .DxZOnQHezH {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.75);
}
._4WhWC5xeb8 .nlXH2PmTPK {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
}
._4WhWC5xeb8 .YF5k-HrogW {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.iBUlzNssDo {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.FJAC0YGSO3 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.GHOs94vUvK {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.GHOs94vUvK > i,
.GHOs94vUvK > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._5hV1eTvqrm {
  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;
}
.D2aDL1OZg1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.GEewgGTphZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.JrUW5rfjZE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.sSZIjn7wKf {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.OPU3ECD3ea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._96gCTiqR9i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._96gCTiqR9i .EWENaw5rJu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._96gCTiqR9i .EWENaw5rJu > span {
  color: rgba(0, 0, 0, 0.65);
}
.LIq-IyCxm4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.LIq-IyCxm4 .PYlYYyO-LQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.LIq-IyCxm4 .PYlYYyO-LQ > span {
  font-size: 8px;
}
._0JRzZzzF-2 .ant-popover-inner-content {
  padding: 0;
}
._0JRzZzzF-2 .ant-popover-arrow {
  border-color: #475365 !important;
}
._0JRzZzzF-2 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.\+qbL0LwAQY {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.wnxdFhGMLz {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.wnxdFhGMLz ._9fhsyoF29L {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.it0zigEKQW {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.qYEK6JV-4t {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .qYEK6JV-4t {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.HDVVciw2ME {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .iQ-xAdFSei {
    /* This is the key */
  }
  .iQ-xAdFSei html,
  .iQ-xAdFSei body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .iQ-xAdFSei body,
  .iQ-xAdFSei div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .iQ-xAdFSei textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .iQ-xAdFSei table,
  .iQ-xAdFSei tr,
  .iQ-xAdFSei td {
    page-break-inside: avoid;
  }
  .iQ-xAdFSei div {
    page-break-inside: avoid;
  }
  .iQ-xAdFSei thead {
    display: table-header-group;
  }
  .iQ-xAdFSei tfoot {
    display: table-footer-group;
  }
  .iQ-xAdFSei * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .iQ-xAdFSei .sZXa80pOMg,
  .iQ-xAdFSei .no-print,
  .iQ-xAdFSei .react-resizable-handle,
  .iQ-xAdFSei .fc-whiteboard-toolbar,
  .iQ-xAdFSei .ant-modal-root,
  .iQ-xAdFSei .ant-alert,
  .iQ-xAdFSei .QV14nkx\+j6,
  .iQ-xAdFSei .BVZscPVAKP {
    display: none !important;
  }
  .iQ-xAdFSei .oZsOW0EGrD {
    display: none !important;
  }
}
.TJunSJ4q3z {
  padding: 16px;
  padding-top: 0;
  background-color: #fff;
  height: auto;
}
.NjmJJNPGkO {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.PDewtHqC71 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.GQ0quTmWQY {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.I\+mGE9Th8G {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.I\+mGE9Th8G > i,
.I\+mGE9Th8G > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.JLnh5ZsTwA {
  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;
}
.h\+vqTPvfbw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.V35pk05hwn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.MtOU47jB82 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.av5awGdeS3 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Iwnm3-ButI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.RCmy4DCCUy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.RCmy4DCCUy .e4vlCBpBD1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.RCmy4DCCUy .e4vlCBpBD1 > span {
  color: rgba(0, 0, 0, 0.65);
}
.PgFD64-Bas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.PgFD64-Bas ._25gT8mJZPf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.PgFD64-Bas ._25gT8mJZPf > span {
  font-size: 8px;
}
.tlAaW6E9JC .ant-popover-inner-content {
  padding: 0;
}
.tlAaW6E9JC .ant-popover-arrow {
  border-color: #475365 !important;
}
.tlAaW6E9JC .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.QGowJ88j0w {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.LXFhyK7j9q {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.LXFhyK7j9q .RSyvZ-7x89 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.MfVeuOkvCk {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.V5NjKJK4a9 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .V5NjKJK4a9 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.-roOBrpz7j {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .BE6t6wnKHn {
    /* This is the key */
  }
  .BE6t6wnKHn html,
  .BE6t6wnKHn body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .BE6t6wnKHn body,
  .BE6t6wnKHn div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .BE6t6wnKHn textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .BE6t6wnKHn table,
  .BE6t6wnKHn tr,
  .BE6t6wnKHn td {
    page-break-inside: avoid;
  }
  .BE6t6wnKHn div {
    page-break-inside: avoid;
  }
  .BE6t6wnKHn thead {
    display: table-header-group;
  }
  .BE6t6wnKHn tfoot {
    display: table-footer-group;
  }
  .BE6t6wnKHn * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .BE6t6wnKHn ._6Fz6nqfYmU,
  .BE6t6wnKHn .no-print,
  .BE6t6wnKHn .react-resizable-handle,
  .BE6t6wnKHn .fc-whiteboard-toolbar,
  .BE6t6wnKHn .ant-modal-root,
  .BE6t6wnKHn .ant-alert,
  .BE6t6wnKHn .Z6iLU0iuXX,
  .BE6t6wnKHn .GMuHyVZfVM {
    display: none !important;
  }
  .BE6t6wnKHn .s1aslN3clN {
    display: none !important;
  }
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.iDrmzD5dM9 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.K\+0-i\+VTqV {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.cv\+Huv5G2n {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cv\+Huv5G2n > i,
.cv\+Huv5G2n > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.jb6BJDTjw1 {
  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;
}
.rF01I8lYDq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._2HDn60XNN5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Go59o2VUaF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.s4rfTfUAdb {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.-JnoaeCAzN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._72rnwAwer3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._72rnwAwer3 .mprgvoJZo\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._72rnwAwer3 .mprgvoJZo\+ > span {
  color: rgba(0, 0, 0, 0.65);
}
._6A3Bbp2qbz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._6A3Bbp2qbz .aZPKnN\+MtU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._6A3Bbp2qbz .aZPKnN\+MtU > span {
  font-size: 8px;
}
.F2yBUuyHWF .ant-popover-inner-content {
  padding: 0;
}
.F2yBUuyHWF .ant-popover-arrow {
  border-color: #475365 !important;
}
.F2yBUuyHWF .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.bBrbt9fATm {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.DKFUjtZAG\+ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.DKFUjtZAG\+ .Pj8eVIfrRi {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.WuQlQwp\+HC {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Pkn0ZqU8lx {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Pkn0ZqU8lx {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.qQUH4NSmma {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .SXVkfZUeiL {
    /* This is the key */
  }
  .SXVkfZUeiL html,
  .SXVkfZUeiL body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .SXVkfZUeiL body,
  .SXVkfZUeiL div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .SXVkfZUeiL textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .SXVkfZUeiL table,
  .SXVkfZUeiL tr,
  .SXVkfZUeiL td {
    page-break-inside: avoid;
  }
  .SXVkfZUeiL div {
    page-break-inside: avoid;
  }
  .SXVkfZUeiL thead {
    display: table-header-group;
  }
  .SXVkfZUeiL tfoot {
    display: table-footer-group;
  }
  .SXVkfZUeiL * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .SXVkfZUeiL ._7uOgwkjMMN,
  .SXVkfZUeiL .no-print,
  .SXVkfZUeiL .react-resizable-handle,
  .SXVkfZUeiL .fc-whiteboard-toolbar,
  .SXVkfZUeiL .ant-modal-root,
  .SXVkfZUeiL .ant-alert,
  .SXVkfZUeiL ._98Mc6zV3Ub,
  .SXVkfZUeiL .jPM0NGFW8l {
    display: none !important;
  }
  .SXVkfZUeiL .uEATC0sXxJ {
    display: none !important;
  }
}
.kbG97dTBnO {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  padding: 12px;
  padding-top: 0;
  position: relative;
}
.ant-tabs-content {
  height: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.GWQZ51Vnyz {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.KZXesjX8GG {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.yF7KZRQUFJ {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.yF7KZRQUFJ > i,
.yF7KZRQUFJ > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.NA6UxvHGUU {
  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;
}
._8TbRcoE\+Ks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.z6ba20ooRw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._97M\+MQl0oi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.maBrxaAc7G {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.jRb\+KoBkhQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._8zPKbKZ-Tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
._8zPKbKZ-Tx ._62WWxT9JiI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
._8zPKbKZ-Tx ._62WWxT9JiI > span {
  color: rgba(0, 0, 0, 0.65);
}
.dcBGBxix2K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.dcBGBxix2K ._1obb2sfNBW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dcBGBxix2K ._1obb2sfNBW > span {
  font-size: 8px;
}
.XvDz44tedk .ant-popover-inner-content {
  padding: 0;
}
.XvDz44tedk .ant-popover-arrow {
  border-color: #475365 !important;
}
.XvDz44tedk .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.-IkKiLVdPw {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.vp9BvMqkvq {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.vp9BvMqkvq ._6pDSNq2uhj {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.tSi6o5Bei5 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Vb9a5SviYc {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Vb9a5SviYc {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._6khjctUIah {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .iIlXbtrYcd {
    /* This is the key */
  }
  .iIlXbtrYcd html,
  .iIlXbtrYcd body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .iIlXbtrYcd body,
  .iIlXbtrYcd div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .iIlXbtrYcd textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .iIlXbtrYcd table,
  .iIlXbtrYcd tr,
  .iIlXbtrYcd td {
    page-break-inside: avoid;
  }
  .iIlXbtrYcd div {
    page-break-inside: avoid;
  }
  .iIlXbtrYcd thead {
    display: table-header-group;
  }
  .iIlXbtrYcd tfoot {
    display: table-footer-group;
  }
  .iIlXbtrYcd * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .iIlXbtrYcd .uSy9kb70lb,
  .iIlXbtrYcd .no-print,
  .iIlXbtrYcd .react-resizable-handle,
  .iIlXbtrYcd .fc-whiteboard-toolbar,
  .iIlXbtrYcd .ant-modal-root,
  .iIlXbtrYcd .ant-alert,
  .iIlXbtrYcd .AbIJZPaCef,
  .iIlXbtrYcd .wCVUyArHt3 {
    display: none !important;
  }
  .iIlXbtrYcd .HUcYNDmxNA {
    display: none !important;
  }
}
.MqmDlCq77T {
  width: 100%;
  height: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.ile0QfQ2UV {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Luq\+cuPr21 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.X2RUQ3G2iw {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.X2RUQ3G2iw > i,
.X2RUQ3G2iw > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.po3HCMWErj {
  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;
}
.fxeuLMZ8W2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.V2HTetfAkq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._0a6oWLrRA9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.dUx8i6LaXN {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.I\+bGax7mDR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.aUkwiijxG0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.aUkwiijxG0 .M9bF-ydw\+G {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.aUkwiijxG0 .M9bF-ydw\+G > span {
  color: rgba(0, 0, 0, 0.65);
}
.faKMSVMsxW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.faKMSVMsxW .YQ-O5mck0O {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.faKMSVMsxW .YQ-O5mck0O > span {
  font-size: 8px;
}
.su-dv7nlp8 .ant-popover-inner-content {
  padding: 0;
}
.su-dv7nlp8 .ant-popover-arrow {
  border-color: #475365 !important;
}
.su-dv7nlp8 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.SlcCWGqp8A {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.xa56jjIcCh {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.xa56jjIcCh .kiNzY7ALA\+ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.kFwP7mxF9\+ {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.iJAAlDn9Lo {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .iJAAlDn9Lo {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.kRmgP5fX8W {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .c42MWWkK9x {
    /* This is the key */
  }
  .c42MWWkK9x html,
  .c42MWWkK9x body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .c42MWWkK9x body,
  .c42MWWkK9x div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .c42MWWkK9x textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .c42MWWkK9x table,
  .c42MWWkK9x tr,
  .c42MWWkK9x td {
    page-break-inside: avoid;
  }
  .c42MWWkK9x div {
    page-break-inside: avoid;
  }
  .c42MWWkK9x thead {
    display: table-header-group;
  }
  .c42MWWkK9x tfoot {
    display: table-footer-group;
  }
  .c42MWWkK9x * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .c42MWWkK9x .MQqEXh6hIL,
  .c42MWWkK9x .no-print,
  .c42MWWkK9x .react-resizable-handle,
  .c42MWWkK9x .fc-whiteboard-toolbar,
  .c42MWWkK9x .ant-modal-root,
  .c42MWWkK9x .ant-alert,
  .c42MWWkK9x .Ac7W6vGmtv,
  .c42MWWkK9x .\+6OACssdY1 {
    display: none !important;
  }
  .c42MWWkK9x .eTRiliQPkW {
    display: none !important;
  }
}
.WbddsMA6q4 {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 24px;
}
.WbddsMA6q4 .lt6EmW61YU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.WbddsMA6q4 .lt6EmW61YU > span:first-child {
  margin-right: 16px;
}
.WbddsMA6q4 .QclfqXYJnM {
  overflow: hidden;
  height: calc(100% - 60px);
}
.WbddsMA6q4 .anticon {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-tabs-dropdown-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-tabs-dropdown-menu-item .ant-tabs-dropdown-menu-item-remove {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 12px;
  color: rgba(0,0,0,0.45098);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.cdL49zw5Qj {
  width: 100%;
}
.ovDOHTaI18 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.HJe1V1kdwy {
  width: 100%;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.DtHu2mloJs {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.i4S1KWrnoQ {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.sm7VOPsMit {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sm7VOPsMit > i,
.sm7VOPsMit > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sQALl9gYR9 {
  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;
}
.P5j\+Y88p4n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.usOQmRuGLY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Xksmhwudyc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.sb4QCCEY6Q {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
._3DABIZh1fh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.WzTfCjMFvF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.WzTfCjMFvF .sh\+0IMHdH- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.WzTfCjMFvF .sh\+0IMHdH- > span {
  color: rgba(0, 0, 0, 0.65);
}
.SWn81miwg\+ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.SWn81miwg\+ .v0cB0phfBa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.SWn81miwg\+ .v0cB0phfBa > span {
  font-size: 8px;
}
.f3z1\+cndQF .ant-popover-inner-content {
  padding: 0;
}
.f3z1\+cndQF .ant-popover-arrow {
  border-color: #475365 !important;
}
.f3z1\+cndQF .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.JUIJFW-bIQ {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Q8D4tpjW52 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Q8D4tpjW52 .Bi7J7VKxAo {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.eNEMigSsYj {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Z2ySZbZocA {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Z2ySZbZocA {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.NCirJXB7Kg {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .Nu1mZqB4QB {
    /* This is the key */
  }
  .Nu1mZqB4QB html,
  .Nu1mZqB4QB body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .Nu1mZqB4QB body,
  .Nu1mZqB4QB div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .Nu1mZqB4QB textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .Nu1mZqB4QB table,
  .Nu1mZqB4QB tr,
  .Nu1mZqB4QB td {
    page-break-inside: avoid;
  }
  .Nu1mZqB4QB div {
    page-break-inside: avoid;
  }
  .Nu1mZqB4QB thead {
    display: table-header-group;
  }
  .Nu1mZqB4QB tfoot {
    display: table-footer-group;
  }
  .Nu1mZqB4QB * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .Nu1mZqB4QB .y1mbi1t3DP,
  .Nu1mZqB4QB .no-print,
  .Nu1mZqB4QB .react-resizable-handle,
  .Nu1mZqB4QB .fc-whiteboard-toolbar,
  .Nu1mZqB4QB .ant-modal-root,
  .Nu1mZqB4QB .ant-alert,
  .Nu1mZqB4QB .nW\+gV2v3IO,
  .Nu1mZqB4QB .fXG4REJzRP {
    display: none !important;
  }
  .Nu1mZqB4QB ._9rrNTRyZg7 {
    display: none !important;
  }
}
.b3JpzeYqMg {
  background-color: #fff;
}
.b3JpzeYqMg .Is9iWaYzNJ {
  min-width: 100px;
}
.b3JpzeYqMg .Is9iWaYzNJ button {
  padding: 0;
}
.b3JpzeYqMg .Is9iWaYzNJ button:not(:last-child) {
  margin-right: 4px;
}
._7GFgKzPApq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
._7GFgKzPApq .B4yc4K-h49 {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.KszSa45tsO .Is9iWaYzNJ {
  width: 100%;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.QzAUXOzyCa .ant-modal-body {
  max-height: 70vh;
  overflow: auto;
  padding: 0 8px;
}
.QzAUXOzyCa .tauFavkeBL .ant-form-item-explain,
.QzAUXOzyCa .tauFavkeBL .ant-form-item-explain-error {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.odTkpSj0C4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Kf73RTrWaU {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
._0kDgQ95oHv {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._0kDgQ95oHv > i,
._0kDgQ95oHv > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gF\+ptxlhFi {
  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;
}
.a8wuEG4rfQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._3nUA1EkQP1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._7NvfVuQ56m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.tHdgfQEm1d {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hOSb-dgZ1b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.NU371Lo9gV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.NU371Lo9gV .EWoWIbCCCp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.NU371Lo9gV .EWoWIbCCCp > span {
  color: rgba(0, 0, 0, 0.65);
}
.CNajEcJVqw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.CNajEcJVqw .Z\+6YAx7KcR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.CNajEcJVqw .Z\+6YAx7KcR > span {
  font-size: 8px;
}
.KtwTvs3bZT .ant-popover-inner-content {
  padding: 0;
}
.KtwTvs3bZT .ant-popover-arrow {
  border-color: #475365 !important;
}
.KtwTvs3bZT .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.CJPhhES3BT {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.D3qKavjze- {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.D3qKavjze- .vMlmazp50j {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
._8NejgOU6fo {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.-nspmgoQOB {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .-nspmgoQOB {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.IwogumqgtO {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .pws570WyQB {
    /* This is the key */
  }
  .pws570WyQB html,
  .pws570WyQB body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .pws570WyQB body,
  .pws570WyQB div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .pws570WyQB textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .pws570WyQB table,
  .pws570WyQB tr,
  .pws570WyQB td {
    page-break-inside: avoid;
  }
  .pws570WyQB div {
    page-break-inside: avoid;
  }
  .pws570WyQB thead {
    display: table-header-group;
  }
  .pws570WyQB tfoot {
    display: table-footer-group;
  }
  .pws570WyQB * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pws570WyQB ._253-tnLMh4,
  .pws570WyQB .no-print,
  .pws570WyQB .react-resizable-handle,
  .pws570WyQB .fc-whiteboard-toolbar,
  .pws570WyQB .ant-modal-root,
  .pws570WyQB .ant-alert,
  .pws570WyQB .YSf6\+H7Tk6,
  .pws570WyQB .w-HxN44Gvc {
    display: none !important;
  }
  .pws570WyQB .s4wtVDN44F {
    display: none !important;
  }
}
.IaKm9MrRoJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
}
.pHQjgBAGXg {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  max-height: 400px;
  overflow: auto;
}
.pHQjgBAGXg > span:not(:last-child) {
  margin-bottom: 8px;
}

.bWssXXSM2q {
  width: 800px;
}
.bWssXXSM2q .XKlGiRaKpU {
  text-align: center;
  margin: 20px 0;
}
.bWssXXSM2q ._7H7QvJxK8c {
  margin-bottom: 16px;
  color: rgba(0, 0, 0, 0.45);
}
.bWssXXSM2q .zYnLgfeS1y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.bWssXXSM2q .foJnDU3g\+J {
  margin: 16px 0;
}
.bWssXXSM2q .O40d2-A04a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.bWssXXSM2q .XBJitmCPHD {
  margin-top: 20px;
}
.bWssXXSM2q .GeTxZ2HcQL {
  margin-top: 16px;
}
.bWssXXSM2q .sUEsHi5g9V {
  display: inline-block;
  width: calc(25% - 8px);
  margin-right: 8px;
}
.bWssXXSM2q .sUEsHi5g9V:last-child {
  margin-right: 0;
}
.bWssXXSM2q .eUvIrdaVUc {
  display: inline-block;
  width: calc(33% - 8px);
  margin-right: 8px;
}
.bWssXXSM2q .eUvIrdaVUc:last-child {
  margin-right: 0;
  width: calc(33% - 0px);
}
.bWssXXSM2q .kHVYNVftlW {
  margin-top: 16px;
}
.bWssXXSM2q .Hjz\+S8B4w9 {
  border-top: 1px solid #f0f0f0;
  padding-top: 16px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.bWssXXSM2q .fpz65KJCkY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-top: 16px;
}
.bWssXXSM2q ._5lEUfALUYk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.yc\+\+LSbrlp {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.pftLqjoEse {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.WolyTxDNFY {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.WolyTxDNFY > i,
.WolyTxDNFY > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ypItHd9aO9 {
  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;
}
.P2eiNCFPvm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.EPEg\+4lXec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgZ\+1TidFV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.idm2jRvhD2 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gYP7Mh3E9o {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Mt2x36dQW4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Mt2x36dQW4 .n7bpjUnYt9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Mt2x36dQW4 .n7bpjUnYt9 > span {
  color: rgba(0, 0, 0, 0.65);
}
.G13lWpd5qo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.G13lWpd5qo ._4TFZ0TcMDd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.G13lWpd5qo ._4TFZ0TcMDd > span {
  font-size: 8px;
}
.y8xldxuIsm .ant-popover-inner-content {
  padding: 0;
}
.y8xldxuIsm .ant-popover-arrow {
  border-color: #475365 !important;
}
.y8xldxuIsm .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.A1pWKYQ7lh {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.tuHK7eJTLJ {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.tuHK7eJTLJ .P-VZCcSxbi {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.lhf5VKA\+7y {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.LSx6QBsTXO {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .LSx6QBsTXO {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.O7bfJX96Li {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .YbJ0M7NT-r {
    /* This is the key */
  }
  .YbJ0M7NT-r html,
  .YbJ0M7NT-r body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .YbJ0M7NT-r body,
  .YbJ0M7NT-r div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .YbJ0M7NT-r textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .YbJ0M7NT-r table,
  .YbJ0M7NT-r tr,
  .YbJ0M7NT-r td {
    page-break-inside: avoid;
  }
  .YbJ0M7NT-r div {
    page-break-inside: avoid;
  }
  .YbJ0M7NT-r thead {
    display: table-header-group;
  }
  .YbJ0M7NT-r tfoot {
    display: table-footer-group;
  }
  .YbJ0M7NT-r * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .YbJ0M7NT-r .O7y-gimYJg,
  .YbJ0M7NT-r .no-print,
  .YbJ0M7NT-r .react-resizable-handle,
  .YbJ0M7NT-r .fc-whiteboard-toolbar,
  .YbJ0M7NT-r .ant-modal-root,
  .YbJ0M7NT-r .ant-alert,
  .YbJ0M7NT-r ._0zCH4anha2,
  .YbJ0M7NT-r ._15PWnQ6HyV {
    display: none !important;
  }
  .YbJ0M7NT-r .hwJlBB3nuq {
    display: none !important;
  }
}
.XOyH4woOK4 .djDSc6FxQx {
  color: #0f0f0f;
  padding: 18px 10px;
  margin-bottom: 20px;
  background-color: #f8f8fb;
}
.XOyH4woOK4 .djDSc6FxQx > span:first-child {
  color: #595959;
}
.XOyH4woOK4 .nrQgKAjXJA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 16px;
  gap: 12px 16px;
}
.XOyH4woOK4 .RVMbJaiRM7 {
  display: grid;
  grid-template-columns: 120px 1fr;
  border: 1px solid #e1e1e1;
}
.XOyH4woOK4 .RVMbJaiRM7 .ATEsnvO7ks {
  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;
  padding: 24px 10px;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
  background-color: #f6f9fe;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC {
  display: grid;
  overflow: auto;
  grid-template-rows: 1fr;
  grid-gap: 12px 0;
  padding: 18px 15px;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu {
  display: grid;
  grid-gap: 0 8px;
  grid-template-columns: 110px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu ._9M-sQ0JJVp {
  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;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #595959;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu ._9M-sQ0JJVp::after {
  content: ':';
  position: relative;
  margin: 0 4px 0 2px;
  top: -1px;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu .DtvZUxkMpj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 8px;
  color: #4575ef;
  max-height: 74px;
  overflow: auto;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu .dKgzqmgOPP {
  color: #fff;
  width: 28px;
  text-align: center;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 12px;
  background-color: #fc7900;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu .bAuY3ADL1g {
  color: #fff;
  width: 28px;
  text-align: center;
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 12px;
  background-color: #fc7900;
  background-color: #4575ef;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu .w9esq32MWd {
  color: #0f0f0f;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu .fR8xzjD\+Ey {
  display: grid;
  grid-gap: 0 20px;
  color: #0f0f0f;
  grid-template-columns: 5fr 3fr;
}
.XOyH4woOK4 .RVMbJaiRM7 .zG6\+zDiBiC .H2\+sMXoLRu .fR8xzjD\+Ey > div:first-child {
  overflow: hidden;
}
.XOyH4woOK4 .RVMbJaiRM7:not(:last-child) {
  margin-bottom: 20px;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.Uua45W6DT9 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.W4wxQpqyN6 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.qox5OP3m96 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.qox5OP3m96 > i,
.qox5OP3m96 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kbuIK3x2tj {
  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;
}
._7sS4a5Q63r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.OjtSmQSm-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fOpSvkoFwy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.qaMqXErYUO {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b31dQ0WgsO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rFSblHKLxM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.rFSblHKLxM .Uz5qIxlzU1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.rFSblHKLxM .Uz5qIxlzU1 > span {
  color: rgba(0, 0, 0, 0.65);
}
.VDO19jeFR3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.VDO19jeFR3 .rreWEvh43A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.VDO19jeFR3 .rreWEvh43A > span {
  font-size: 8px;
}
.Fk8HJrca30 .ant-popover-inner-content {
  padding: 0;
}
.Fk8HJrca30 .ant-popover-arrow {
  border-color: #475365 !important;
}
.Fk8HJrca30 .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.x4DzzJYtxk {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.YNHCYTD6L- {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.YNHCYTD6L- .WUkV42AAF6 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.XFs5uRIhRy {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.tnvzSigVUW {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .tnvzSigVUW {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._4Z7p7jBVQP {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .hEfL7ha2FP {
    /* This is the key */
  }
  .hEfL7ha2FP html,
  .hEfL7ha2FP body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .hEfL7ha2FP body,
  .hEfL7ha2FP div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .hEfL7ha2FP textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .hEfL7ha2FP table,
  .hEfL7ha2FP tr,
  .hEfL7ha2FP td {
    page-break-inside: avoid;
  }
  .hEfL7ha2FP div {
    page-break-inside: avoid;
  }
  .hEfL7ha2FP thead {
    display: table-header-group;
  }
  .hEfL7ha2FP tfoot {
    display: table-footer-group;
  }
  .hEfL7ha2FP * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .hEfL7ha2FP .FuHTtWaWdN,
  .hEfL7ha2FP .no-print,
  .hEfL7ha2FP .react-resizable-handle,
  .hEfL7ha2FP .fc-whiteboard-toolbar,
  .hEfL7ha2FP .ant-modal-root,
  .hEfL7ha2FP .ant-alert,
  .hEfL7ha2FP .x\+sQohnI1q,
  .hEfL7ha2FP .DOwBmf6iK- {
    display: none !important;
  }
  .hEfL7ha2FP .N5K075zZVB {
    display: none !important;
  }
}
.UY8dnoZKDe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.UY8dnoZKDe ._420\+Qe4eJT {
  padding: 24px;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  min-width: 280px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.UY8dnoZKDe ._420\+Qe4eJT .uCsaK6SyHW {
  color: #595959;
}
.UY8dnoZKDe ._420\+Qe4eJT .uCsaK6SyHW > span:last-child {
  margin-left: 6px;
  font-weight: bold;
}
.UY8dnoZKDe ._420\+Qe4eJT .py1lresGuw {
  color: #595959;
}
.UY8dnoZKDe ._420\+Qe4eJT .py1lresGuw > span:last-child {
  margin-left: 6px;
  font-weight: bold;
}
.UY8dnoZKDe ._420\+Qe4eJT .py1lresGuw > span:last-child {
  color: #45b854;
}
.UY8dnoZKDe ._420\+Qe4eJT ._8jRSfs3lbR {
  color: #595959;
}
.UY8dnoZKDe ._420\+Qe4eJT ._8jRSfs3lbR > span:last-child {
  margin-left: 6px;
  font-weight: bold;
}
.UY8dnoZKDe ._420\+Qe4eJT ._8jRSfs3lbR > span:last-child {
  color: #fc7900;
}
.UY8dnoZKDe .MySVo4dJbb {
  padding: 24px;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  min-width: 280px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #1677ff;
  background-color: #e6f4ff;
  -webkit-box-shadow: 0 2px 0 rgba(5, 55, 155, 0.1);
          box-shadow: 0 2px 0 rgba(5, 55, 155, 0.1);
}
.UY8dnoZKDe .MySVo4dJbb .uCsaK6SyHW {
  color: #595959;
}
.UY8dnoZKDe .MySVo4dJbb .uCsaK6SyHW > span:last-child {
  margin-left: 6px;
  font-weight: bold;
}
.UY8dnoZKDe .MySVo4dJbb .py1lresGuw {
  color: #595959;
}
.UY8dnoZKDe .MySVo4dJbb .py1lresGuw > span:last-child {
  margin-left: 6px;
  font-weight: bold;
}
.UY8dnoZKDe .MySVo4dJbb .py1lresGuw > span:last-child {
  color: #45b854;
}
.UY8dnoZKDe .MySVo4dJbb ._8jRSfs3lbR {
  color: #595959;
}
.UY8dnoZKDe .MySVo4dJbb ._8jRSfs3lbR > span:last-child {
  margin-left: 6px;
  font-weight: bold;
}
.UY8dnoZKDe .MySVo4dJbb ._8jRSfs3lbR > span:last-child {
  color: #fc7900;
}
.UY8dnoZKDe .MySVo4dJbb .uCsaK6SyHW {
  color: #1677ff;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.PdIE83jJwN {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.VWZ9zokGM9 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.WGbLz35q1X {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.WGbLz35q1X > i,
.WGbLz35q1X > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.L5RxySTzic {
  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;
}
.AXpF6NSFYm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mJ34E\+qIPS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.XQ1GKWn8TR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.xWPGvx74mc {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Z9L0Aw8WvB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.HkHxXUmZLJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.HkHxXUmZLJ .GEuc3sTisG {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.HkHxXUmZLJ .GEuc3sTisG > span {
  color: rgba(0, 0, 0, 0.65);
}
.N1Ic7sAaSQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.N1Ic7sAaSQ .YQTw9HdNSw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.N1Ic7sAaSQ .YQTw9HdNSw > span {
  font-size: 8px;
}
.w6GvzHMYQX .ant-popover-inner-content {
  padding: 0;
}
.w6GvzHMYQX .ant-popover-arrow {
  border-color: #475365 !important;
}
.w6GvzHMYQX .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.h9duDH67R0 {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.K\+PAEu0PJ4 {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.K\+PAEu0PJ4 .rXKXyaYpY\+ {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.UDwgrW-oq5 {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.bU1O-CN5HY {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .bU1O-CN5HY {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
._78qqnlO7w3 {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .KP4jDKtZt5 {
    /* This is the key */
  }
  .KP4jDKtZt5 html,
  .KP4jDKtZt5 body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .KP4jDKtZt5 body,
  .KP4jDKtZt5 div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .KP4jDKtZt5 textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .KP4jDKtZt5 table,
  .KP4jDKtZt5 tr,
  .KP4jDKtZt5 td {
    page-break-inside: avoid;
  }
  .KP4jDKtZt5 div {
    page-break-inside: avoid;
  }
  .KP4jDKtZt5 thead {
    display: table-header-group;
  }
  .KP4jDKtZt5 tfoot {
    display: table-footer-group;
  }
  .KP4jDKtZt5 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .KP4jDKtZt5 .lCCkY8Nx1H,
  .KP4jDKtZt5 .no-print,
  .KP4jDKtZt5 .react-resizable-handle,
  .KP4jDKtZt5 .fc-whiteboard-toolbar,
  .KP4jDKtZt5 .ant-modal-root,
  .KP4jDKtZt5 .ant-alert,
  .KP4jDKtZt5 .R2l2WXF8NF,
  .KP4jDKtZt5 .-r7p3KMBF9 {
    display: none !important;
  }
  .KP4jDKtZt5 .EPrh2gCd-i {
    display: none !important;
  }
}
.CmeZHXjGtL {
  width: 100%;
  height: 100%;
}

.q2s7yqmj5Y {
  padding: 12px;
  background-color: #fff;
}
.q2s7yqmj5Y .XB450bI6hx .ant-radio-button-wrapper {
  border-width: 1px !important;
}
.q2s7yqmj5Y .XB450bI6hx .ant-radio-button-wrapper {
  margin: 0 8px 8px 0;
}
.q2s7yqmj5Y .XB450bI6hx:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid #ececec;
}
.q2s7yqmj5Y .EKEhHb\+y7F {
  position: relative;
  padding: 8px;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
}
.q2s7yqmj5Y .EKEhHb\+y7F:hover:before,
.q2s7yqmj5Y .EKEhHb\+y7F:hover ._26KdFDHtNg {
  opacity: 1;
}
.q2s7yqmj5Y .EKEhHb\+y7F:before {
  position: absolute;
  z-index: 1;
  top: 8px;
  bottom: 8px;
  left: 8px;
  right: 8px;
  background-color: rgba(0,0,0,0.50196);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: ' ';
}
.q2s7yqmj5Y .EKEhHb\+y7F ._26KdFDHtNg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  color: rgba(255,255,255,0.85098);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.q2s7yqmj5Y .EKEhHb\+y7F ._26KdFDHtNg > span {
  cursor: pointer;
}
.q2s7yqmj5Y .EKEhHb\+y7F ._26KdFDHtNg > span:first-child {
  margin-right: 12px;
}
.q2s7yqmj5Y .EKEhHb\+y7F ._26KdFDHtNg > span:hover {
  color: #fff;
}
.q2s7yqmj5Y .EKEhHb\+y7F > img {
  width: 88px;
  height: 88px;
}
.q2s7yqmj5Y > div:last-child {
  max-height: 250px;
  overflow: auto;
}
.q2s7yqmj5Y:not(:last-child) {
  margin-bottom: 24px;
}
.q2s7yqmj5Y .ant-upload.ant-upload-select-picture-card {
  margin: 0;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.eU1S41\+VdJ {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ghTQbh5EMf {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.o4izDJ4EIb {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.o4izDJ4EIb > i,
.o4izDJ4EIb > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.HuQAoGKzzj {
  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;
}
.Vn8Bu6YcoJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sqYOVLp5\+Y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.LzcPOf2sD2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.cKnJTvybT1 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.H4xojTNjgl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.P9x76Kicc6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.P9x76Kicc6 .ZSHPaMo-uC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.P9x76Kicc6 .ZSHPaMo-uC > span {
  color: rgba(0, 0, 0, 0.65);
}
.JW4F17tnAU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.JW4F17tnAU .sjMtTbmouJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.JW4F17tnAU .sjMtTbmouJ > span {
  font-size: 8px;
}
._6EAD936txg .ant-popover-inner-content {
  padding: 0;
}
._6EAD936txg .ant-popover-arrow {
  border-color: #475365 !important;
}
._6EAD936txg .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.qPDi2yAKUS {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.Subq8TsVcM {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.Subq8TsVcM .yNaKuMQJuu {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.fiWSF0prhW {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
._0yYaO1r2l1 {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  ._0yYaO1r2l1 {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.rH6jIG\+EOh {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .kun\+Zz4IdH {
    /* This is the key */
  }
  .kun\+Zz4IdH html,
  .kun\+Zz4IdH body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .kun\+Zz4IdH body,
  .kun\+Zz4IdH div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .kun\+Zz4IdH textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .kun\+Zz4IdH table,
  .kun\+Zz4IdH tr,
  .kun\+Zz4IdH td {
    page-break-inside: avoid;
  }
  .kun\+Zz4IdH div {
    page-break-inside: avoid;
  }
  .kun\+Zz4IdH thead {
    display: table-header-group;
  }
  .kun\+Zz4IdH tfoot {
    display: table-footer-group;
  }
  .kun\+Zz4IdH * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .kun\+Zz4IdH .a-yqchj0An,
  .kun\+Zz4IdH .no-print,
  .kun\+Zz4IdH .react-resizable-handle,
  .kun\+Zz4IdH .fc-whiteboard-toolbar,
  .kun\+Zz4IdH .ant-modal-root,
  .kun\+Zz4IdH .ant-alert,
  .kun\+Zz4IdH .xK-bCwnpQF,
  .kun\+Zz4IdH .YH8RaMP\+fV {
    display: none !important;
  }
  .kun\+Zz4IdH .IGVaQtVCGz {
    display: none !important;
  }
}
.uMqpwN-jtw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._3mTO1zML1D {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.Mc1YwJsmY4 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.EFfH3wLsk8 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.EFfH3wLsk8 > i,
.EFfH3wLsk8 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kVcZUtTSmX {
  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;
}
.tK1Vsfq0nC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.Ir9BgBpKoC {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cbnbCivWFf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.jtiC0JQJrq {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.PCEEXiITeE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Aj5ixzf8qI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.Aj5ixzf8qI .hxryIOrUKr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.Aj5ixzf8qI .hxryIOrUKr > span {
  color: rgba(0, 0, 0, 0.65);
}
.R-SvQWLcMu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.R-SvQWLcMu .gPsQTGuvDy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.R-SvQWLcMu .gPsQTGuvDy > span {
  font-size: 8px;
}
.FcAPUhIJvE .ant-popover-inner-content {
  padding: 0;
}
.FcAPUhIJvE .ant-popover-arrow {
  border-color: #475365 !important;
}
.FcAPUhIJvE .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.ASqr98tV\+n {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.TFJaGhCOoE {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.TFJaGhCOoE .jrus1eibrh {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.a6ZIWfuZJK {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.cqroSHfXec {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .cqroSHfXec {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.rurMU4imnf {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .mIlKXX3dmK {
    /* This is the key */
  }
  .mIlKXX3dmK html,
  .mIlKXX3dmK body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .mIlKXX3dmK body,
  .mIlKXX3dmK div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .mIlKXX3dmK textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .mIlKXX3dmK table,
  .mIlKXX3dmK tr,
  .mIlKXX3dmK td {
    page-break-inside: avoid;
  }
  .mIlKXX3dmK div {
    page-break-inside: avoid;
  }
  .mIlKXX3dmK thead {
    display: table-header-group;
  }
  .mIlKXX3dmK tfoot {
    display: table-footer-group;
  }
  .mIlKXX3dmK * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .mIlKXX3dmK ._43AZnnGgnP,
  .mIlKXX3dmK .no-print,
  .mIlKXX3dmK .react-resizable-handle,
  .mIlKXX3dmK .fc-whiteboard-toolbar,
  .mIlKXX3dmK .ant-modal-root,
  .mIlKXX3dmK .ant-alert,
  .mIlKXX3dmK ._5ki9Pal6QL,
  .mIlKXX3dmK ._2JTvduXgmO {
    display: none !important;
  }
  .mIlKXX3dmK .I\+wrMKDAo\+ {
    display: none !important;
  }
}
._56FOOnO1iA {
  height: 100%;
}
._56FOOnO1iA .ant-spin-container {
  height: 100%;
}
.LUtQaG1gKB {
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 24px;
  height: 100%;
  display: grid;
  grid-template-rows: 40px auto;
}
.oeb\+hjPKwF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 24px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.oeb\+hjPKwF ._1FYhUQzc9L {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px;
}
.oeb\+hjPKwF .emXzQV\+Cj3 {
  width: 200px;
  overflow: hidden;
  margin: 0 12px 24px 0;
}
.oeb\+hjPKwF .emXzQV\+Cj3 .eybNOeA-zC {
  height: 180px;
  padding: 18px;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  background-color: #f3f3f3;
}
.oeb\+hjPKwF .emXzQV\+Cj3 .eybNOeA-zC ._4s8C-Eac-S {
  position: absolute;
  top: 0;
  right: 0;
}
.oeb\+hjPKwF .emXzQV\+Cj3 .oWQnevbaDU {
  height: 45px;
  margin: 12px 0 0;
  word-break: break-all;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
._7SHeHR8mWL {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.l2\+Tfd65W8 {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.B\+8SNs9oPg {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.B\+8SNs9oPg > i,
.B\+8SNs9oPg > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.aTs9JPDQBY {
  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;
}
.p9HzOsilrZ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
._25BHK-6yfs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gKc6RaDMsL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.DhNqn3pOck {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tfK9UZkmfp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p5Wvth6iwt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.p5Wvth6iwt .MZwnpRzaJ1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.p5Wvth6iwt .MZwnpRzaJ1 > span {
  color: rgba(0, 0, 0, 0.65);
}
._4V2l4Dp4wT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._4V2l4Dp4wT ._4ZU4S29YAm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._4V2l4Dp4wT ._4ZU4S29YAm > span {
  font-size: 8px;
}
.O5CECrUsqU .ant-popover-inner-content {
  padding: 0;
}
.O5CECrUsqU .ant-popover-arrow {
  border-color: #475365 !important;
}
.O5CECrUsqU .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.GiCF37sWZf {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.jgFbZIo\+Qi {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.jgFbZIo\+Qi ._5aPKkbfbE0 {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.tqe4hsc-wH {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.Dg3G65-G9v {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .Dg3G65-G9v {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.HlcEjWV1Wu {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .hFTPM9oRH\+ {
    /* This is the key */
  }
  .hFTPM9oRH\+ html,
  .hFTPM9oRH\+ body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .hFTPM9oRH\+ body,
  .hFTPM9oRH\+ div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .hFTPM9oRH\+ textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .hFTPM9oRH\+ table,
  .hFTPM9oRH\+ tr,
  .hFTPM9oRH\+ td {
    page-break-inside: avoid;
  }
  .hFTPM9oRH\+ div {
    page-break-inside: avoid;
  }
  .hFTPM9oRH\+ thead {
    display: table-header-group;
  }
  .hFTPM9oRH\+ tfoot {
    display: table-footer-group;
  }
  .hFTPM9oRH\+ * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .hFTPM9oRH\+ .GnlgDsWRK3,
  .hFTPM9oRH\+ .no-print,
  .hFTPM9oRH\+ .react-resizable-handle,
  .hFTPM9oRH\+ .fc-whiteboard-toolbar,
  .hFTPM9oRH\+ .ant-modal-root,
  .hFTPM9oRH\+ .ant-alert,
  .hFTPM9oRH\+ .U6xW42yNnJ,
  .hFTPM9oRH\+ .oRtmADGHO4 {
    display: none !important;
  }
  .hFTPM9oRH\+ .dUEhiIRtj\+ {
    display: none !important;
  }
}
.iFALanRbXb {
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-gap: 0 12px;
  grid-template-columns: 260px auto;
}

.react-dat-gui {
  position: fixed;
  right: 16px;
  top: 0;
  width: 280px;
  font-size: 12px;
  font-family: Lucida Grande, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.react-dat-gui *, .react-dat-gui :after, .react-dat-gui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.react-dat-gui .dg {
  margin: 0;
  padding: 0;
  color: #eee;
  overflow: hidden;
}
.react-dat-gui .dg ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}
.react-dat-gui .dg.main::-webkit-scrollbar {
  width: 5px;
  background: #1a1a1a;
}
.react-dat-gui .dg.main::-webkit-scrollbar-corner {
  height: 0;
  display: none;
}
.react-dat-gui .dg.main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #676767;
}
.react-dat-gui .cr {
  display: block;
  background-color: #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr:not(:last-child) {
  border-bottom: 1px solid #272727;
}
.react-dat-gui .cr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 1px 2px 1px 8px;
}
.react-dat-gui .cr .label-text {
  width: 40%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dat-gui .cr input[type='number'], .react-dat-gui .cr input[type='text'] {
  background: #303030;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  margin: 0;
  outline: none;
  font-size: inherit;
}
.react-dat-gui .cr input[type='number']:hover, .react-dat-gui .cr input[type='text']:hover {
  background: #3c3c3c;
}
.react-dat-gui .cr input[type='number']:focus, .react-dat-gui .cr input[type='text']:focus {
  background: #494949;
  color: #fff;
}
.react-dat-gui .cr input[type='number']::-ms-clear, .react-dat-gui .cr input[type='text']::-ms-clear {
  display: none;
}
.react-dat-gui .cr.boolean {
  position: relative;
  border-left: 5px solid #806787;
}
.react-dat-gui .cr.boolean label {
  cursor: pointer;
}
.react-dat-gui .cr.boolean .label-text {
  display: block;
  padding: 5px 0;
}
.react-dat-gui .cr.boolean .checkbox-container {
  width: 100%;
}
.react-dat-gui .cr.boolean input[type='checkbox'] {
  margin: 0;
  vertical-align: middle;
}
.react-dat-gui .cr.button {
  border-left: 5px solid #e61d5f;
}
.react-dat-gui .cr.button:hover {
  background: #111;
}
.react-dat-gui .cr.button .label-text {
  display: block;
  width: 100%;
  padding: 6px 2px 6px 8px;
  cursor: pointer;
}
.react-dat-gui li.folder {
  display: block;
  padding: 0;
}
.react-dat-gui li.folder .title {
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  cursor: pointer;
  padding: 5px 5px 5px 16px;
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder ul {
  margin-left: 4px;
  width: calc(100% - 4px);
}
.react-dat-gui li.folder.closed .title {
  background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat;
}
.react-dat-gui li.folder.closed ul {
  display: none;
}
.react-dat-gui .cr.number {
  border-left: 5px solid #2fa1d6;
}
.react-dat-gui .cr.number input[type='number'], .react-dat-gui .cr.number input[type='text'] {
  color: #2fa1d6;
  height: 25px;
}
.react-dat-gui .cr.number .slider {
  display: block;
  position: relative;
  border: 3px solid #1a1a1a;
  border-right-width: 1px;
  background-color: #303030;
  background-image: -webkit-gradient(linear, left top, right top, from(#2fa1d6), to(#2fa1d6));
  background-image: linear-gradient(90deg, #2fa1d6, #2fa1d6);
  background-size: 0 100%;
  background-repeat: no-repeat;
  cursor: ew-resize;
  height: 25px;
}
.react-dat-gui .cr.string {
  border-left: 5px solid #1ed36f;
}
.react-dat-gui .cr.string input[type='text'] {
  color: #1ed36f;
  padding: 2px 5px;
  width: 100%;
}
.react-dat-gui .cr.select {
  border-left: 5px solid #f4d450;
}
.react-dat-gui .cr.select label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.color {
  border-left: 5px solid #1a1a1a;
}
.react-dat-gui .cr.color .swatch {
  text-align: center;
  font-weight: 700;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 1px 1px;
  padding: 2px 5px;
  border: 3px solid #1a1a1a;
  cursor: pointer;
}
.react-dat-gui .cr.color .popover {
  position: absolute;
  z-index: 2;
  right: 5px;
}
.react-dat-gui .cr.color .cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.react-dat-gui .cr.color .picker {
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-sizing: initial;
          box-sizing: initial;
  width: auto;
  font-family: Menlo, sans-serif;
  margin-top: -3px;
}
.react-dat-gui .cr.color .picker .body {
  padding: 0;
}
.react-dat-gui .cr.color .picker .body .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .picker .body .controls .toggles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap {
  height: 10px;
  position: relative;
}
.react-dat-gui .cr.color .picker .saturation-wrap {
  width: 100%;
  padding-bottom: 55%;
  position: relative;
  overflow: hidden;
}
.react-dat-gui .cr.color .fields-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.react-dat-gui .cr.color .fields-wrap .fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
}
.react-dat-gui .cr.color .fields-wrap .fields .field {
  padding-left: 6px;
  width: 100%;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input {
  font-size: 11px;
  color: #333;
  border-radius: 2px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  height: 21px;
  text-align: center;
}
.react-dat-gui .cr.color .fields-wrap .fields .field input:focus {
  outline: none;
}
.react-dat-gui .cr.color .fields-wrap .fields .field label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  color: #969696;
  text-align: center;
  display: block;
  margin-top: 12px;
}
.react-dat-gui .cr.color .pointer {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-transform: translate(-6px, -1px);
          transform: translate(-6px, -1px);
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  position: absolute;
  z-index: 3;
}
.react-dat-gui .cr.color .pointer-circle {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
  -webkit-transform: translate(-6px, -6px);
          transform: translate(-6px, -6px);
}
.react-dat-gui .cr.presets {
  border-left: 5px solid #dad5cb;
}
.react-dat-gui .cr.presets label {
  padding: 6px 2px 6px 8px;
}
.react-dat-gui .cr.presets label select {
  width: 100%;
}
.xpFQKYkebp {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  outline: none;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.uEDzmeRKfW {
  width: 100%;
  height: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
}
.q-pY2laEs8 {
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.q-pY2laEs8 > i,
.q-pY2laEs8 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sKX4mfem\+L {
  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;
}
.SqDlq03K9B {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p2AXO6MVUu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ICc1UtDle1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.u1IBrflTF1 {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dRPJaxsJ0b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sTLnxFryeK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.sTLnxFryeK .fyb7iH3zzw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: 16px;
}
.sTLnxFryeK .fyb7iH3zzw > span {
  color: rgba(0, 0, 0, 0.65);
}
.CHpPcoRG\+7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.CHpPcoRG\+7 .oyQ3FoMBTY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.CHpPcoRG\+7 .oyQ3FoMBTY > span {
  font-size: 8px;
}
._9MzOBhtZdI .ant-popover-inner-content {
  padding: 0;
}
._9MzOBhtZdI .ant-popover-arrow {
  border-color: #475365 !important;
}
._9MzOBhtZdI .ant-popover-arrow {
  background: #475365;
}
.ant-tooltip {
  max-width: 500px;
}
.ant-tooltip-inner {
  white-space: break-spaces !important;
}
.lHMiwteGDo {
  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;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  z-index: 9;
  padding-right: 10%;
  background: white;
  -webkit-box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
          box-shadow: 0 0 10px 0 rgba(79, 82, 114, 0.12);
}
.plcrc3niGw {
  padding: 0 20%;
  width: 100%;
  background-color: rgba(18, 12, 57);
  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;
}
.plcrc3niGw .DtmJqY3gpx {
  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;
  background: url('https://ufc-assets.oss-cn-shanghai.aliyuncs.com/migration/title-bg.png');
  background-size: cover;
  color: #009efa;
  font-size: 30px;
  height: 65px;
  min-width: 800px;
  padding-bottom: 10px;
}
.fJ9RmpZK6j {
  height: 9vh;
  font-size: 2.5vw;
  font-weight: bolder;
  color: white;
}
.H5EDqhehnc {
  width: 210mm;
  min-height: 297mm;
  padding: 5mm;
  padding-bottom: 0;
  margin: 10mm auto;
  border-radius: 5px;
  background: white;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
@media print {
  .H5EDqhehnc {
    margin: 0;
    border: medium none currentColor;
    border: initial;
    border-radius: 0;
    border-radius: initial;
    width: auto;
    width: initial;
    min-height: 0;
    min-height: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    background: white;
    page-break-after: avoid;
  }
}
.OhyU3jCIHh {
  padding: 1cm;
  border: 5px red solid;
  height: 257mm;
  outline: 2cm #ffeaea solid;
}
@media print {
  .R1MfMnS21C {
    /* This is the key */
  }
  .R1MfMnS21C html,
  .R1MfMnS21C body {
    margin: 0;
    padding: 0;
    background-color: #fafafa;
    font: 12pt 'Tahoma';
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  @page {
    size: a4;
    margin: 0;
  }
  .R1MfMnS21C body,
  .R1MfMnS21C div[size='A4'] {
    margin: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
  }
  .R1MfMnS21C textarea {
    border: none !important;
    padding-left: 0 !important;
  }
  .R1MfMnS21C table,
  .R1MfMnS21C tr,
  .R1MfMnS21C td {
    page-break-inside: avoid;
  }
  .R1MfMnS21C div {
    page-break-inside: avoid;
  }
  .R1MfMnS21C thead {
    display: table-header-group;
  }
  .R1MfMnS21C tfoot {
    display: table-footer-group;
  }
  .R1MfMnS21C * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .R1MfMnS21C .bji75QQLQk,
  .R1MfMnS21C .no-print,
  .R1MfMnS21C .react-resizable-handle,
  .R1MfMnS21C .fc-whiteboard-toolbar,
  .R1MfMnS21C .ant-modal-root,
  .R1MfMnS21C .ant-alert,
  .R1MfMnS21C ._5f4HwIBLCA,
  .R1MfMnS21C .c8rwNwfBX5 {
    display: none !important;
  }
  .R1MfMnS21C .zkdnKkL59B {
    display: none !important;
  }
}
.T7r4LWaioJ {
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 100%;
  padding: 12px 24px;
  overflow: auto;
}