.video-js {
  width: 300px;
  height: 150px;
}

.vjs-fluid:not(.vjs-audio-only-mode) {
  padding-top: 56.25%
}

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #5188FF;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #5188FF, 0 0 5px #5188FF;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

.position-control {
  z-index: 10;
  display: none;
  position: absolute
}

.position-left-control {
  top: 2px;
  bottom: 2px;
  left: -2px;
  width: 8px;
  border-left: 1px solid #2b67ff
}

.position-right-control {
  top: 2px;
  bottom: 2px;
  right: -2px;
  width: 8px;
  border-right: 1px solid #2b67ff
}

.position-top-control {
  top: -2px;
  left: 2px;
  right: 2px;
  height: 8px;
  border-top: 1px solid #2b67ff
}

.position-bottom-control {
  right: 2px;
  bottom: -2px;
  left: 2px;
  height: 8px;
  border-bottom: 1px solid #2b67ff
}

.size-control {
  display: none;
  z-index: 12;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #2b67ff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.left-top-control {
  top: -3px;
  left: -3px;
  cursor: nwse-resize
}

.left-bottom-control {
  left: -3px;
  bottom: -3px;
  cursor: nesw-resize
}

.right-top-control {
  top: -3px;
  right: -3px;
  cursor: nesw-resize
}

.right-bottom-control {
  right: -3px;
  bottom: -3px;
  cursor: nwse-resize
}

.vue-grid-item {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition-property: left, top, right;
  transition-property: left, top, right
}

.vue-grid-item:hover .position-control,
.vue-grid-item:hover .size-control {
  display: inline-block
}

.vue-grid-item.no-touch {
  -ms-touch-action: none;
  touch-action: none
}

.vue-grid-item.cssTransforms {
  -webkit-transition-property: width, height, -webkit-transform;
  transition-property: width, height, -webkit-transform;
  transition-property: transform, width, height;
  transition-property: transform, width, height, -webkit-transform;
  left: 0;
  right: auto
}

.vue-grid-item.cssTransforms.render-rtl {
  left: auto;
  right: 0
}

.vue-grid-item.resizing {
  opacity: .6
}

.vue-grid-item.resizing,
.vue-grid-item.vue-draggable-dragging {
  z-index: 3;
  -webkit-transition: none;
  transition: none
}

.vue-grid-item.vue-grid-placeholder {
  background: red;
  opacity: .2;
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  z-index: 2;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.vue-grid-item>.vue-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");
  background-position: 100% 100%;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: se-resize
}

.vue-grid-item>.vue-rtl-resizable-handle {
  bottom: 0;
  left: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoMTJ2MTJILTF6Ii8+PGc+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVqb2luPSJ1bmRlZmluZWQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0xNDQuODIxLTM4LjM5M2wtMjAuMzU3LTMxLjc4NSIvPjxwYXRoIHN0cm9rZT0iIzY2NiIgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVqb2luPSJ1bmRlZmluZWQiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZD0iTS45NDctLjAxOHY5LjEyNU0tLjY1NiA5aDEwLjczIi8+PC9nPjwvc3ZnPg==);
  background-position: 0 100%;
  padding-left: 3px;
  background-repeat: no-repeat;
  background-origin: content-box;
  cursor: sw-resize;
  right: auto
}

.vue-grid-item.disable-userselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}



.vue-grid-layout {
  position: relative;
  -webkit-transition: height .2s ease;
  transition: height .2s ease
}

.__nuxt-error-page {
  padding: 1rem;
  background: #f7f8fb;
  color: #47494e;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.__nuxt-error-page .error {
  max-width: 450px
}

.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494e;
  margin-bottom: 8px
}

.__nuxt-error-page .description {
  color: #7f828b;
  line-height: 21px;
  margin-bottom: 10px
}

.__nuxt-error-page a {
  color: #7f828b !important;
  text-decoration: none
}

.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px
}

/*!*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: 1s;
  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;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: 1s;
  animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: .5s;
  animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: .8s;
  animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
  }

  .animate__animated[class*=Out] {
    opacity: 0
  }
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0) scaleY(.95)
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0)
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0) scaleY(.95)
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  transform-origin: center bottom
}

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
    transform: scaleX(1)
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
    transform: scaleX(1)
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    transform: scaleX(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 {
  0% {
    transform: scaleX(1)
  }

  30% {
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    transform: scale3d(1.05, .95, 1)
  }

  to {
    transform: scaleX(1)
  }
}

@keyframes rubberBand {
  0% {
    transform: scaleX(1)
  }

  30% {
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    transform: scale3d(1.05, .95, 1)
  }

  to {
    transform: scaleX(1)
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shakeX {

  0%,
  to {
    transform: translateZ(0)
  }

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

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shakeX {

  0%,
  to {
    transform: translateZ(0)
  }

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

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0)
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}

@-webkit-keyframes shakeY {

  0%,
  to {
    transform: translateZ(0)
  }

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

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0)
  }
}

@keyframes shakeY {

  0%,
  to {
    transform: translateZ(0)
  }

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

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0)
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}

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

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

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

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

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

  50% {
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    transform: translateX(0)
  }

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

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

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

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

  50% {
    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% {
    transform: rotate(15deg)
  }

  40% {
    transform: rotate(-10deg)
  }

  60% {
    transform: rotate(5deg)
  }

  80% {
    transform: rotate(-5deg)
  }

  to {
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    transform: rotate(15deg)
  }

  40% {
    transform: rotate(-10deg)
  }

  60% {
    transform: rotate(5deg)
  }

  80% {
    transform: rotate(-5deg)
  }

  to {
    transform: rotate(0deg)
  }
}

.animate__swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

@-webkit-keyframes tada {
  0% {
    transform: scaleX(1)
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
    transform: scaleX(1)
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }

  to {
    transform: scaleX(1)
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    transform: translateZ(0)
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes wobble {
  0% {
    transform: translateZ(0)
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }

  to {
    transform: translateZ(0)
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {

  0%,
  11.1%,
  to {
    transform: translateZ(0)
  }

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

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

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

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

  66.6% {
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {

  0%,
  11.1%,
  to {
    transform: translateZ(0)
  }

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

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

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

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

  66.6% {
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.8% {
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  transform-origin: center
}

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

  14% {
    transform: scale(1.3)
  }

  28% {
    transform: scale(1)
  }

  42% {
    transform: scale(1.3)
  }

  70% {
    transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
    transform: scale(1)
  }

  14% {
    transform: scale(1.3)
  }

  28% {
    transform: scale(1)
  }

  42% {
    transform: scale(1.3)
  }

  70% {
    transform: scale(1)
  }
}

.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}

@-webkit-keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}

@-webkit-keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}

@-webkit-keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(.7);
    opacity: .7
  }

  80% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}

@-webkit-keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateY(700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateX(-2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateX(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateX(2000px) scale(.7);
    opacity: .7
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}

@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1
  }

  20% {
    transform: translateY(0) scale(.7);
    opacity: .7
  }

  to {
    transform: translateY(-700px) scale(.7);
    opacity: .7
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    transform: scale3d(.9, .9, .9)
  }

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

  80% {
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    transform: scaleX(1)
  }
}

@keyframes bounceIn {

  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    transform: scale3d(.9, .9, .9)
  }

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

  80% {
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    transform: scaleX(1)
  }
}

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: .75s;
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes bounceInDown {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }

  to {
    transform: translateZ(0)
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes bounceInLeft {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }

  to {
    transform: translateZ(0)
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

  75% {
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }

  90% {
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes bounceInRight {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

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

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

  75% {
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }

  90% {
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }

  to {
    transform: translateZ(0)
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }

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

  75% {
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }

  90% {
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }

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

  75% {
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }

  90% {
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }

  to {
    transform: translateZ(0)
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9)
  }

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

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9)
  }

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

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }
}

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: .75s;
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }

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

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }

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

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0)
  }
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0)
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0)
  }
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0)
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0)
  }
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0)
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0)
  }
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    transform: translateZ(0)
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0)
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}

@keyframes flip {
  0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(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 {
  0% {
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

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

  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

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

  60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotateX(-5deg)
  }

  to {
    transform: perspective(400px)
  }
}

.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

@-webkit-keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

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

  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

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

  60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotateY(-5deg)
  }

  to {
    transform: perspective(400px)
  }
}

.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-webkit-keyframes flipOutX {
  0% {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: .75s;
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px)
  }

  30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: .75s;
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

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

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

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

  to {
    transform: translateZ(0)
  }
}

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

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

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

  to {
    transform: translateZ(0)
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

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

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

  80% {
    transform: skewX(5deg)
  }

  to {
    transform: translateZ(0)
  }
}

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

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

  80% {
    transform: skewX(5deg)
  }

  to {
    transform: translateZ(0)
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }

  to {
    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 {
  0% {
    opacity: 1
  }

  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }

  to {
    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
}

@-webkit-keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownLeft {
  0% {
    transform: rotate(-45deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInDownRight {
  0% {
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpLeft {
  0% {
    transform: rotate(45deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

@keyframes rotateInUpRight {
  0% {
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    transform: translateZ(0);
    opacity: 1
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(200deg);
    opacity: 0
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(200deg);
    opacity: 0
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(45deg);
    opacity: 0
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(-45deg);
    opacity: 0
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(-45deg);
    opacity: 0
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(90deg);
    opacity: 0
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }

  to {
    transform: rotate(90deg);
    opacity: 0
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  transform-origin: right bottom
}

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

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

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

  to {
    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% {
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

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

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}

.animate__hinge {
  -webkit-animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  transform-origin: top left
}

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

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

  70% {
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    transform: scale(.1) rotate(30deg);
    transform-origin: center bottom
  }

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

  70% {
    transform: rotate(3deg)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

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

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  transform-origin: center bottom
}

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

  to {
    transform: translateZ(0)
  }
}

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

  to {
    transform: translateZ(0)
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

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

  to {
    transform: translateZ(0)
  }
}

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

  to {
    transform: translateZ(0)
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

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

  to {
    transform: translateZ(0)
  }
}

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

  to {
    transform: translateZ(0)
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

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

  to {
    transform: translateZ(0)
  }
}

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

  to {
    transform: translateZ(0)
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0)
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes slideOutLeft {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0)
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes slideOutRight {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0)
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0)
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}


body {
  font-family: "SF Pro Display", "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-font-smoothing: antialiased
}

body .text-component>div:not(.note-editor-content) table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0
}

body .text-component>div:not(.note-editor-content) table th {
  font-weight: 400
}

.note-editor-content {
  text-align: left
}

.note-editor-content b,
.note-editor-content em,
.note-editor-content i,
.note-editor-content strong {
  font-weight: 700
}

.note-editor-content i {
  font-style: italic
}

li,
ol,
ul {
  list-style-type: none;
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400
}

input,
select,
textarea {
  vertical-align: middle;
  color: #000;
  border: 0;
  outline: none;
  resize: none
}

input[type=file] {
  opacity: 0;
  position: absolute
}

body a {
  color: inherit;
  text-decoration: none
}

b,
em,
i,
strong {
  font-weight: 400;
  font-style: normal
}

img {
  border: 0
}

.pointer {
  cursor: pointer
}

.editor-page .pointer {
  cursor: auto
}

#index {
  font-size: 16px;
  line-height: normal
}

body .title-t li,
body .title-t ol,
body .title-t ul {
  list-style-type: disc
}

body .title-t h1,
body .title-t h2,
body .title-t h3,
body .title-t h4,
body .title-t h5,
body .title-t h6 {
  font-weight: 400
}

body .title-t body a {
  color: inherit;
  text-decoration: inherit
}

body .title-t strong {
  font-weight: 700
}

body .title-t em,
body .title-t i {
  font-style: italic
}

.tc {
  text-align: center
}

.tl {
  text-align: left
}

.tr {
  text-align: right
}

.block {
  display: block
}

.flex,
.verticallyCenter {
  display: flex;
  align-items: center
}

.verticallyBottom {
  display: flex;
  align-items: flex-end
}

.floatLeft {
  float: left
}

.floatRight {
  float: right
}

.clearFloat:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "#"
}

.font14 {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, .8)
}

.mb2 {
  margin-bottom: 2px
}

.mb7 {
  margin-bottom: 7px
}

.mb16 {
  margin-bottom: 16px
}

.mb24 {
  margin-bottom: 24px
}

.mb36 {
  margin-bottom: 36px
}

.mb40 {
  margin-bottom: 40px
}

.mt7 {
  margin-top: 7px
}

.mt16 {
  margin-top: 16px
}

.mr6 {
  margin-right: 6px
}

.mr8 {
  margin-right: 8px
}

.mr12 {
  margin-right: 12px
}

.mr10 {
  margin-right: 10px
}

.mr16 {
  margin-right: 16px
}

.mr24 {
  margin-right: 24px
}

.ml8 {
  margin-left: 8px
}

.ml16 {
  margin-left: 16px
}

.ml24 {
  margin-left: 24px
}

.fs12 {
  font-size: 12px
}

.fs14 {
  font-size: 14px
}

.fs16 {
  font-size: 16px
}

.fs18 {
  font-size: 18px
}

.fs20 {
  font-size: 20px
}

.fs22 {
  font-size: 22px
}

.fs24 {
  font-size: 24px
}

.fs26 {
  font-size: 26px
}

.fs28 {
  font-size: 28px
}

.fs30 {
  font-size: 30px
}

.fs32 {
  font-size: 32px
}

.fs34 {
  font-size: 34px
}

.fs36 {
  font-size: 36px
}

.title500_16_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: rgba(0, 0, 0, .8)
}

.title14_32 {
  line-height: 32px
}

.title14_22,
.title14_32 {
  font-size: 14px;
  color: rgba(0, 0, 0, .8)
}

.title14_22 {
  line-height: 22px
}

.title14_20 {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, .8)
}

.title12_17 {
  font-size: 12px;
  line-height: 17px;
  color: rgba(0, 0, 0, .6)
}

.common_btn_28_20 {
  padding: 5px 11px;
  border: 1px solid #3d82f2;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #3d82f2
}

.common_btn_28_20:hover {
  background: rgba(61, 130, 242, .1);
  cursor: pointer
}

input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 14px;
  line-height: 22px
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 14px;
  line-height: 22px
}

input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .2);
  font-size: 14px;
  line-height: 22px
}

.theme-color {
  color: #3d82f2
}

.content-c {
  justify-content: center
}

.content-r {
  justify-content: flex-end
}

.overflowHid,
.overflowHid1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.overflowHid2,
.overflowHidMultiLine {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word
}

.overflowHid2 {
  -webkit-line-clamp: 2
}

.overflowHid3 {
  -webkit-line-clamp: 3
}

.overflowHid3,
.overflowHid4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word
}

.overflowHid4 {
  -webkit-line-clamp: 4
}

.overflowHid5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  word-break: break-word
}

.color-picker-container {
  height: 32px;
  padding: 6px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px
}

.overHidden,
body.overHidden #__layout>div {
  overflow: hidden
}

.el-popup-parent--hidden {
  padding-right: 0 !important
}


html {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 204.8px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box
}

.grid-bottom-spacer *,
.grid-bottom-spacer :after,
.grid-bottom-spacer :before {
  box-sizing: border-box;
  padding: 0
}

.grid-bottom-spacer .el-dialog {
  margin: 0 auto 50px
}

.edit_stage_wrap *,
.edit_stage_wrap :after,
.edit_stage_wrap :before,
.page-layout-wrapper *,
.page-layout-wrapper :after,
.page-layout-wrapper :before {
  box-sizing: border-box;
  padding: 0
}

.text-component p {
  margin: 0
}

.button--green {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #3b8070;
  color: #3b8070;
  text-decoration: none;
  padding: 10px 30px
}

.button--green:hover {
  color: #fff;
  background-color: #3b8070
}

.button--grey {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #35495e;
  color: #35495e;
  text-decoration: none;
  padding: 10px 30px;
  margin-left: 15px
}

.button--grey:hover {
  color: #fff;
  background-color: #35495e
}

#__nuxt .__nuxt-error-page .title {
  font-size: 24px
}


.box-shade[data-v-3d6badfc] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999
}

.page-loading[data-v-3d6badfc] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: animationContainer-data-v-3d6badfc 2s linear infinite;
  animation: animationContainer-data-v-3d6badfc 2s linear infinite;
  z-index: 99999
}

.shape[data-v-3d6badfc] {
  border-radius: 50%;
  position: absolute
}

.shape-1[data-v-3d6badfc] {
  background-color: #3d82f2;
  -webkit-animation: animationShape1-data-v-3d6badfc 1s linear infinite alternate;
  animation: animationShape1-data-v-3d6badfc 1s linear infinite alternate
}

.shape-2[data-v-3d6badfc] {
  background-color: #ffcb4c;
  -webkit-animation: animationShape2-data-v-3d6badfc 1s linear infinite alternate;
  animation: animationShape2-data-v-3d6badfc 1s linear infinite alternate
}

.shape-3[data-v-3d6badfc] {
  background-color: #fc7131;
  -webkit-animation: animationShape3-data-v-3d6badfc 1s linear infinite alternate;
  animation: animationShape3-data-v-3d6badfc 1s linear infinite alternate
}

.shape-4[data-v-3d6badfc] {
  background-color: #3fdc8a;
  -webkit-animation: animationShape4-data-v-3d6badfc 1s linear infinite alternate;
  animation: animationShape4-data-v-3d6badfc 1s linear infinite alternate
}

@-webkit-keyframes animationContainer-data-v-3d6badfc {
  0% {
    transform: translate(-50%, -50%) rotate(0)
  }

  to {
    transform: translate(-50%, -50%) rotate(1turn)
  }
}

@keyframes animationContainer-data-v-3d6badfc {
  0% {
    transform: translate(-50%, -50%) rotate(0)
  }

  to {
    transform: translate(-50%, -50%) rotate(1turn)
  }
}

@-webkit-keyframes animationShape1-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate1), var(--translate1)) scale(.7)
  }
}

@keyframes animationShape1-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate1), var(--translate1)) scale(.7)
  }
}

@-webkit-keyframes animationShape2-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate2), var(--translate1)) scale(.7)
  }
}

@keyframes animationShape2-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate2), var(--translate1)) scale(.7)
  }
}

@-webkit-keyframes animationShape3-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate1), var(--translate2)) scale(.7)
  }
}

@keyframes animationShape3-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate1), var(--translate2)) scale(.7)
  }
}

@-webkit-keyframes animationShape4-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate2), var(--translate2)) scale(.7)
  }
}

@keyframes animationShape4-data-v-3d6badfc {
  0% {
    transform: translate(0) scale(1)
  }

  to {
    transform: translate(var(--translate2), var(--translate2)) scale(.7)
  }
}


x-vue-echarts {
  display: block;
  width: 100%;
  height: 100%
}


[data-v-8e119be0].row {
  margin: 0 !important;
  flex-wrap: nowrap !important
}

.transitionHeight[data-v-8e119be0] {
  transition: height .4s ease-in-out
}


.vdr[data-v-0f07f627] {
  position: absolute;
  box-sizing: border-box
}

.vdr .active[data-v-0f07f627] {
  outline: 1px dotted #3d82f2
}

.isShow .top[data-v-0f07f627] {
  text-align: center
}

.isShow .item[data-v-0f07f627] {
  margin: 4px
}

.hover[data-v-0f07f627]:hover {
  cursor: pointer
}

.isHid[data-v-0f07f627] {
  display: none !important
}

.handle[data-v-0f07f627] {
  box-sizing: border-box;
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border: 2px solid #3d82f2;
  border-radius: 50%;
  z-index: 1000
}

.handle-tl[data-v-0f07f627] {
  top: -5px;
  left: -5px;
  cursor: nw-resize
}

.handle-tm[data-v-0f07f627] {
  top: -5px;
  left: calc(50% - 4px);
  cursor: n-resize
}

.handle-tr[data-v-0f07f627] {
  top: -5px;
  right: -5px;
  cursor: ne-resize
}

.handle-ml[data-v-0f07f627] {
  top: calc(50% - 4px);
  left: -5px;
  cursor: w-resize
}

.handle-mr[data-v-0f07f627] {
  top: calc(50% - 4px);
  right: -5px;
  cursor: e-resize
}

.handle-bl[data-v-0f07f627] {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize
}

.handle-bm[data-v-0f07f627] {
  bottom: -5px;
  left: calc(50% - 4px);
  cursor: s-resize
}

.handle-br[data-v-0f07f627] {
  bottom: -5px;
  right: -5px;
  cursor: se-resize
}

.ref-line[data-v-0f07f627] {
  position: absolute;
  background-color: #f0c;
  z-index: 9999
}

.v-line[data-v-0f07f627] {
  width: 1px
}

.h-line[data-v-0f07f627] {
  height: 1px
}

.container_placeholder[data-v-0f07f627] {
  position: absolute;
  width: 100%;
  top: -60px;
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #3d82f2;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(61, 130, 242, .1);
  border: 1px dashed #3d82f2
}

@media only screen and (max-width:768px) {
  [class*=handle-][data-v-0f07f627]:before {
    content: "";
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    position: absolute
  }
}

.size-popover[data-v-0f07f627] {
  position: absolute;
  background: rgba(24, 30, 51, .8);
  border-radius: 4px;
  top: -32px;
  left: 0;
  z-index: 10;
  font-size: 12px;
  line-height: 17px;
  padding: 5px 12px;
  color: #fff
}


.img-container[data-v-fdaf79e0] {
  position: relative;
  height: 100%;
  width: 100%
}

.img-box[data-v-fdaf79e0] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform .5s
}

.zoom-img-box[data-v-fdaf79e0] {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: -webkit-grab;
  cursor: grab
}

.c-pointer[data-v-fdaf79e0]:hover {
  cursor: pointer
}

.zoom-btn[data-v-fdaf79e0] {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, .3);
  color: #fff;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 3px
}

.zoom-btn[data-v-fdaf79e0]:hover {
  cursor: pointer
}

.zoom-panel[data-v-fdaf79e0] {
  width: 108px;
  height: 42px;
  padding: 4px 10px;
  border-radius: 4px;
  background: #465164;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: flex
}

.zoom-add[data-v-fdaf79e0],
.zoom-minus[data-v-fdaf79e0] {
  width: 22px;
  padding: 10px 4px;
  font-size: 15px;
  cursor: pointer
}

.zoom-add[data-v-fdaf79e0],
.zoom-minus[data-v-fdaf79e0],
.zoom-text[data-v-fdaf79e0] {
  height: 34px;
  border-radius: 8px;
  color: hsla(0, 0%, 100%, .8)
}

.zoom-text[data-v-fdaf79e0] {
  width: 44px;
  font-size: 14px;
  line-height: 34px;
  text-align: center
}

[data-v-fdaf79e0] .imageDialog.el-dialog {
  box-shadow: unset;
  background: unset;
  border: unset;
  width: var(--width);
  height: var(--height)
}

[data-v-fdaf79e0] .imageDialog .el-dialog__body {
  border-top: unset;
  border-bottom: unset;
  background: unset;
  height: 100%
}

[data-v-fdaf79e0] .imageDialog .el-dialog__header {
  display: none
}

[data-v-fdaf79e0] .zoomImageDialog.el-dialog {
  background: unset;
  border: none;
  overflow: hidden
}

[data-v-fdaf79e0] .zoomImageDialog.el-dialog .el-dialog__headerbtn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #465164
}

[data-v-fdaf79e0] .zoomImageDialog.el-dialog .el-dialog__header {
  padding: unset
}

[data-v-fdaf79e0] .zoomImageDialog.el-dialog .el-dialog__body {
  background: unset;
  border: none;
  padding: unset
}

[data-v-fdaf79e0] .zoomImageDialog.el-dialog .el-dialog__headerbtn:hover .el-dialog__close {
  background: none
}

[data-v-fdaf79e0] .zoomImageDialog.el-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #fff
}


[data-v-2ac68622] svg path[stroke] {
  stroke: var(--color)
}

[data-v-2ac68622] svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}


[data-v-0492176e] .tipsDialog {
  width: 400px
}

[data-v-0492176e] .tipsDialog .dialog-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px
}

[data-v-0492176e] .tipsDialog .el-dialog__body {
  height: 100px;
  overflow: auto;
  padding: 8px 0
}

[data-v-0492176e] .tipsDialog .el-dialog__headerbtn {
  display: none
}

[data-v-0492176e] .tipsDialog .icon-portal-close {
  position: absolute;
  right: 18px;
  top: 18px;
  font-size: 16px;
  cursor: pointer
}

[data-v-0492176e] .tipsDialog .dialog-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%
}

[data-v-0492176e] .tipsDialog .dialog-content .text {
  text-align: center;
  color: rgba(0, 0, 0, .8)
}

[data-v-0492176e] .tipsDialog .el-dialog__footer {
  padding: 15px 0 !important
}

.tipsDialog .dialog-cancle[data-v-0492176e] {
  border-color: rgba(0, 0, 0, .15);
  color: rgba(0, 0, 0, .8)
}

.btn-container[data-v-45e0994a] {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.cx-button[data-v-45e0994a] {
  position: relative;
  line-height: 100%;
  pointer-events: none
}

.btn-inner span[data-v-45e0994a] {
  display: inline-block;
  vertical-align: middle
}

.btn-inner>span[data-v-45e0994a] {
  text-decoration: inherit
}

.btn-inner[data-v-45e0994a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  transition: transform .5s
}

.hoverStyle .btn-container.rect .btn-inner[data-v-45e0994a] {
  cursor: pointer !important
}

.btn-inner.column[data-v-45e0994a] {
  flex-direction: column
}

[data-v-45e0994a].btn-inner svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}

[data-v-45e0994a].btn-inner svg path[stroke] {
  stroke: var(--color)
}

wx-open-launch-weapp[data-v-45e0994a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0
}

.btn-inner.btn-collect-like.btn-active[data-v-45e0994a] {
  background: var(--activeBackgroundColor) !important;
  background-image: var(--activeBackgroundImage) !important;
  background-size: var(--activeBackgroundSize) !important;
  background-position: var(--activeBackgroundPosition) !important;
  background-repeat: var(--activeBackgroundRepeat) !important;
  background-color: var(--activeBackgroundColor) !important;
  letter-spacing: var(--activeLetterSpacing) !important;
  text-indent: var(--activeLetterSpacing) !important;
  font-style: var(--activeFontStyle) !important;
  font-family: var(--activeFontFamily) !important;
  opacity: var(--activeOpacity) !important;
  font-size: var(--activeFontSize) !important;
  font-weight: var(--activeFontWeight) !important;
  -webkit-text-decoration: var(--activeTextDecoration) !important;
  text-decoration: var(--activeTextDecoration) !important;
  transform: var(--activeRotate) !important;
  border: var(--activeBorderWidth) var(--activeBorderStyle) var(--activeBorderColor) !important;
  -ms-writing-mode: var(--activeWritingMode) !important;
  writing-mode: var(--activeWritingMode) !important;
  border-top-left-radius: var(--activeBorderTopLeftRadius) !important;
  border-top-right-radius: var(--activeBorderTopRightRadius) !important;
  border-bottom-left-radius: var(--activeBorderBottomLeftRadius) !important;
  border-bottom-right-radius: var(--activeBorderBottomRightRadius) !important
}


.label-container[data-v-0c5205ee] {
  width: 100%;
  height: 100%
}

.cx-button[data-v-0c5205ee] {
  position: relative;
  line-height: 100%;
  pointer-events: none
}

.label-inner[data-v-0c5205ee] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  transition: transform .5s
}

.label-inner.column[data-v-0c5205ee] {
  flex-direction: column
}

[data-v-0c5205ee].label-inner svg path[stroke] {
  stroke: var(--color)
}


.overflowHidMultiLines[data-v-e65036f4] {
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.text-component[data-v-e65036f4],
.text-component>div[data-v-e65036f4] {
  width: 100%;
  word-break: break-word
}

.text-component>div[data-v-e65036f4] {
  height: 100%
}

.text-component.height-auto[data-v-e65036f4] {
  position: relative;
  height: 100% !important
}

.text-component.height-auto>div[data-v-e65036f4] {
  height: auto
}

[data-v-e65036f4] .el-scrollbar__wrap {
  height: calc(100% + 17px)
}

[data-v-e65036f4]::-webkit-scrollbar {
  width: 8px
}

[data-v-e65036f4]::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 3px
}

.content[data-v-e65036f4]:focus {
  outline: none
}

.edit-content[data-v-e65036f4] {
  width: 100%;
  height: 100%
}

.edit-content textarea[data-v-e65036f4] {
  width: 100%;
  height: 100%;
  resize: none
}

.c-pointer[data-v-e65036f4]:hover {
  cursor: pointer
}

.text-component[data-v-e65036f4] .el-scrollbar__view {
  margin-bottom: 0
}

.text-component .content[data-v-e65036f4] {
  margin-right: var(--letterSpacing)
}

.text-component img[data-v-e65036f4] {
  width: 100% !important
}

.overflowHidMultiLines[data-v-237625c0] {
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.tinymce-wrap[data-v-237625c0] {
  transform-origin: top left
}

.text-component[data-v-237625c0],
.text-component>div[data-v-237625c0] {
  width: 100%;
  height: 100%;
  transition: transform .5s;
  word-break: break-word
}

.text-component.height-auto[data-v-237625c0] {
  position: relative;
  height: 100% !important
}

.text-component.height-auto>div[data-v-237625c0] {
  height: auto
}

.text-component>div[data-v-237625c0] {
  height: 100%;
  text-align: left
}

.text-component .tinymce[data-v-237625c0] {
  height: 100%
}

[data-v-237625c0]::-webkit-scrollbar {
  width: 8px
}

[data-v-237625c0]::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 3px
}

.content[data-v-237625c0]:focus {
  outline: none
}

.edit-content[data-v-237625c0] {
  width: 100%;
  height: 100%
}

.edit-content textarea[data-v-237625c0] {
  width: 100%;
  height: 100%;
  resize: none
}

.text-component[data-v-237625c0] .el-scrollbar__view {
  margin-bottom: 0
}

[data-v-237625c0] strong {
  font-weight: 700;
  font-style: unset
}

[data-v-237625c0] em,
[data-v-237625c0] i {
  font-style: italic
}

.tinymce[data-v-237625c0] {
  display: inline-block;
  transform-origin: top left
}

.tinymce[data-v-237625c0]:focus {
  outline: none
}

.c-pointer[data-v-237625c0]:hover {
  cursor: pointer
}

[data-v-237625c0] .tinymce.noMargin input,
[data-v-237625c0] .tinymce.noMargin select,
[data-v-237625c0] .tinymce.noMargin textarea {
  vertical-align: revert;
  border: revert;
  outline: revert;
  resize: revert
}

[data-v-237625c0] .tinymce.noMargin b,
[data-v-237625c0] .tinymce.noMargin em,
[data-v-237625c0] .tinymce.noMargin i,
[data-v-237625c0] .tinymce.noMargin strong {
  font-weight: revert;
  font-style: revert
}

[data-v-237625c0] .tinymce.noMargin * {
  margin: 0;
  padding: 0
}


.el-switch {
  position: relative
}

.el-switch .el-switch__label--left {
  right: 12px;
  color: rgba(0, 0, 0, .4)
}

.el-switch .el-switch__label--right {
  left: 8px;
  color: #fff
}

.el-switch .el-switch__label {
  position: absolute;
  display: none;
  z-index: 2;
  margin: 0;
  font-size: 14px
}

.el-switch .el-switch__label.is-active {
  display: block
}

.el-switch__core {
  border: 1px solid #e9e9e9 !important;
  height: 24px;
  border-radius: 31px
}

.el-switch__core:after {
  background-color: rgba(0, 0, 0, .2);
  top: 3px
}

.el-switch.is-checked .el-switch__core:after {
  background-color: #fff
}


[data-v-2c694ecf] .el-select-dropdown {
  left: 0 !important;
  transform-origin: center top !important
}

[data-v-2c694ecf] .el-scrollbar__view {
  margin-bottom: 0 !important
}

[data-v-2c694ecf] .el-select__caret {
  transition: none !important
}

[data-v-2c694ecf] .el-input__inner::-moz-placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important
}

[data-v-2c694ecf] .el-input__inner:-ms-input-placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important
}

[data-v-2c694ecf] .el-input__inner::placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important
}

[data-v-2c694ecf] .el-input__inner::-webkit-input-placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important
}

[data-v-2c694ecf] .el-input__inner:-moz-input-placeholder,
[data-v-2c694ecf] .el-input__inner::-moz-input-placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important
}

[data-v-2c694ecf] .el-input__inner:-ms-input-placeholder {
  color: var(--placeholderFontColor) !important;
  font-size: var(--placeholderFontSize) !important;
  font-family: var(--placeholderFontFamily) !important;
  font-weight: var(--placeholderFontWeight) !important
}

[data-v-2c694ecf] .el-select {
  height: 100%
}

[data-v-2c694ecf] .el-input {
  height: 100%;
  font-size: inherit
}

[data-v-2c694ecf] .el-select .el-input__suffix-inner {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  line-height: 32px
}

[data-v-2c694ecf] .el-select .el-input__inner {
  color: inherit;
  background-color: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: inherit;
  height: 100%;
  text-align: center;
  padding-right: 30px;
  box-sizing: border-box
}

[data-v-2c694ecf] .el-select .el-input__inner:hover {
  background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
  background: initial;
  text-align: center
}

[data-v-2c694ecf] .el-select-dropdown__item {
  color: var(--liFontColor) !important;
  text-align: center;
  box-shadow: var(--boxShadow)
}

[data-v-2c694ecf] .el-select-dropdown__item:hover {
  box-sizing: border-box;
  color: var(--selectHoverColor) !important;
  background: var(--selectHoverBackground) !important
}

[data-v-2c694ecf] .el-select-dropdown__item.selected {
  color: var(--selectActiveColor) !important;
  background: var(--selectActiveBackground) !important
}

[data-v-2c694ecf] .el-select-dropdown__list {
  width: var(--selectWidth);
  background-color: var(--selectBackground) !important;
  box-sizing: border-box;
  min-width: auto !important;
  overflow: hidden
}

[data-v-2c694ecf] .el-select-dropdown {
  left: var(--selectMarginLeft) !important;
  background-color: transparent;
  top: var(--height) !important
}

[data-v-2c694ecf] .el-select .el-input__suffix {
  right: 14px
}

[data-v-2c694ecf] .el-select .el-icon-arrow-up:before {
  content: "\e78f";
  vertical-align: middle
}

[data-v-2c694ecf] .el-select-dropdown {
  width: 100%
}

[data-v-2c694ecf] .el-select .el-input__icon {
  width: 16px;
  height: 16px;
  transition: all .3s;
  line-height: 16px
}

[data-v-2c694ecf] .el-input .el-input__inner {
  border-radius: 4px;
  padding: 5px 30px 5px 12px
}

[data-v-2c694ecf] .el-scrollbar>.el-scrollbar__bar {
  opacity: 1 !important
}

.cx-select[data-v-2c694ecf] {
  height: 100%
}

.cx-select.searchSelect[data-v-2c694ecf] .el-select-dropdown__wrap {
  max-height: 274px
}

.cx-select[data-v-2c694ecf] .el-scrollbar {
  border-width: var(--selectBorderWidth);
  border-style: var(--selectBorderStyle) !important;
  border-color: var(--selectBorderColor);
  border-radius: var(--selectBorderRadius);
  width: var(--selectWrapWidth)
}

.cx-select[data-v-2c694ecf] .el-scrollbar__wrap {
  margin-bottom: -6px !important;
  overflow-x: hidden
}

[data-v-2c694ecf] .el-select .el-input .el-select__caret {
  font-size: var(--fontSize);
  width: var(--fontSize);
  height: var(--fontSize)
}

[data-v-2c694ecf] .el-select .el-input__inner::-moz-selection {
  background: transparent
}

[data-v-2c694ecf] .el-select .el-input__inner::selection {
  background: transparent
}

[data-v-4a50773c] svg * {
  stroke: var(--color)
}

[data-v-4a50773c] svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}

.subscribe-dialog[data-v-049240ee] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999
}

.subscribe-dialog-bg[data-v-049240ee] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(16, 26, 41, .7)
}

.cx-dialog-main[data-v-049240ee] {
  position: absolute;
  z-index: 2;
  width: 640px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px
}

.cx-dialog-title[data-v-049240ee] {
  position: relative;
  padding: 8px 18px;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f2
}

.cx-dialog-title .close[data-v-049240ee] {
  position: absolute;
  top: 12px;
  right: 15px;
  color: #acb4bf;
  font-size: 20px;
  cursor: pointer;
  font-weight: 900
}

.cx-dialog-title h3[data-v-049240ee] {
  font-weight: 900;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 5px
}

.cx-dialog-title p[data-v-049240ee] {
  color: #8b8b8b;
  font-size: 14px
}

.cx-dialog-contant[data-v-049240ee] {
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #f2f2f2
}

.content-title[data-v-049240ee] {
  background: #f2f4f7;
  border-radius: 2px;
  font-weight: 900;
  font-size: 14px;
  line-height: 40px;
  color: #8a8b99;
  padding: 0 20px;
  box-sizing: border-box
}

.subscribe-lists[data-v-049240ee] {
  height: 220px;
  overflow: hidden
}

[data-v-049240ee] .el-scrollbar {
  height: 220px
}

[data-v-049240ee] .el-scrollbar__wrap {
  overflow-y: scroll;
  overflow-x: scroll;
  height: calc(100% + 16px);
  margin-bottom: 0 !important
}

[data-v-049240ee] .el-checkbox-group .el-checkbox {
  display: block;
  line-height: 54px;
  margin-right: 0;
  padding: 0 21px;
  box-sizing: border-box;
  margin-bottom: 0
}

[data-v-049240ee] .el-checkbox__input.is-checked+.el-checkbox__label,
[data-v-049240ee] .el-checkbox__label {
  color: #131b26
}

[data-v-049240ee] .el-checkbox-group .el-checkbox:hover {
  background-color: #f7f8fa
}

.cx-dialog-bottom[data-v-049240ee] {
  padding: 16px 30px;
  text-align: right
}

.cx-dialog-bottom .el-button[data-v-049240ee] {
  width: 92px;
  height: 36px;
  line-height: 34px;
  border-radius: 6px;
  padding: 0;
  margin-left: 32px;
  font-weight: 900
}

.cx-dialog-bottom .el-button--default[data-v-049240ee] {
  color: #2b67ff;
  border: 1px solid #2b67ff
}

.cx-dialog-bottom .dialog-confirm[data-v-049240ee] {
  background: #2b67ff;
  border-color: #2b67ff;
  color: #fff
}

.cx-dialog-bottom .dialog-confirm[data-v-049240ee]:hover {
  background: rgba(43, 103, 255, .8)
}

[data-v-049240ee] .el-checkbox__input.is-checked .el-checkbox__inner,
[data-v-049240ee] .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background: #2b67ff;
  border-color: #2b67ff
}

[data-v-049240ee] .el-checkbox__inner {
  width: 14px;
  height: 14px;
  transition: none;
  border-radius: 4px;
  overflow: hidden
}

[data-v-049240ee] .el-checkbox__inner:after {
  left: 50%;
  margin-left: -2px
}


.tabsContainer[data-v-24574c76] {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.tab[data-v-24574c76] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer
}

.tabsContainer .tab[data-v-24574c76]:last-child {
  margin-right: 0 !important
}

.tab .tab-underline[data-v-24574c76] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}

[data-v-24574c76] svg {
  vertical-align: middle
}

.inline[data-v-24574c76] {
  display: inline-block;
  vertical-align: top
}

.scroller.pcScroll[data-v-24574c76]::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.noScroller[data-v-24574c76]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}

.hideScrollBar_AutoScroll[data-v-24574c76] {
  white-space: nowrap;
  overflow-x: auto
}

.tabsContainer.scroller.hideScrollBar_AutoScroll[data-v-24574c76]::-webkit-scrollbar {
  display: none
}

.vertical-middle[data-v-24574c76] {
  vertical-align: middle;
  line-height: 1;
  font-size: 0
}

.nowrap .tab .tab-name>span[data-v-24574c76] {
  white-space: nowrap
}

.divide-box[data-v-24574c76] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--divideMargin)
}

.divide-box .icon[data-v-24574c76],
.divide-box .line[data-v-24574c76] {
  display: block
}

.overflowHidMultiLines[data-v-24574c76] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}


.shape-component[data-v-1720a950] {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box
}


.border-component[data-v-13310688] {
  padding: 16px;
  box-sizing: border-box;
  pointer-events: none
}

.border-component img[data-v-13310688] {
  width: 100%;
  height: 100%
}


.animate-component[data-v-53dfe34e] {
  padding: 16px;
  box-sizing: border-box
}

.animate-component img[data-v-53dfe34e] {
  width: 100%;
  height: 100%
}


.cx-more[data-v-0c23aa06] {
  line-height: 100%;
  transition: transform .5s;
  cursor: pointer
}

.more-inner[data-v-0c23aa06] {
  position: relative;
  width: 100%;
  height: 100%
}

.cx-more img[data-v-0c23aa06],
.cx-more span[data-v-0c23aa06] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px
}

.more-icon[data-v-0c23aa06] {
  display: inline-block;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat
}

[data-v-0c23aa06].more-inner svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}

[data-v-0c23aa06].more-inner svg * {
  stroke: var(--color)
}


.weather-component[data-v-4d8f5926],
.weather-component>div[data-v-4d8f5926] {
  transition: transform .5s
}

.weather-component[data-v-4d8f5926] {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.weather-icon[data-v-4d8f5926] {
  width: 54px
}

.weather-labels-wrap .weather-labels[data-v-4d8f5926]:first-child {
  padding-left: 0 !important;
  padding-top: 0 !important
}

.weather-labels[data-v-4d8f5926] {
  line-height: 1;
  vertical-align: middle
}

.weather-labels .icon[data-v-4d8f5926] {
  display: inline-block
}


.overflowHidMultiLines[data-v-4aaa18de] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.date-component[data-v-4aaa18de],
.date-component>div[data-v-4aaa18de] {
  transition: transform .5s
}

.date-component>div[data-v-4aaa18de] {
  pointer-events: none;
  display: inline-block
}


.d-roll-wrapper {
  width: 100%
}

.d-roll-list {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  display: flex;
  overflow: hidden;
  align-items: flex-end
}

.d-roll-list.number_flex1 {
  display: flex
}

.d-roll-list .d-roll-item {
  list-style: none;
  float: left;
  flex-grow: 1;
  overflow: hidden
}

.d-roll-list-left .icon {
  float: left
}

.d-roll-list .d-roll-item:last-child {
  margin-right: 0 !important
}

.d-roll-item>.d-roll-bar {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  perspective: 1000
}

.d-roll-item>.d-roll-bar>div {
  box-sizing: border-box !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}


.d-roll-wrapper {
  width: 100%
}

.d-roll-list {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  overflow: hidden;
  align-items: flex-end
}

.number_flex {
  display: flex
}

.d-roll-list .d-roll-item {
  display: flex;
  list-style: none;
  float: left;
  flex-grow: 1;
  overflow: hidden;
  justify-content: center;
  align-items: center
}

.d-roll-list-left .icon {
  float: left
}

.d-roll-list .d-roll-item:last-child {
  margin-right: 0 !important
}


.tag-cloud[data-v-4341b340] {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto
}

.tag-cloud[data-v-4341b340],
.tag-cloud p[data-v-4341b340] {
  color: #333;
  text-align: center
}

.tag-cloud p[data-v-4341b340] {
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  margin: 0 10px 15px 0;
  line-height: 100px;
  padding: 10px 40px;
  display: inline-block;
  border-radius: 3px
}


.chart[data-v-164b47b6] {
  height: 100%
}


.text-overflow[data-v-74b4cab0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.custom-submenu[data-v-74b4cab0] {
  width: var(--navSize_width);
  height: var(--navSize_height);
  box-sizing: border-box;
  display: flex;
  grid-gap: var(--navGap);
  gap: var(--navGap);
  padding: var(--navPadding);
  border-style: var(--navBorder_borderStyle);
  border-width: var(--navBorder_borderWidth);
  border-color: var(--navBorder_borderColor) !important;
  border-radius: var(--navBorderRadius);
  background-color: var(--wholeBackground_backgroundColor);
  background-image: var(--wholeBackground_backgroundImage);
  background-repeat: var(--wholeBackground_backgroundRepeat);
  background-position: var(--wholeBackground_backgroundPosition);
  background-size: var(--wholeBackground_backgroundSize);
  box-shadow: var(--navBoxShadow);
  font-family: "PingFang SC";
  position: relative;
  justify-content: var(--navSite_alignmentType)
}

.second-menu[data-v-74b4cab0] {
  flex-shrink: 0;
  overflow: hidden
}

.second-menu-title[data-v-74b4cab0] {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  font-size: var(--secondNavTitle_fontSize);
  font-weight: var(--secondNavTitle_fontWeight);
  line-height: var(--secondNavTitle_lineHeight);
  text-align: var(--secondNavTitle_textAlign);
  letter-spacing: var(--secondNavTitle_letterSpacing);
  -webkit-text-decoration: var(--secondNavTitle_textDecoration);
  text-decoration: var(--secondNavTitle_textDecoration);
  font-style: var(--secondNavTitle_fontStyle);
  color: var(--secondNavTitle_fontColor);
  -ms-writing-mode: var(--secondNavTitle_writingMode);
  writing-mode: var(--secondNavTitle_writingMode);
  border-width: var(--secondNavTitleBorder_borderWidth);
  border-color: var(--secondNavTitleBorder_borderColor) !important;
  border-style: var(--secondNavTitleBorder_borderStyle);
  padding: var(--secondNavPadding);
  background-repeat: var(--secondNavTitleBackground_backgroundRepeat);
  background-image: var(--secondNavTitleBackground_backgroundImage);
  background-color: var(--secondNavTitleBackground_backgroundColor);
  background-size: var(--secondNavTitleBackground_backgroundSize);
  background-position: var(--secondNavTitleBackground_backgroundPosition);
  border-radius: var(--secondRadius);
  cursor: pointer
}

.second-menu-title[data-v-74b4cab0]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: var(--secondTitleBorderWidth) solid var(--secondTitleBorderColor)
}

.second-menu-title[data-v-74b4cab0]:hover {
  padding: var(--secondNavHoverPadding);
  font-size: var(--secondNavHoverTitle_fontSize);
  font-weight: var(--secondNavHoverTitle_fontWeight);
  line-height: var(--secondNavHoverTitle_lineHeight);
  text-align: var(--secondNavHoverTitle_textAlign);
  letter-spacing: var(--secondNavHoverTitle_letterSpacing);
  -webkit-text-decoration: var(--secondNavHoverTitle_textDecoration);
  text-decoration: var(--secondNavHoverTitle_textDecoration);
  font-style: var(--secondNavHoverTitle_fontStyle);
  color: var(--secondNavHoverTitle_fontColor);
  -ms-writing-mode: var(--secondNavHoverTitle_writingMode);
  writing-mode: var(--secondNavHoverTitle_writingMode);
  border-width: var(--secondNavTitleHoverBorder_borderWidth);
  border-color: var(--secondNavTitleHoverBorder_borderColor) !important;
  border-style: var(--secondNavTitleHoverBorder_borderStyle);
  border-radius: var(--secondHoverRadius);
  background-repeat: var(--secondHoverNavTitleBackground_backgroundRepeat);
  background-image: var(--secondHoverNavTitleBackground_backgroundImage);
  background-color: var(--secondHoverNavTitleBackground_backgroundColor);
  background-size: var(--secondHoverNavTitleBackground_backgroundSize);
  background-position: var(--secondHoverNavTitleBackground_backgroundPosition)
}

.second-menu-title.is-active[data-v-74b4cab0] {
  padding: var(--secondNavActivePadding);
  font-size: var(--secondNavActiveTitle_fontSize);
  font-weight: var(--secondNavActiveTitle_fontWeight);
  line-height: var(--secondNavActiveTitle_lineHeight);
  text-align: var(--secondNavActiveTitle_textAlign);
  letter-spacing: var(--secondNavActiveTitle_letterSpacing);
  -webkit-text-decoration: var(--secondNavActiveTitle_textDecoration);
  text-decoration: var(--secondNavActiveTitle_textDecoration);
  font-style: var(--secondNavActiveTitle_fontStyle);
  color: var(--secondNavActiveTitle_fontColor);
  -ms-writing-mode: var(--secondNavActiveTitle_writingMode);
  writing-mode: var(--secondNavActiveTitle_writingMode);
  border-width: var(--secondNavTitleActiveBorder_borderWidth);
  border-color: var(--secondNavTitleActiveBorder_borderColor) !important;
  border-style: var(--secondNavTitleActiveBorder_borderStyle);
  border-radius: var(--secondActiveRadius);
  background-repeat: var(--secondActiveNavTitleBackground_backgroundRepeat);
  background-image: var(--secondActiveNavTitleBackground_backgroundImage);
  background-color: var(--secondActiveNavTitleBackground_backgroundColor);
  background-size: var(--secondActiveNavTitleBackground_backgroundSize);
  background-position: var(--secondActiveNavTitleBackground_backgroundPosition)
}

.third-menu-container[data-v-74b4cab0] {
  padding-top: 10px
}

.third-menu-container .third-menu[data-v-74b4cab0]:not(:last-child) {
  margin-bottom: var(--thirdNavTitleMargin)
}

.third-menu-title[data-v-74b4cab0] {
  width: 100%;
  margin: 0;
  line-height: var(--thirdNavTitle_lineHeight);
  padding: 0 10px;
  text-align: var(--thirdNavTitle_textAlign);
  font-size: var(--thirdNavTitle_fontSize);
  font-weight: var(--thirdNavTitle_fontWeight);
  color: var(--thirdNavTitle_fontColor);
  letter-spacing: var(--thirdNavTitle_letterSpacing);
  -webkit-text-decoration: var(--thirdNavTitle_textDecoration);
  text-decoration: var(--thirdNavTitle_textDecoration);
  font-style: var(--thirdNavTitle_fontStyle);
  -ms-writing-mode: var(--thirdNavTitle_writingMode);
  writing-mode: var(--thirdNavTitle_writingMode);
  padding: var(--thirdNavPadding);
  border-width: var(--thirdTitleBorder_borderWidth);
  border-color: var(--thirdTitleBorder_borderColor) !important;
  border-style: var(--thirdTitleBorder_borderStyle);
  border-radius: var(--thirdTitleRadius);
  background-repeat: var(--thirdNavTitleBackground_backgroundRepeat);
  background-image: var(--thirdNavTitleBackground_backgroundImage);
  background-color: var(--thirdNavTitleBackground_backgroundColor);
  background-size: var(--thirdNavTitleBackground_backgroundSize);
  background-position: var(--thirdNavTitleBackground_backgroundPosition);
  cursor: pointer
}

.third-menu-title .title-content[data-v-74b4cab0] {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: var(--thirdNavTitleLines);
  -webkit-box-orient: vertical
}

.third-menu-title .icon[data-v-74b4cab0] {
  flex-shrink: 0
}

.third-menu-title[data-v-74b4cab0]:hover {
  text-align: var(--thirdHoverNavTitle_textAlign);
  font-size: var(--thirdHoverNavTitle_fontSize);
  font-weight: var(--thirdHoverNavTitle_fontWeight);
  color: var(--thirdHoverNavTitle_fontColor);
  letter-spacing: var(--thirdHoverNavTitle_letterSpacing);
  -webkit-text-decoration: var(--thirdHoverNavTitle_textDecoration);
  text-decoration: var(--thirdHoverNavTitle_textDecoration);
  font-style: var(--thirdHoverNavTitle_fontStyle);
  -ms-writing-mode: var(--thirdHoverNavTitle_writingMode);
  writing-mode: var(--thirdHoverNavTitle_writingMode);
  background-repeat: var(--thirdHoverNavTitleBackground_backgroundRepeat);
  background-image: var(--thirdHoverNavTitleBackground_backgroundImage);
  background-color: var(--thirdHoverNavTitleBackground_backgroundColor);
  background-size: var(--thirdHoverNavTitleBackground_backgroundSize);
  background-position: var(--thirdHoverNavTitleBackground_backgroundPosition);
  border-radius: var(--thirdHoverRadius);
  border-width: var(--thirdTitleHoverBorder_borderWidth);
  border-color: var(--thirdTitleHoverBorder_borderColor) !important;
  border-style: var(--thirdTitleHoverBorder_borderStyle)
}

.third-menu-title.is-active[data-v-74b4cab0] {
  text-align: var(--thirdActiveNavTitle_textAlign);
  font-size: var(--thirdActiveNavTitle_fontSize);
  font-weight: var(--thirdActiveNavTitle_fontWeight);
  color: var(--thirdActiveNavTitle_fontColor);
  letter-spacing: var(--thirdActiveNavTitle_letterSpacing);
  -webkit-text-decoration: var(--thirdActiveNavTitle_textDecoration);
  text-decoration: var(--thirdActiveNavTitle_textDecoration);
  font-style: var(--thirdActiveNavTitle_fontStyle);
  -ms-writing-mode: var(--thirdActiveNavTitle_writingMode);
  writing-mode: var(--thirdActiveNavTitle_writingMode);
  background-repeat: var(--thirdActiveNavTitleBackground_backgroundRepeat);
  background-image: var(--thirdActiveNavTitleBackground_backgroundImage);
  background-color: var(--thirdActiveNavTitleBackground_backgroundColor);
  background-size: var(--thirdActiveNavTitleBackground_backgroundSize);
  background-position: var(--thirdActiveNavTitleBackground_backgroundPosition);
  border-radius: var(--thirdActiveRadius);
  border-width: var(--thirdTitleActiveBorder_borderWidth);
  border-color: var(--thirdTitleActiveBorder_borderColor) !important;
  border-style: var(--thirdTitleActiveBorder_borderStyle)
}


.detail[data-v-5b62a214] {
  display: flex;
  overflow: hidden
}

.detail[data-v-5b62a214],
.detail-icon[data-v-5b62a214] {
  flex-shrink: 0
}

.detail-icon img[data-v-5b62a214] {
  display: block;
  width: var(--coverSize_width);
  height: var(--coverSize_height);
  padding: var(--coverPadding);
  border-style: var(--coverBorder_borderStyle);
  border-width: var(--coverBorder_borderWidth);
  border-color: var(--coverBorder_borderColor) !important;
  box-shadow: var(--coverShadow);
  border-radius: var(--coverRadius);
  box-sizing: content-box
}

.detail-desc[data-v-5b62a214] {
  width: var(--descSize_width);
  height: var(--descSize_height);
  padding: var(--descPadding);
  font-size: var(--descFont_fontSize);
  font-weight: var(--descFont_fontWeight);
  color: var(--descFont_fontColor);
  letter-spacing: var(--descFont_letterSpacing);
  -webkit-text-decoration: var(--descFont_textDecoration);
  text-decoration: var(--descFont_textDecoration);
  font-style: var(--descFont_fontStyle);
  text-align: var(--descFont_textAlign);
  line-height: var(--descFont_lineHeight);
  overflow: hidden;
  box-shadow: var(--descShadow);
  border-style: var(--descBorder_borderStyle);
  border-width: var(--descBorder_borderWidth);
  border-color: var(--descBorder_borderColor) !important;
  box-sizing: content-box;
  flex-shrink: 0
}

.custom-submenu[data-v-5b62a214] {
  width: var(--navSize_width);
  height: var(--navSize_height);
  overflow-y: auto;
  box-sizing: border-box;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  font-family: "PingFang SC";
  padding: var(--navPadding);
  border-style: var(--navBorder_borderStyle);
  border-width: var(--navBorder_borderWidth);
  border-color: var(--navBorder_borderColor) !important;
  border-radius: var(--navBorderRadius);
  background-color: var(--wholeBackground_backgroundColor);
  background-image: var(--wholeBackground_backgroundImage);
  background-repeat: var(--wholeBackground_backgroundRepeat);
  background-position: var(--wholeBackground_backgroundPosition);
  background-size: var(--wholeBackground_backgroundSize);
  box-shadow: var(--navBoxShadow);
  position: relative;
  justify-content: var(--navSite_alignmentType)
}

.sub-menus[data-v-5b62a214] {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, var(--colWidth));
  grid-auto-flow: row;
  grid-auto-rows: var(--titleFont_lineHeight);
  grid-row-gap: var(--rowGap);
  grid-column-gap: var(--colGap);
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 16px;
  flex-shrink: 1
}

.sub-menu-item[data-v-5b62a214] {
  cursor: pointer;
  padding: var(--titlePadding);
  font-size: var(--titleFont_fontSize);
  font-weight: var(--titleFont_fontWeight);
  color: var(--titleFont_fontColor);
  letter-spacing: var(--titleFont_letterSpacing);
  -webkit-text-decoration: var(--titleFont_textDecoration);
  text-decoration: var(--titleFont_textDecoration);
  font-style: var(--titleFont_fontStyle);
  line-height: var(--titleFont_lineHeight);
  overflow: hidden;
  box-shadow: var(--titleBoxShadow);
  border-style: var(--titleBorder_borderStyle);
  border-width: var(--titleBorder_borderWidth);
  border-color: var(--titleBorder_borderColor) !important;
  border-radius: var(--titleRadius);
  font-family: var(--titleFont_fontFamily);
  text-align: var(--titleFont_textAlign)
}

.sub-menu-item[data-v-5b62a214]:hover {
  border-radius: var(--titleHoverRadius);
  background-color: var(--titleHoverBackground_backgroundColor);
  background-image: var(--titleHoverBackground_backgroundImage);
  background-repeat: var(--titleHoverBackground_backgroundRepeat);
  background-position: var(--titleHoverBackground_backgroundPosition);
  background-size: var(-titleHoverBackground_backgroundSize);
  font-family: var(--titleHoverFont_fontFamily);
  font-size: var(--titleHoverFont_fontSize);
  font-weight: var(--titleHoverFont_fontWeight);
  color: var(--titleHoverFont_fontColor);
  letter-spacing: var(--titleHoverFont_letterSpacing);
  -webkit-text-decoration: var(--titleHoverFont_textDecoration);
  text-decoration: var(--titleHoverFont_textDecoration);
  font-style: var(--titleHoverFont_fontStyle);
  line-height: var(--titleHoverFont_lineHeight);
  text-align: var(--titleHoverFont_textAlign)
}

.sub-menu-item.is-active[data-v-5b62a214] {
  border-radius: var(--titleActiveRadius);
  background-color: var(--titleActiveBackground_backgroundColor);
  background-image: var(--titleActiveBackground_backgroundImage);
  background-repeat: var(--titleActiveBackground_backgroundRepeat);
  background-position: var(--titleActiveBackground_backgroundPosition);
  background-size: var(-titleActiveBackground_backgroundSize);
  font-family: var(--titleActiveFont_fontFamily);
  font-size: var(--titleActiveFont_fontSize);
  font-weight: var(--titleActiveFont_fontWeight);
  color: var(--titleActiveFont_fontColor);
  letter-spacing: var(--titleActiveFont_letterSpacing);
  -webkit-text-decoration: var(--titleActiveFont_textDecoration);
  text-decoration: var(--titleActiveFont_textDecoration);
  font-style: var(--titleActiveFont_fontStyle);
  line-height: var(--titleActiveFont_lineHeight);
  text-align: var(--titleActiveFont_textAlign)
}



.text-overflow[data-v-24593f16] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.custom-submenu[data-v-24593f16] {
  box-sizing: border-box;
  padding: var(--navPadding);
  border-style: var(--navBorder_borderStyle);
  border-width: var(--navBorder_borderWidth);
  border-color: var(--navBorder_borderColor) !important;
  border-radius: var(--navBorderRadius);
  background-color: var(--wholeBackground_backgroundColor);
  background-image: var(--wholeBackground_backgroundImage);
  background-repeat: var(--wholeBackground_backgroundRepeat);
  background-position: var(--wholeBackground_backgroundPosition);
  background-size: var(--wholeBackground_backgroundSize);
  box-shadow: var(--navBoxShadow);
  font-family: "PingFang SC";
  position: relative;
  justify-content: var(--navSite_alignmentType);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto
}

.custom-submenu[data-v-24593f16]::-webkit-scrollbar {
  width: 4px
}

.custom-submenu[data-v-24593f16]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px
}

.second-menu[data-v-24593f16] {
  flex: 1;
  overflow: hidden
}

.second-menu[data-v-24593f16]:not(:last-child) {
  margin-bottom: var(--navGap)
}

.second-menu-title[data-v-24593f16] {
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  font-family: var(--secondNavTitle_fontFamily);
  font-size: var(--secondNavTitle_fontSize);
  font-weight: var(--secondNavTitle_fontWeight);
  line-height: var(--secondNavTitle_lineHeight);
  text-align: var(--secondNavTitle_textAlign);
  letter-spacing: var(--secondNavTitle_letterSpacing);
  -webkit-text-decoration: var(--secondNavTitle_textDecoration);
  text-decoration: var(--secondNavTitle_textDecoration);
  font-style: var(--secondNavTitle_fontStyle);
  color: var(--secondNavTitle_fontColor);
  -ms-writing-mode: var(--secondNavTitle_writingMode);
  writing-mode: var(--secondNavTitle_writingMode);
  border-width: var(--secondNavTitleBorder_borderWidth);
  border-color: var(--secondNavTitleBorder_borderColor) !important;
  border-style: var(--secondNavTitleBorder_borderStyle);
  padding: var(--secondNavPadding);
  text-shadow: var(--secondNavTitle_textShadow);
  background-repeat: var(--secondNavTitleBackground_backgroundRepeat);
  background-image: var(--secondNavTitleBackground_backgroundImage);
  background-color: var(--secondNavTitleBackground_backgroundColor);
  background-size: var(--secondNavTitleBackground_backgroundSize);
  background-position: var(--secondNavTitleBackground_backgroundPosition);
  border-radius: var(--secondNavBorderRadius);
  cursor: pointer
}

.second-menu-title[data-v-24593f16]:hover {
  padding: var(--secondNavHoverPadding);
  font-size: var(--secondNavHoverTitle_fontSize);
  font-weight: var(--secondNavHoverTitle_fontWeight);
  line-height: var(--secondNavHoverTitle_lineHeight);
  text-align: var(--secondNavHoverTitle_textAlign);
  letter-spacing: var(--secondNavHoverTitle_letterSpacing);
  -webkit-text-decoration: var(--secondNavHoverTitle_textDecoration);
  text-decoration: var(--secondNavHoverTitle_textDecoration);
  font-style: var(--secondNavHoverTitle_fontStyle);
  color: var(--secondNavHoverTitle_fontColor);
  text-shadow: var(--secondNavHoverTitle_textShadow);
  -ms-writing-mode: var(--secondNavHoverTitle_writingMode);
  writing-mode: var(--secondNavHoverTitle_writingMode);
  border-width: var(--secondNavTitleHoverBorder_borderWidth);
  border-color: var(--secondNavTitleHoverBorder_borderColor) !important;
  border-style: var(--secondNavTitleHoverBorder_borderStyle);
  border-radius: var(--secondHoverRadius);
  background-repeat: var(--secondHoverNavTitleBackground_backgroundRepeat);
  background-image: var(--secondHoverNavTitleBackground_backgroundImage);
  background-color: var(--secondHoverNavTitleBackground_backgroundColor);
  background-size: var(--secondHoverNavTitleBackground_backgroundSize);
  background-position: var(--secondHoverNavTitleBackground_backgroundPosition)
}

.second-menu-title.is-active[data-v-24593f16] {
  padding: var(--secondNavActivePadding);
  font-size: var(--secondNavActiveTitle_fontSize);
  font-weight: var(--secondNavActiveTitle_fontWeight);
  line-height: var(--secondNavActiveTitle_lineHeight);
  text-align: var(--secondNavActiveTitle_textAlign);
  letter-spacing: var(--secondNavActiveTitle_letterSpacing);
  -webkit-text-decoration: var(--secondNavActiveTitle_textDecoration);
  text-decoration: var(--secondNavActiveTitle_textDecoration);
  font-style: var(--secondNavActiveTitle_fontStyle);
  color: var(--secondNavActiveTitle_fontColor);
  text-shadow: var(--secondNavActiveTitle_textShadow);
  -ms-writing-mode: var(--secondNavActiveTitle_writingMode);
  writing-mode: var(--secondNavActiveTitle_writingMode);
  border-width: var(--secondNavTitleActiveBorder_borderWidth);
  border-color: var(--secondNavTitleActiveBorder_borderColor) !important;
  border-style: var(--secondNavTitleActiveBorder_borderStyle);
  border-radius: var(--secondActiveRadius);
  background-repeat: var(--secondActiveNavTitleBackground_backgroundRepeat);
  background-image: var(--secondActiveNavTitleBackground_backgroundImage);
  background-color: var(--secondActiveNavTitleBackground_backgroundColor);
  background-size: var(--secondActiveNavTitleBackground_backgroundSize);
  background-position: var(--secondActiveNavTitleBackground_backgroundPosition)
}

.menu-container[data-v-24593f16]::-webkit-scrollbar {
  width: 4px
}

.menu-container[data-v-24593f16]::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px
}

.title-icon[data-v-24593f16] {
  display: inline-block;
  color: var(--secondNavIcon_iconColor);
  font-size: var(--secondNavIcon_iconWidth);
  width: var(--secondNavIcon_iconWidth);
  height: var(--secondNavIcon_iconWidth)
}

.third-menu-container[data-v-24593f16] {
  display: flex;
  flex-wrap: wrap;
  padding: 0 12px;
  padding: var(--thirdNavPadding);
  grid-gap: var(--thirdNavTitleMargin_topMargin) var(--thirdNavTitleMargin_leftMargin);
  gap: var(--thirdNavTitleMargin_topMargin) var(--thirdNavTitleMargin_leftMargin)
}

.third-menu-title[data-v-24593f16] {
  width: 100%;
  line-height: var(--thirdNavTitle_lineHeight);
  text-align: var(--thirdNavTitle_textAlign);
  font-size: var(--thirdNavTitle_fontSize);
  font-weight: var(--thirdNavTitle_fontWeight);
  color: var(--thirdNavTitle_fontColor);
  letter-spacing: var(--thirdNavTitle_letterSpacing);
  -webkit-text-decoration: var(--thirdNavTitle_textDecoration);
  text-decoration: var(--thirdNavTitle_textDecoration);
  font-style: var(--thirdNavTitle_fontStyle);
  -ms-writing-mode: var(--thirdNavTitle_writingMode);
  writing-mode: var(--thirdNavTitle_writingMode);
  text-shadow: var(--thirdNavTitle_textShadow);
  cursor: pointer;
  background-repeat: var(--thirdNavTitleBackground_backgroundRepeat);
  background-image: var(--thirdNavTitleBackground_backgroundImage);
  background-color: var(--thirdNavTitleBackground_backgroundColor);
  background-size: var(--thirdNavTitleBackground_backgroundSize);
  background-position: var(--thirdNavTitleBackground_backgroundPosition);
  border-width: var(--thirdTitleBorder_borderWidth);
  border-color: var(--thirdTitleBorder_borderColor) !important;
  border-style: var(--thirdTitleBorder_borderStyle);
  border-radius: var(--thirdRadius)
}

.third-menu-title[data-v-24593f16]:hover {
  text-shadow: var(--thirdHoverNavTitle_textShadow);
  text-align: var(--thirdHoverNavTitle_textAlign);
  font-size: var(--thirdHoverNavTitle_fontSize);
  font-weight: var(--thirdHoverNavTitle_lineHeight);
  color: var(--thirdHoverNavTitle_fontColor);
  letter-spacing: var(--thirdHoverNavTitle_letterSpacing);
  -webkit-text-decoration: var(--thirdHoverNavTitle_textDecoration);
  text-decoration: var(--thirdHoverNavTitle_textDecoration);
  font-style: var(--thirdHoverNavTitle_fontStyle);
  -ms-writing-mode: var(--thirdHoverNavTitle_writingMode);
  writing-mode: var(--thirdHoverNavTitle_writingMode);
  background-repeat: var(--thirdHoverNavTitleBackground_backgroundRepeat);
  background-image: var(--thirdHoverNavTitleBackground_backgroundImage);
  background-color: var(--thirdHoverNavTitleBackground_backgroundColor);
  background-size: var(--thirdHoverNavTitleBackground_backgroundSize);
  background-position: var(--thirdHoverNavTitleBackground_backgroundPosition);
  border-radius: var(--thirdHoverRadius);
  border-width: var(--thirdTitleHoverBorder_borderWidth);
  border-color: var(--thirdTitleHoverBorder_borderColor) !important;
  border-style: var(--thirdTitleHoverBorder_borderStyle)
}

.third-menu-title.is-active[data-v-24593f16] {
  text-shadow: var(--thirdActiveNavTitle_textShadow);
  text-align: var(--thirdActiveNavTitle_textAlign);
  font-size: var(--thirdActiveNavTitle_fontSize);
  font-weight: var(--thirdActiveNavTitle_lineHeight);
  color: var(--thirdActiveNavTitle_fontColor);
  letter-spacing: var(--thirdActiveNavTitle_letterSpacing);
  -webkit-text-decoration: var(--thirdActiveNavTitle_textDecoration);
  text-decoration: var(--thirdActiveNavTitle_textDecoration);
  font-style: var(--thirdActiveNavTitle_fontStyle);
  -ms-writing-mode: var(--thirdActiveNavTitle_writingMode);
  writing-mode: var(--thirdActiveNavTitle_writingMode);
  background-repeat: var(--thirdActiveNavTitleBackground_backgroundRepeat);
  background-image: var(--thirdActiveNavTitleBackground_backgroundImage);
  background-color: var(--thirdActiveNavTitleBackground_backgroundColor);
  background-size: var(--thirdActiveNavTitleBackground_backgroundSize);
  background-position: var(--thirdActiveNavTitleBackground_backgroundPosition);
  border-radius: var(--thirdActiveRadius);
  border-width: var(--thirdTitleActiveBorder_borderWidth);
  border-color: var(--thirdTitleActiveBorder_borderColor) !important;
  border-style: var(--thirdTitleActiveBorder_borderStyle)
}


[data-v-29fe2748] .changeDialog {
  width: 640px
}

[data-v-29fe2748] .changeDialog.app {
  width: 100%
}

[data-v-29fe2748] .changeDialog .dialog-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px
}

[data-v-29fe2748] .changeDialog .el-dialog__body {
  height: 500px;
  overflow: auto;
  padding: 8px 0
}

[data-v-29fe2748] .changeDialog .list-item {
  position: relative;
  padding: 10px 48px 10px 24px;
  font-size: 13px;
  line-height: 18px;
  color: rgba(0, 0, 0, .8);
  cursor: pointer
}

[data-v-29fe2748] .changeDialog .list-item.active {
  color: #2b67ff
}

[data-v-29fe2748] .changeDialog .list-item .icon-portal-check {
  position: absolute;
  right: 24px;
  top: 11px;
  font-size: 16px;
  cursor: pointer;
  color: #2b67ff;
  display: none
}

[data-v-29fe2748] .changeDialog .list-item.active .icon-portal-check {
  display: block
}

.null-data[data-v-29fe2748] {
  position: absolute;
  z-index: 9999;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, .4);
  font-size: 14px;
  text-align: center
}

[data-v-29fe2748] .changeDialog .el-dialog__headerbtn {
  display: none
}

[data-v-29fe2748] .changeDialog .icon-portal-close {
  position: absolute;
  right: 18px;
  top: 18px;
  font-size: 16px;
  cursor: pointer
}


[data-v-101e503c] .el-submenu.is-opened .connect-box {
  display: var(--connector-display)
}

.connect-box[data-v-101e503c] {
  position: absolute;
  left: 0;
  height: 25px;
  width: 100%;
  padding: var(--padding)
}

.connect-box .vertical-line[data-v-101e503c] {
  position: absolute;
  width: var(--connector-width);
  height: 100%;
  left: 50%;
  top: 0;
  transform: translate(-50%);
  background: var(--connector-color)
}

.connect-box .hor-line[data-v-101e503c] {
  width: 100%;
  height: var(--connector-width);
  top: 0;
  background: var(--connector-color)
}

.el-menu-wrap[data-v-101e503c] {
  position: relative;
  width: 100%;
  height: 100%
}

.el-menu--horizontal>li[data-v-101e503c] {
  display: inline-block;
  float: none
}

.rect_center[data-v-101e503c],
.rect_left[data-v-101e503c],
.rect_right[data-v-101e503c] {
  display: flex;
  position: absolute;
  flex-wrap: var(--wrap);
  align-items: flex-start
}

.row-col-layout .rect_center[data-v-101e503c],
.row-col-layout .rect_left[data-v-101e503c],
.row-col-layout .rect_right[data-v-101e503c] {
  position: relative !important
}

[data-v-101e503c] .el-menu--horizontal.rect_left {
  left: 0 !important;
  right: auto !important;
  justify-content: flex-start
}

[data-v-101e503c] .el-menu--horizontal.rect_center {
  position: relative !important;
  margin: 0 auto;
  justify-content: center
}

[data-v-101e503c] .el-menu--horizontal.rect_right {
  right: 0 !important;
  left: auto !important;
  justify-content: flex-end
}

.el-menu--horizontal>.el-submenu[data-v-101e503c]>.el-submenu__title {
  display: inline-block;
  vertical-align: top;
  height: var(--height1) !important
}

.el-menu--horizontal>.el-submenu[data-v-101e503c] .el-submenu__title,
.el-menu--horizontal[data-v-101e503c]>.el-menu-item {
  color: var(--color) !important;
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeight);
  height: var(--height);
  line-height: var(--lineHeight);
  text-align: var(--textAlign);
  -webkit-text-decoration: var(--textDecoration);
  text-decoration: var(--textDecoration);
  letter-spacing: var(--letterSpacing);
  -ms-writing-mode: var(--writingMode);
  writing-mode: var(--writingMode);
  font-style: var(--fontStyle);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
  border-color: var(--borderColor) !important;
  width: var(--navWidth);
  box-shadow: var(--boxShadow);
  opacity: var(--topNavOpacity);
  transform: var(--topNavRotate)
}

.el-menu--horizontal>.el-submenu[data-v-101e503c],
.el-menu--horizontal[data-v-101e503c]>.el-menu-item {
  margin-bottom: var(--liMarginBottom)
}

.el-menu--horizontal[data-v-101e503c]>.el-menu-item:not(:last-child),
.el-menu--horizontal[data-v-101e503c]>.el-submenu:not(:last-child) {
  margin-right: var(--navMargin)
}

.el-menu--horizontal>.el-submenu[data-v-101e503c]:focus .el-submenu__title {
  color: var(--color)
}

.el-menu--horizontal .el-menu--popup .el-submenu[data-v-101e503c]:last-child .el-submenu__title,
.el-menu--horizontal[data-v-101e503c] .el-menu--popup .el-menu-item:last-child {
  border-bottom: var(--borderBottomWidth) var(--borderStyle) var(--borderColor);
  margin-bottom: 0
}

.el-menu--horizontal[data-v-101e503c] .el-menu--popup .el-menu-item:last-child {
  margin-right: 0;
  line-height: var(--borderBottomWidthLineHeight0)
}

.el-menu--horizontal .el-submenu[data-v-101e503c]:last-child .el-submenu__title {
  opacity: var(--opacity)
}

.el-menu--horizontal[data-v-101e503c]>.el-menu-item,
.el-menu--horizontal[data-v-101e503c]>.el-submenu>.el-submenu__title {
  padding: var(--padding)
}

[data-v-101e503c].el-menu--horizontal>.el-menu-item,
[data-v-101e503c].el-menu--horizontal>.el-submenu>.el-submenu__title {
  background-image: var(--backgroundImage);
  background-size: var(--backgroundSize);
  background-position: var(--backgroundPosition);
  background-repeat: var(--backgroundRepeat);
  background-color: var(--backgroundColor) !important;
  border-radius: var(--borderRadius);
  transition: unset
}

[data-v-101e503c].el-menu--horizontal .el-menu .el-menu-item,
[data-v-101e503c].el-menu--horizontal .el-menu .el-submenu__title {
  color: var(--color);
  font-style: var(--fontStyle);
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeight);
  line-height: var(--liLineHeight);
  height: var(--liHeight);
  width: var(--liWidth);
  border-width: var(--liBorderWidth);
  border-style: var(--borderStyle);
  border-color: var(--borderColor) !important;
  border-radius: var(--liBorderRadius);
  text-align: var(--textAlign);
  -webkit-text-decoration: var(--textDecoration);
  text-decoration: var(--textDecoration);
  letter-spacing: var(--letterSpacing);
  -ms-writing-mode: var(--writingMode);
  writing-mode: var(--writingMode);
  background-image: var(--liBackgroundImage);
  background-size: var(--liBackgroundSize);
  background-position: var(--liBackgroundPosition);
  background-repeat: var(--liBackgroundRepeat);
  background-color: var(--liBackgroundColor);
  margin-bottom: var(--liMargin);
  padding: var(--liPadding);
  opacity: var(--liOpacity);
  transform: var(--liRotate);
  box-shadow: var(--selectBoxShadowStyle);
  white-space: var(--liWidthAutoWrap)
}

[data-v-101e503c].el-menu--horizontal .el-menu .el-submenu__title>span {
  text-align: var(--textAlign);
  height: 100%
}

[data-v-101e503c].rect>.el-submenu.is-opened>.el-submenu__title {
  color: var(--hoverColor) !important;
  font-size: var(--hoverFontSize) !important;
  font-family: var(--hoverFontFamily) !important;
  font-weight: var(--hoverFontWeight) !important;
  border-width: var(--hoverBorderWidth);
  border-style: var(--hoverBorderStyle);
  border-color: var(--hoverBorderColor) !important;
  line-height: var(--hoverLineHeight);
  text-align: var(--hoverTextAlign);
  -webkit-text-decoration: var(--hoverTextDecoration);
  text-decoration: var(--hoverTextDecoration);
  letter-spacing: var(--hoverLetterSpacing);
  -ms-writing-mode: var(--hoverWritingMode);
  writing-mode: var(--hoverWritingMode);
  background: var(--hoverBackgroundColor) !important;
  background-image: var(--hoverBackgroundImage) !important;
  background-size: var(--hoverBackgroundSize) !important;
  background-position: var(--hoverBackgroundPosition) !important;
  background-repeat: var(--hoverBackgroundRepeat) !important;
  background-color: var(--hoverBackgroundColor) !important
}

[data-v-101e503c] .el-submenu.is-opened>.el-submenu__title>.icon {
  display: inline-block;
  transform: rotate(180deg)
}

[data-v-101e503c] .el-menu--popup .el-submenu__title>.icon.old-icon-style {
  transform: translateY(-50%)
}

[data-v-101e503c] .el-menu--popup .el-submenu.is-opened>.el-submenu__title>.icon {
  display: inline-block;
  transform: rotate(180deg)
}

[data-v-101e503c] .el-menu--popup .el-submenu.is-opened>.el-submenu__title>.icon.old-icon-style {
  display: inline-block;
  transform: rotate(180deg) translateY(50%)
}

.el-menu--horizontal>.el-submenu[data-v-101e503c] .el-submenu__title:hover,
[data-v-101e503c].el-menu--horizontal .el-menu .el-menu-item:hover,
[data-v-101e503c] .el-submenu.is-opened {
  color: var(--hoverColor) !important;
  font-size: var(--hoverFontSize) !important;
  font-family: var(--hoverFontFamily) !important;
  font-weight: var(--hoverFontWeight) !important;
  background: var(--liHoverBackgroundColor) !important;
  background-image: var(--liHoverBackgroundImage) !important;
  background-size: var(--liHoverBackgroundSize) !important;
  background-position: var(--liHoverBackgroundPosition) !important;
  background-repeat: var(--liHoverBackgroundRepeat) !important;
  background-color: var(--liHoverBackgroundColor) !important;
  line-height: var(--liHoverLineHeight);
  text-align: var(--hoverTextAlign);
  -webkit-text-decoration: var(--hoverTextDecoration);
  text-decoration: var(--hoverTextDecoration);
  letter-spacing: var(--hoverLetterSpacing);
  -ms-writing-mode: var(--hoverWritingMode);
  writing-mode: var(--hoverWritingMode);
  font-style: var(--liHoverFontStyle);
  border-radius: var(--liHoverBorderRadius)
}

.el-menu--horizontal>.el-submenu[data-v-101e503c] .el-submenu__title.is-active,
[data-v-101e503c].el-menu--horizontal .el-menu .el-menu-item.is-active,
[data-v-101e503c] .el-submenu.is-opened {
  color: var(--activeColor) !important;
  font-size: var(--activeFontSize) !important;
  font-family: var(--activeFontFamily) !important;
  font-weight: var(--activeFontWeight) !important;
  background: var(--liActiveBackgroundColor) !important;
  background-image: var(--liActiveBackgroundImage) !important;
  background-size: var(--liActiveBackgroundSize) !important;
  background-position: var(--liActiveBackgroundPosition) !important;
  background-repeat: var(--liActiveBackgroundRepeat) !important;
  background-color: var(--liActiveBackgroundColor) !important;
  line-height: var(--liActiveLineHeight);
  text-align: var(--activeTextAlign);
  -webkit-text-decoration: var(--activeTextDecoration);
  text-decoration: var(--activeTextDecoration);
  letter-spacing: var(--activeLetterSpacing);
  -ms-writing-mode: var(--activeWritingMode);
  writing-mode: var(--activeWritingMode);
  font-style: var(--liActiveFontStyle);
  border-radius: var(--liActiveBorderRadius)
}

[data-v-101e503c].el-menu--horizontal .el-menu .el-menu-item:hover,
[data-v-101e503c].el-menu--horizontal .el-menu .el-submenu>.el-submenu__title:hover,
[data-v-101e503c].el-menu--horizontal .el-menu .el-submenu__title:hover {
  border-width: var(--liHoverBorderWidth);
  border-style: var(--liHoverBorderStyle);
  border-color: var(--liHoverBorderColor) !important
}

[data-v-101e503c].el-menu--horizontal .el-menu .el-menu-item:last-child:hover,
[data-v-101e503c].el-menu--horizontal .el-menu .el-submenu:last-child>.el-submenu__title:hover {
  border-bottom-width: var(--liHoverBorderBottomWidth)
}

[data-v-101e503c].el-menu--horizontal .el-menu .el-menu-item.is-active,
[data-v-101e503c].el-menu--horizontal .el-menu .el-submenu>.el-submenu__title.is-active {
  border-width: var(--liActiveBorderWidth);
  border-style: var(--liActiveBorderStyle);
  border-color: var(--liActiveBorderColor) !important
}

[data-v-101e503c] .el-menu--horizontal.origin-submenu .el-menu--popup {
  height: var(--liHeight);
  width: var(--liWidth);
  min-width: var(--liMinWidth) !important;
  max-width: var(--liMaxWidth);
  background: var(--ulBackgroundColor);
  background-image: var(--ulBackgroundImage);
  background-size: var(--ulBackgroundSize);
  background-position: var(--ulBackgroundPosition);
  background-repeat: var(--ulBackgroundRepeat);
  background-color: var(--ulBackgroundColor);
  border-width: var(--ulBorderWidth) !important;
  border-style: var(--ulBorderStyle);
  border-color: var(--ulBorderColor);
  border-radius: var(--ulBorderRadius);
  padding: var(--ulPadding);
  opacity: var(--ulOpacity);
  transform: var(--ulRotate);
  box-shadow: var(--ulBoxShadow)
}

[data-v-101e503c].el-menu--collapse .el-menu .el-submenu,
[data-v-101e503c] .el-menu--popup,
[data-v-101e503c] .el-submenu .el-menu-item {
  min-width: 10px !important
}

[data-v-101e503c].el-menu.el-menu--horizontal {
  border-bottom: none
}

[data-v-101e503c].el-menu--horizontal>.el-menu-item:hover,
[data-v-101e503c].el-menu--horizontal>.el-submenu>.el-submenu__title:hover {
  background: var(--hoverBackgroundColor) !important;
  background-image: var(--hoverBackgroundImage) !important;
  background-size: var(--hoverBackgroundSize) !important;
  background-position: var(--hoverBackgroundPosition) !important;
  background-repeat: var(--hoverBackgroundRepeat) !important;
  background-color: var(--hoverBackgroundColor) !important;
  border-width: var(--hoverBorderWidth);
  border-style: var(--hoverBorderStyle);
  border-color: var(--hoverBorderColor) !important
}

[data-v-101e503c].el-menu--horizontal>.el-menu-item:hover,
[data-v-101e503c].el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  color: var(--hoverColor) !important
}

[data-v-101e503c].el-menu--horizontal>.el-menu-item:hover,
[data-v-101e503c].el-menu--horizontal>.el-submenu>.el-submenu__title:hover {
  font-size: var(--hoverFontSize) !important;
  font-family: var(--hoverFontFamily) !important;
  font-weight: var(--hoverFontWeight) !important;
  color: var(--hoverColor) !important;
  height: var(--hoverHeight);
  line-height: var(--hoverLineHeight);
  text-align: var(--hoverTextAlign);
  -webkit-text-decoration: var(--hoverTextDecoration);
  text-decoration: var(--hoverTextDecoration);
  letter-spacing: var(--hoverLetterSpacing);
  -ms-writing-mode: var(--hoverWritingMode);
  writing-mode: var(--hoverWritingMode);
  font-style: var(--hoverFontStyle);
  border-radius: var(--hoverBorderRadius)
}

[data-v-101e503c].el-menu--horizontal>.el-menu-item.is-active,
[data-v-101e503c].el-menu--horizontal>.el-submenu.is-active>.el-submenu__title {
  border-width: var(--activeBorderWidth);
  border-style: var(--activeBorderStyle);
  border-color: var(--activeBorderColor) !important;
  height: var(--activeHeight);
  line-height: var(--activeLineHeight);
  text-align: var(--activeTextAlign);
  -webkit-text-decoration: var(--activeTextDecoration);
  text-decoration: var(--activeTextDecoration);
  letter-spacing: var(--activeLetterSpacing);
  -ms-writing-mode: var(--activeWritingMode);
  writing-mode: var(--activeWritingMode);
  font-style: var(--activeFontStyle);
  border-radius: var(--activeBorderRadius);
  font-size: var(--activeFontSize) !important;
  font-family: var(--activeFontFamily) !important;
  font-weight: var(--activeFontWeight) !important;
  color: var(--activeColor) !important
}

[data-v-101e503c].el-menu--horizontal>.el-menu-item.is-active,
[data-v-101e503c].el-menu--horizontal>.el-submenu.is-active>.el-submenu__title {
  background: var(--activeBackgroundColor) !important;
  background-image: var(--activeBackgroundImage) !important;
  background-size: var(--activeBackgroundSize) !important;
  background-position: var(--activeBackgroundPosition) !important;
  background-repeat: var(--activeBackgroundRepeat) !important;
  background-color: var(--activeBackgroundColor) !important
}

[data-v-101e503c] .el-submenu__title .el-submenu__icon-arrow {
  display: none
}

[data-v-101e503c] .el-menu {
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

[data-v-101e503c] .el-submenu__title svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}

[data-v-101e503c] .el-submenu__title svg path[stroke] {
  stroke: var(--color)
}

.el-submenu[data-v-101e503c] {
  background: transparent !important
}

.el-menu--horizontal.el-menu[data-v-101e503c] {
  background: var(--backgroundColor)
}

[data-v-101e503c] .el-submenu {
  position: relative
}

[data-v-101e503c] .el-menu--horizontal {
  position: absolute !important;
  left: 0 !important;
  top: var(--ulTop) !important
}

[data-v-101e503c] .el-menu--horizontal.el-zoom-in-top-leave-active {
  transition: none
}

[data-v-101e503c] .el-menu--horizontal .el-menu--horizontal .el-menu--horizontal {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important
}

[data-v-101e503c] .sub_menu_center .el-menu--horizontal {
  transform: translateX(-50%)
}

[data-v-101e503c] .sub_menu_center.custom_style_2 .el-menu--horizontal[data-connector-top="25"] {
  transform: translate(-50%, 25px) !important
}

[data-v-101e503c] .sub_menu_center .el-menu--horizontal.full-width-submenu,
[data-v-101e503c] .sub_menu_right .el-menu--horizontal.full-width-submenu {
  left: 0 !important
}

[data-v-101e503c] .sub_menu_left .el-menu--horizontal {
  right: auto !important;
  left: 0 !important
}

[data-v-101e503c] .sub_menu_center .el-menu--horizontal {
  left: 50% !important;
  transform: translate(-50%) !important
}

[data-v-101e503c] .el-menu--horizontal.sub_menu_right {
  right: 0 !important;
  left: auto !important
}

[data-v-101e503c] .el-menu--horizontal.sub_menu_left {
  right: auto !important;
  left: 0 !important
}

[data-v-101e503c] .el-menu--horizontal.sub_menu_center {
  left: 50% !important;
  transform: translate(-50%) !important
}

[data-v-101e503c] .sub_menu_right .el-menu--horizontal {
  left: auto !important;
  right: 0 !important
}

[data-v-101e503c] .popper-float-left .el-menu--horizontal {
  left: unset !important;
  right: 0 !important
}

[data-v-101e503c] .el-submenu .el-menu--horizontal .el-menu--horizontal {
  left: 99% !important
}

[data-v-101e503c] .el-menu--horizontal .el-menu .el-menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: var(--liWidthAutoWrap)
}

[data-v-101e503c] .el-skeleton {
  height: 100%
}

[data-v-101e503c] .el-submenu__title .title_span {
  vertical-align: top !important
}

[data-v-101e503c] .el-menu--popup-bottom-start {
  margin-top: 0
}

[data-v-101e503c] .el-menu--popup {
  padding: 0;
  box-shadow: none
}

.el-submenu__title .title_span[data-v-101e503c] {
  vertical-align: top
}

.divide-box[data-v-101e503c] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--divideMargin)
}

.divide-box .icon[data-v-101e503c],
.divide-box .line[data-v-101e503c] {
  display: block
}

[data-v-101e503c] .el-menu--popup-right-start {
  margin: 0
}

.verticalNavMenu[data-v-101e503c] {
  display: block !important;
  width: 100%
}

[data-v-101e503c].verticalNavMenu>.el-menu-item,
[data-v-101e503c].verticalNavMenu>.el-submenu {
  width: 100%
}

[data-v-101e503c].verticalNavMenu>.el-menu-item:not(:last-child),
[data-v-101e503c].verticalNavMenu>.el-submenu:not(:last-child)>.el-submenu__title {
  margin-right: 0;
  margin-bottom: var(--navMargin)
}

[data-v-101e503c].verticalNavMenu>.el-submenu>.el-submenu__title {
  display: block
}

[data-v-101e503c].verticalNavMenu .el-menu--horizontal {
  left: 100% !important;
  top: 0 !important
}

[data-v-101e503c].verticalNavMenu .el-zoom-in-top-enter-active {
  transform: scaleX(1);
  transform-origin: left center
}

[data-v-101e503c].verticalNavMenu .el-zoom-in-top-enter,
[data-v-101e503c].verticalNavMenu .el-zoom-in-top-leave-active {
  transform: scaleX(0);
  transform-origin: left center
}

.connect-box .vertical-line[data-v-101e503c] {
  transform: translate(-50%) scale(0);
  transition: all .6s ease-in-out
}

.connect-box .hor-line[data-v-101e503c] {
  transform: scale(0);
  transition: all .6s ease-in-out
}

.el-submenu.animate-in .vertical-line[data-v-101e503c],
.hover_animate .el-submenu:hover .vertical-line[data-v-101e503c] {
  transform: translate(-50%) scale(1)
}

.el-submenu.animate-in .hor-line[data-v-101e503c],
.hover_animate .el-submenu:hover .hor-line[data-v-101e503c] {
  transform: none
}


.el-menu--horizontal.is-menu-three {
  left: 0 !important
}


[data-v-5a4d91d8] .el-submenu__title svg path[stroke] {
  stroke: var(--iconColor)
}


.el-menu--vertical.el-menu[data-v-1b3e234f]::-webkit-scrollbar {
  width: 8px;
  height: 6px;
  display: block
}

.el-menu--vertical.el-menu[data-v-1b3e234f]::-webkit-scrollbar-thumb {
  background: rgba(144, 147, 153, .3);
  border-radius: 3px
}

[data-v-1b3e234f].el-menu--vertical span {
  -webkit-background-clip: text
}

.el-menu--vertical .el-submenu[data-v-1b3e234f] .el-submenu__title,
.el-menu--vertical[data-v-1b3e234f] .el-menu-item {
  color: var(--color);
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeight);
  height: auto;
  white-space: normal;
  line-height: var(--lineHeight);
  text-align: var(--textAlign);
  -webkit-text-decoration: var(--textDecoration);
  text-decoration: var(--textDecoration);
  letter-spacing: var(--letterSpacing);
  -ms-writing-mode: var(--writingMode);
  writing-mode: var(--writingMode);
  font-style: var(--fontStyle);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle) !important;
  border-color: var(--borderColor);
  box-shadow: var(--boxShadow);
  width: var(--navWidth)
}

[data-v-1b3e234f].el-menu--vertical>.el-menu-item,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-submenu__title {
  background: var(--backgroundColor);
  background-image: var(--backgroundImage);
  background-size: var(--backgroundSize);
  background-position: var(--backgroundPosition);
  background-repeat: var(--backgroundRepeat);
  background-color: var(--backgroundColor);
  border-radius: var(--borderRadius)
}

[data-v-1b3e234f].el-menu--vertical .el-menu .el-menu-item,
[data-v-1b3e234f].el-menu--vertical .el-menu .el-submenu__title {
  height: var(--liHeight);
  line-height: var(--liLineHeight);
  box-shadow: var(--liBoxShadowStyle);
  background-image: var(--backgroundImage1);
  background-size: var(--backgroundSize1);
  background-position: var(--backgroundPosition1);
  background-repeat: var(--backgroundRepeat1);
  background-color: var(--backgroundColor1);
  color: var(--liColor);
  font-size: var(--liFontSize);
  font-family: var(--liFontFamily);
  font-weight: var(--liFontWeight);
  width: var(--liWidth);
  border-width: var(--liBorderWidth);
  border-style: var(--liBorderStyle) !important;
  border-color: var(--borderColor1);
  border-radius: var(--borderRadius1);
  text-align: var(--liTextAlign);
  -webkit-text-decoration: var(--liTextDecoration);
  text-decoration: var(--liTextDecoration);
  letter-spacing: var(--liLetterSpacing);
  -ms-writing-mode: var(--liWritingMode);
  writing-mode: var(--liWritingMode);
  font-style: var(--liFontStyle);
  padding: 0
}

[data-v-1b3e234f].el-menu--vertical .el-submenu .el-menu {
  background: var(--liBackground)
}

[data-v-1b3e234f].el-menu--vertical>.el-menu-item:hover span,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-submenu__title:hover span {
  color: var(--hoverColor) !important;
  background-image: var(--hoverBackgroundImage) !important
}

[data-v-1b3e234f].el-menu--vertical>.el-menu-item:hover,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-submenu__title:hover {
  font-size: var(--hoverFontSize) !important;
  font-family: var(--hoverFontFamily) !important;
  font-weight: var(--hoverFontWeight) !important;
  line-height: var(--hoverLineHeight);
  text-align: var(--hoverTextAlign);
  -webkit-text-decoration: var(--hoverTextDecoration);
  text-decoration: var(--hoverTextDecoration);
  letter-spacing: var(--hoverLetterSpacing);
  -ms-writing-mode: var(--hoverWritingMode);
  writing-mode: var(--hoverWritingMode);
  font-style: var(--hoverFontStyle);
  border-width: var(--hoverBorderWidth);
  border-style: var(--hoverBorderStyle) !important;
  border-color: var(--hoverBorderColor);
  background: var(--hoverBackground) !important;
  background-image: var(--hoverBackgroundImage) !important;
  background-size: var(--hoverBackgroundSize) !important;
  background-position: var(--hoverBackgroundPosition) !important;
  background-repeat: var(--hoverBackgroundRepeat) !important;
  background-color: var(--hoverBackgroundColor) !important
}

[data-v-1b3e234f].el-menu--vertical .el-menu .el-menu-item:hover span,
[data-v-1b3e234f].el-menu--vertical .el-menu .el-submenu__title:hover span {
  color: var(--liHoverColor) !important;
  background-image: var(--liHoverBackgroundImage) !important
}

[data-v-1b3e234f].el-menu--vertical .el-menu .el-menu-item:hover,
[data-v-1b3e234f].el-menu--vertical .el-menu .el-submenu__title:hover {
  font-size: var(--liHoverFontSize);
  font-family: var(--liHoverFontFamily);
  font-weight: var(--liHoverFontWeight);
  border-width: var(--liHoverBorderWidth);
  border-style: var(--liHoverBorderStyle) !important;
  border-color: var(--liHoverBorderColor);
  background-image: var(--hoverBackgroundImage1);
  background-size: var(--hoverBackgroundSize1);
  background-position: var(--hoverBackgroundPosition1);
  background-repeat: var(--hoverBackgroundRepeat1);
  background-color: var(--hoverBackgroundColor1);
  line-height: var(--liHoverLineHeight);
  text-align: var(--liHoverTextAlign);
  -webkit-text-decoration: var(--liHoverTextDecoration);
  text-decoration: var(--liHoverTextDecoration);
  letter-spacing: var(--liHoverLetterSpacing);
  -ms-writing-mode: var(--liHoverWritingMode);
  writing-mode: var(--liHoverWritingMode);
  font-style: var(--liHoverFontStyle)
}

[data-v-1b3e234f] .el-submenu__title>.icon {
  display: inline-block
}

[data-v-1b3e234f] .el-submenu__title>.right-icon {
  transform: translateY(-50%)
}

[data-v-1b3e234f] .el-submenu.is-opened>.el-submenu__title>.right-icon {
  transform: rotate(180deg) translateY(50%)
}

[data-v-1b3e234f] .el-submenu.is-opened>.el-submenu__title>.left-icon {
  transform: rotate(180deg)
}

[data-v-1b3e234f].el-menu--collapse .el-menu .el-submenu,
[data-v-1b3e234f] .el-submenu .el-menu-item {
  min-width: 10px !important
}

[data-v-1b3e234f].el-menu--vertical>.el-menu-item.is-active span,
[data-v-1b3e234f].el-menu--vertical>.el-submenu.is-active>.el-submenu__title span {
  color: var(--activeColor) !important;
  background-image: var(--activeBackgroundImage) !important
}

[data-v-1b3e234f].el-menu--vertical>.el-menu-item.is-active,
[data-v-1b3e234f].el-menu--vertical>.el-submenu.is-active>.el-submenu__title {
  background: var(--activeBackgroundColor) !important;
  background-image: var(--activeBackgroundImage) !important;
  background-size: var(--activeBackgroundSize) !important;
  background-position: var(--activeBackgroundPosition) !important;
  background-repeat: var(--activeBackgroundRepeat) !important;
  background-color: var(--activeBackgroundColor) !important;
  border-width: var(--activeBorderWidth);
  border-style: var(--activeBorderStyle);
  border-color: var(--activeBorderColor) !important;
  line-height: var(--activeLineHeight);
  text-align: var(--activeTextAlign);
  -webkit-text-decoration: var(--activeTextDecoration);
  text-decoration: var(--activeTextDecoration);
  letter-spacing: var(--activeLetterSpacing);
  -ms-writing-mode: var(--activeWritingMode);
  writing-mode: var(--activeWritingMode);
  font-style: var(--activeFontStyle);
  font-size: var(--activeFontSize) !important;
  font-family: var(--activeFontFamily) !important;
  font-weight: var(--activeFontWeight) !important
}

[data-v-1b3e234f].el-menu--vertical .el-submenu .el-menu-item.is-active span,
[data-v-1b3e234f].el-menu--vertical .el-submenu .el-submenu.is-active>.el-submenu__title span {
  color: var(--liActiveColor) !important;
  background-image: var(--liActiveBackgroundImage) !important
}

[data-v-1b3e234f].el-menu--vertical .el-submenu .el-menu-item span,
[data-v-1b3e234f].el-menu--vertical .el-submenu .el-submenu>.el-submenu__title span {
  max-width: 100%;
  white-space: normal
}

[data-v-1b3e234f].el-menu--vertical .el-submenu .el-menu-item.is-active,
[data-v-1b3e234f].el-menu--vertical .el-submenu .el-submenu.is-active>.el-submenu__title {
  font-size: var(--liActiveFontSize) !important;
  font-family: var(--liActiveFontFamily) !important;
  font-weight: var(--liActiveFontWeight) !important;
  text-align: var(--liActiveTextAlign);
  -webkit-text-decoration: var(--liActiveTextDecoration);
  text-decoration: var(--liActiveTextDecoration);
  letter-spacing: var(--liActiveLetterSpacing);
  -ms-writing-mode: var(--liActiveWritingMode);
  writing-mode: var(--liActiveWritingMode);
  font-style: var(--liActiveFontStyle);
  border-width: var(--liActiveBorderWidth);
  border-style: var(--liActiveBorderStyle) !important;
  border-color: var(--liActiveBorderColor);
  line-height: var(--liActiveLineHeight);
  background-image: var(--activeBackgroundImage1) !important;
  background-size: var(--activeBackgroundSize1) !important;
  background-position: var(--activeBackgroundPosition1) !important;
  background-repeat: var(--activeBackgroundRepeat1) !important;
  background-color: var(--activeBackgroundColor1) !important
}

[data-v-1b3e234f] .el-submenu__title .el-submenu__icon-arrow {
  display: none
}

.el-menu[data-v-1b3e234f] {
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

[data-v-1b3e234f] .el-submenu__title svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}

[data-v-1b3e234f] .el-submenu__title svg path[stroke] {
  stroke: var(--iconColor)
}

.el-submenu[data-v-1b3e234f] {
  background: transparent !important
}

.el-menu--inline.el-menu[data-v-1b3e234f] {
  background: var(--backgroundColor)
}

[data-v-1b3e234f].el-menu--vertical>.el-menu-item,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-submenu__title {
  padding-left: var(--leftIndent) !important;
  padding-right: 0
}

[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-menu-item,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*2) !important
}

[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-menu-item,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*3) !important
}

[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-menu-item,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*4) !important
}

[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-menu-item,
[data-v-1b3e234f].el-menu--vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*5) !important
}

[data-v-1b3e234f] .data-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 12px
}

.heighAuto[data-v-1b3e234f] {
  height: auto !important
}

[data-v-1b3e234f] .el-skeleton {
  height: 100%
}


[data-v-5d2eb9a2].input-component {
  display: flex;
  align-items: center
}

[data-v-5d2eb9a2].input-component span {
  display: inline-block
}

[data-v-5d2eb9a2].input-component svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}

[data-v-5d2eb9a2].input-component svg path[stroke] {
  stroke: var(--color)
}

[data-v-5d2eb9a2].input-component input::-moz-placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important;
  line-height: 1
}

[data-v-5d2eb9a2].input-component input:-ms-input-placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important;
  line-height: 1
}

[data-v-5d2eb9a2].input-component input::placeholder {
  color: var(--placeHolderFontColor) !important;
  font-size: var(--placeHolderFontSize) !important;
  font-family: var(--placeHolderFontFamily) !important;
  font-weight: var(--placeHolderFontWeight) !important;
  line-height: 1
}

.input-component .icon-del[data-v-5d2eb9a2] {
  position: absolute;
  top: 50%;
  right: var(--paddingRight);
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px
}

.input-component .icon-del[data-v-5d2eb9a2]:before {
  color: rgba(0, 0, 0, .4)
}


.radio[data-v-50e0d907] {
  position: relative;
  float: left;
  display: flex;
  align-items: center
}

[data-v-50e0d907].radio svg path[stroke] {
  stroke: var(--color)
}

.divide-box[data-v-50e0d907] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--divideMargin)
}

.divide-box .icon[data-v-50e0d907],
.divide-box .line[data-v-50e0d907] {
  display: block
}


.iframe-tips[data-v-7d0891f7] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: rgba(0, 0, 0, .4)
}

.overflowHidMultiLines[data-v-7d0891f7] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.iframe-container[data-v-7d0891f7] {
  position: relative
}

.iframe-container[data-v-7d0891f7],
.iframe-container>iframe[data-v-7d0891f7] {
  width: 100%;
  height: 100%
}

.iframe-container>iframe[data-v-7d0891f7]::-webkit-scrollbar {
  display: none
}

.iframe-shadow[data-v-7d0891f7] {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 20px;
  z-index: 2
}


.line-component[data-v-5850d85c] {
  position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%)
}


.header[data-v-50b8340e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px
}

.tableComponent[data-v-50b8340e] {
  margin: 0 auto;
  overflow: hidden
}

.tableComponent.table-scrolL-body[data-v-50b8340e] {
  overflow: auto
}

.table-scrolL-body[data-v-50b8340e]::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 6px
}

.table-scrolL-body[data-v-50b8340e]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .2);
  border-radius: 3px
}

.tableComponent ul[data-v-50b8340e] {
  list-style: none;
  margin: 0 auto
}

.tableComponent li[data-v-50b8340e],
a[data-v-50b8340e] {
  display: flex;
  justify-content: space-between;
  padding-left: 10px
}

.tableComponent li div.lineHeight1[data-v-50b8340e] {
  white-space: wrap
}

.rotate_45[data-v-50b8340e] {
  display: inline-block;
  transform: rotate(-45deg)
}

a[data-v-50b8340e] {
  text-decoration: none
}

a[data-v-50b8340e],
a[data-v-50b8340e]:active,
a[data-v-50b8340e]:hover,
a[data-v-50b8340e]:link,
a[data-v-50b8340e]:visited {
  color: inherit
}

.select-box[data-v-50b8340e] {
  display: block;
  margin-bottom: var(--px1)
}

[data-v-50b8340e] .select-box .el-input .el-input__inner {
  border: 1px solid #e9eef3;
  background: transparent;
  padding-right: var(--px2);
  height: var(--px3)
}

[data-v-50b8340e] .select-box .el-input .el-input__inner:focus {
  box-shadow: inset 0 0 0 var(--px4) #e9eef3
}

[data-v-50b8340e] .table-pagination {
  position: absolute;
  bottom: 0;
  height: 42px;
  width: 100%;
  display: flex;
  align-items: center
}

[data-v-50b8340e] .table-pagination .el-pagination {
  width: 100%
}

[data-v-50b8340e] .table-pagination .el-pager li {
  background: transparent;
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  font-weight: 400;
  font-size: var(--fontSize);
  color: var(--fontColor)
}

[data-v-50b8340e] .table-pagination .el-pager li.active {
  color: var(--activeFontColor)
}

[data-v-50b8340e] .table-pagination button {
  background: transparent;
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  padding-right: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, .6)
}

[data-v-50b8340e] .table-pagination button .cx-icon {
  display: inline-block;
  vertical-align: middle;
  transform: scale(1.2)
}

[data-v-50b8340e] .el-pagination button:disabled {
  color: rgba(0, 0, 0, .2);
  background: transparent
}

.time-box[data-v-50b8340e] {
  height: 44px
}


.container[data-v-c042fc5a] {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative
}


.audio-component[data-v-6a4fd50a],
.audio-component-wrap[data-v-6a4fd50a],
.audio-container[data-v-6a4fd50a] {
  width: 100%;
  height: 100%
}

.audio-container .icon[data-v-6a4fd50a] {
  width: 100%;
  height: 100%;
  cursor: pointer
}

.custom-audio[data-v-6a4fd50a] {
  width: 100%
}

.custom-audio .btn-box[data-v-6a4fd50a] {
  display: flex;
  justify-content: center
}

.custom-audio .btn-box .icon[data-v-6a4fd50a] {
  width: var(--img-size);
  height: var(--img-size);
  margin-left: var(--img-margin)
}

.custom-audio .btn-box .icon[data-v-6a4fd50a]:first-child {
  margin-left: 0
}

.custom-audio .audio-time[data-v-6a4fd50a] {
  overflow: hidden;
  margin-top: 10px
}

.audio-length-total[data-v-6a4fd50a] {
  float: right
}

.audio-length-current[data-v-6a4fd50a] {
  float: left
}

[data-v-6a4fd50a] .el-slider__runway {
  margin: 0;
  background-color: var(--bar-background-color);
  background-image: var(--bar-background-image);
  background-position: var(--bar-background-position);
  background-repeat: var(--bar-background-repeat);
  background-size: var(--bar-background-size);
  flex: 1;
  position: relative;
  height: var(--bar-height);
  cursor: pointer;
  border: var(--bar-border-width) var(--bar-border-style) var(--bar-border-color);
  border-radius: var(--bar-border-top-left-radius) var(--bar-border-top-right-radius) var(--bar-border-bottom-right-radius) var(--bar-border-bottom-left-radius)
}

[data-v-6a4fd50a] .el-slider__runway:after,
[data-v-6a4fd50a] .el-slider__runway:before {
  background: transparent !important
}

[data-v-6a4fd50a] .el-slider__bar {
  background-color: var(--progress-background-color);
  background-image: var(--progress-background-image);
  background-position: var(--progress-background-position);
  background-repeat: var(--progress-background-repeat);
  background-size: var(--progress-background-size);
  width: 0;
  height: var(--bar-height);
  border-radius: var(--bar-border-top-left-radius) var(--bar-border-top-right-radius) var(--bar-border-bottom-right-radius) var(--bar-border-bottom-left-radius)
}

[data-v-6a4fd50a] .el-slider__button-wrapper {
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--slider-size);
  height: var(--slider-size)
}

[data-v-6a4fd50a] .el-slider__button-wrapper .el-slider__button {
  width: var(--slider-size);
  height: var(--slider-size);
  background: var(--slider-bg-color);
  border: var(--slider-border-width) var(--slider-border-style) var(--slider-border-color);
  box-shadow: var(--slider-box-shadow);
  border-radius: var(--slider-border-top-left-radius) var(--slider-border-top-right-radius) var(--slider-border-bottom-right-radius) var(--slider-border-bottom-left-radius)
}


.calendar-component[data-v-76ddc168] {
  position: relative;
  height: 100%;
  width: 100%
}

.calendar-component[data-v-76ddc168] .el-calendar-table {
  text-align: center
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day {
  position: relative;
  height: auto;
  border-radius: 50%;
  padding: 0
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day .lunar {
  color: #b3b3b3
}

.calendar-component[data-v-76ddc168] .el-calendar-table td,
.calendar-component[data-v-76ddc168] .el-calendar-table tr:first-child td,
.calendar-component[data-v-76ddc168] .el-calendar-table tr td:first-child {
  border: 0
}

.calendar-component[data-v-76ddc168] .el-calendar {
  background-color: transparent
}

.calendar-component[data-v-76ddc168] .el-calendar__header {
  display: none
}

.calendar-component[data-v-76ddc168] .el-calendar .el-calendar__body {
  padding: 0
}

.calendar-component .calendar-title[data-v-76ddc168] {
  position: relative
}

.calendar-component .calendar-title .title-btn[data-v-76ddc168] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background-color: transparent;
  color: inherit
}

.calendar-component .calendar-title .title-btn .bg-box[data-v-76ddc168] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.calendar-component .calendar-title .title-btn .bg-box>div[data-v-76ddc168] {
  display: inline-block;
  vertical-align: middle
}

.calendar-component .calendar-title .next-month .bg-box>div[data-v-76ddc168],
.calendar-component .calendar-title .next-month .bg-box>img[data-v-76ddc168] {
  transform: rotate(180deg)
}

.calendar-component .calendar-title .prev-month[data-v-76ddc168] {
  left: 0
}

.calendar-component .calendar-title .next-month[data-v-76ddc168] {
  right: 0
}

.calendar-component .calendar-title .title-txt[data-v-76ddc168] {
  width: calc(100% - 70px);
  display: inline-block;
  text-decoration: inherit;
  -webkit-text-decoration-color: inherited;
  text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
  text-decoration-color: initial
}

.calendar-component .calendar-footer *[data-v-76ddc168] {
  display: inline-block;
  vertical-align: middle
}

.calendar-component .calendar-footer .icon-activity i[data-v-76ddc168],
.calendar-component .calendar-footer .icon-today i[data-v-76ddc168] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #2b67ff
}

.calendar-component .calendar-footer .icon-activity i[data-v-76ddc168] {
  background-color: #2b67ff
}

.calendar-component[data-v-76ddc168] .el-calendar-table tr td.is-today {
  color: inherit;
  background-color: transparent
}

.calendar-component[data-v-76ddc168] .el-calendar-table tr td .el-calendar-day .solar {
  width: 32px;
  height: 32px;
  line-height: 30px;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 0 auto;
  border-width: 2px
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day:hover {
  background-color: transparent
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day:hover .solar {
  background-color: rgba(43, 103, 255, .16)
}

.calendar-component[data-v-76ddc168] .day-box-style1 .el-calendar-table tr td .el-calendar-day .lunar,
.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day .lunar {
  color: var(--lunarColor);
  font-family: var(--lunarFontFamily);
  font-weight: var(--lunarFontWeight);
  font-size: var(--lunarFontSize)
}

.calendar-component[data-v-76ddc168] .day-box-style1 .el-calendar-table tr td .el-calendar-day:hover .lunar,
.calendar-component[data-v-76ddc168] .day-box-style2 .el-calendar-table tr td .el-calendar-day:hover .lunar,
.calendar-component[data-v-76ddc168] .day-box-style3:hover .lunar {
  color: var(--hoverLunarColor);
  font-family: var(--hoverLunarFontFamily);
  font-weight: var(--hoverLunarFontWeight);
  font-size: var(--hoverLunarFontSize)
}

.calendar-component .el-calendar-table td.is-selected .el-calendar-day .day-box-style3 .lunar[data-v-76ddc168],
.calendar-component[data-v-76ddc168] .day-box-style1 .el-calendar-table tr td.is-selected .el-calendar-day .lunar,
.calendar-component[data-v-76ddc168] .day-box-style2 .el-calendar-table tr td.is-selected .el-calendar-day .lunar {
  color: var(--activeLunarColor);
  font-family: var(--activeLunarFontFamily);
  font-weight: var(--activeLunarFontWeight);
  font-size: var(--activeLunarFontSize)
}

.calendar-component[data-v-76ddc168] .hide-todayStyle .el-calendar-table tr td.is-today .el-calendar-day .lunar {
  display: block
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day .selected .activity-mark {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  display: inline-block;
  width: var(--activityWidth);
  height: var(--activityWidth);
  background-color: var(--activityColor);
  border-radius: 50%
}

.calendar-component[data-v-76ddc168] .el-calendar-table thead {
  background-color: var(--weekBgColor)
}

.calendar-component[data-v-76ddc168] .el-calendar-table thead th {
  color: var(--weekColor);
  font-family: var(--weekFontFamily);
  font-weight: var(--weekFontWeight);
  font-size: var(--weekFontSize)
}

.calendar-component[data-v-76ddc168] .hide-notCurrentDate .el-calendar-table td.next .el-calendar-day,
.calendar-component[data-v-76ddc168] .hide-notCurrentDate .el-calendar-table td.prev .el-calendar-day {
  display: none
}

.calendar-component[data-v-76ddc168] .el-calendar-table td.next .el-calendar-day .solar,
.calendar-component[data-v-76ddc168] .el-calendar-table td.prev .el-calendar-day .solar {
  color: var(--notCurrentTextColor)
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day:hover .solar {
  color: var(--hoverColor);
  font-family: var(--hoverFontFamily);
  font-weight: var(--hoverFontWeight);
  font-size: var(--hoverFontSize);
  border-top-left-radius: var(--hoverBorderTopLeftRadius);
  border-top-right-radius: var(--hoverBorderTopRightRadius);
  border-bottom-right-radius: var(--hoverBorderBottomRightRadius);
  border-bottom-left-radius: var(--hoverBorderBottomLeftRadius);
  background-color: var(--hoverBgColor);
  border: var(--hoverBorderWidth) var(--hoverBorderStyle) var(--hoverBorderColor)
}

.calendar-component[data-v-76ddc168] .el-calendar-table td.is-selected {
  background-color: transparent
}

.calendar-component[data-v-76ddc168] .el-calendar-table td.is-selected .el-calendar-day .show-active-style .solar,
.calendar-component[data-v-76ddc168] .el-calendar:not(.hide-todayStyle) .el-calendar-table td.is-today.is-selected .el-calendar-day .show-active-style .solar {
  color: var(--activeColor);
  font-family: var(--activeFontFamily);
  font-weight: var(--activeFontWeight);
  font-size: var(--activeFontSize);
  border-top-left-radius: var(--activeBorderTopLeftRadius);
  border-top-right-radius: var(--activeBorderTopRightRadius);
  border-bottom-right-radius: var(--activeBorderBottomRightRadius);
  border-bottom-left-radius: var(--activeBorderBottomLeftRadius);
  background-color: var(--activeBgColor);
  border: var(--activeBorderWidth) var(--activeBorderStyle) var(--activeBorderColor)
}

.calendar-component[data-v-76ddc168] .el-calendar-table td .el-calendar-day .day-box {
  padding-top: var(--datePaddingTopVal);
  padding-bottom: var(--datePaddingBottomVal)
}

.calendar-component[data-v-76ddc168] .el-calendar-table td .el-calendar-day .day-box:hover {
  background-color: var(--hoverAllBgColor);
  border-top-left-radius: var(--hoverBorderTopLeftRadius);
  border-top-right-radius: var(--hoverBorderTopRightRadius);
  border-bottom-right-radius: var(--hoverBorderBottomRightRadius);
  border-bottom-left-radius: var(--hoverBorderBottomLeftRadius)
}

.calendar-component[data-v-76ddc168] .el-calendar-table td.is-selected .el-calendar-day .day-box.show-active-style,
.calendar-component[data-v-76ddc168] .el-calendar:not(.hide-todayStyle) .el-calendar-table td.is-today.is-selected .el-calendar-day .day-box {
  background-color: var(--activeAllBgColor);
  border-top-left-radius: var(--activeBorderTopLeftRadius);
  border-top-right-radius: var(--activeBorderTopRightRadius);
  border-bottom-right-radius: var(--activeBorderBottomRightRadius);
  border-bottom-left-radius: var(--activeBorderBottomLeftRadius)
}

.calendar-component[data-v-76ddc168] .el-calendar:not(.hide-todayStyle) .el-calendar-table td.is-today .el-calendar-day .day-box {
  background-color: var(--todayAllBgColor);
  border-top-left-radius: var(--todayStyleBorderTopLeftRadius);
  border-top-right-radius: var(--todayStyleBorderTopRightRadius);
  border-bottom-right-radius: var(--todayStyleBorderBottomRightRadius);
  border-bottom-left-radius: var(--todayStyleBorderBottomLeftRadius)
}

.calendar-component[data-v-76ddc168] .el-calendar:not(.hide-todayStyle) .el-calendar-table td.is-today .el-calendar-day .solar {
  color: var(--todayStyleColor);
  font-family: var(--todayStyleFontFamily);
  font-weight: var(--todayStyleFontWeight);
  font-size: var(--todayStyleFontSize);
  border-top-left-radius: var(--todayStyleBorderTopLeftRadius);
  border-top-right-radius: var(--todayStyleBorderTopRightRadius);
  border-bottom-right-radius: var(--todayStyleBorderBottomRightRadius);
  border-bottom-left-radius: var(--todayStyleBorderBottomLeftRadius);
  background-color: var(--todayStyleBgColor);
  border: var(--todayStyleBorderWidth) var(--todayStyleBorderStyle) var(--todayStyleBorderColor)
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day .selected .solar {
  color: var(--activityFontColor);
  font-family: var(--activityFontFamily);
  font-weight: var(--activityFontWeight);
  font-size: var(--activityFontSize)
}

.calendar-component[data-v-76ddc168] .el-calendar-table .el-calendar-day .activity-mark.activity-mark-number {
  position: absolute;
  transform: translateX(-50%);
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  top: var(--activityMarkTop);
  right: var(--activityMarkRight);
  left: var(--activityMarkLeft);
  bottom: var(--activityMarkBottom)
}

.flex-right[data-v-76ddc168] {
  display: flex;
  justify-content: flex-end
}

[data-v-76ddc168].calendar-title-select .el-input .el-input__inner {
  background-color: var(--topSelectBgColor);
  color: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  -webkit-text-decoration: var(--titleTextDecoration);
  text-decoration: var(--titleTextDecoration);
  font-size: var(--titleFontSize);
  font-family: var(--titleFontFamily);
  height: var(--titleLineHeight);
  border: none
}

[data-v-76ddc168].calendar-title-select .el-select .el-input__suffix-inner {
  letter-spacing: 0
}

[data-v-76ddc168].calendar-title-select .el-input__suffix,
[data-v-76ddc168].calendar-title-select .el-input__suffix .el-select__caret {
  color: inherit
}

[data-v-76ddc168].calendar-title-select .el-select {
  width: var(--selectWidth)
}

[data-v-76ddc168].calendar-title-select .el-select .el-select-dropdown {
  width: var(--selectWidth);
  min-width: var(--selectWidth) !important;
  transform-origin: center top !important
}

.activity-tooltip[data-v-76ddc168] {
  position: absolute;
  background: #6c6565;
  z-index: 1;
  color: #fff;
  text-align: left;
  display: none;
  border-radius: var(--tooltipBorderRadius);
  border: var(--tooltipBorderWidth) var(--tooltipBorderStyle) var(--tooltipBorderColor);
  box-shadow: var(--activityTooltipBoxshadow)
}

.el-calendar-day:hover .activity-tooltip[data-v-76ddc168] {
  display: block
}

.activity-tooltip ul[data-v-76ddc168] {
  max-height: 100%;
  overflow-y: auto
}

.activity-tooltip ul[data-v-76ddc168]::-webkit-scrollbar {
  width: 8px;
  height: 6px
}

.activity-tooltip ul[data-v-76ddc168]::-webkit-scrollbar-thumb {
  background: #85889e;
  border-radius: 3px
}

.activity-tooltip li[data-v-76ddc168] {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: space-between
}


.el-popper.date-select {
  left: 0 !important;
  background-color: transparent;
  padding: var(--titleSelectPadding)
}

.el-popper.date-select .el-scrollbar {
  background-color: var(--titleSelectBgColor);
  border: var(--titleSelectBorderWidth) var(--titleSelectBorderStyle) var(--titleSelectBorderColor);
  border-radius: var(--titleSelectBorderRadius);
  box-shadow: var(--titleSelectBoxshadow)
}

.el-popper.date-select .el-select-dropdown__list {
  background-color: transparent !important;
  border: 0
}

.el-popper.date-select .el-scrollbar .el-scrollbar__wrap {
  margin-bottom: -15px !important;
  overflow-x: hidden
}

.el-popper.date-select .el-scrollbar .el-select-dropdown__item {
  color: var(--titleSelectColor) !important;
  height: var(--titleSelectLineHeight);
  line-height: var(--titleSelectLineHeight);
  font-family: var(--titleSelectFontFamily);
  font-size: var(--titleSelectFontSize);
  font-weight: var(--titleSelectFontWeight);
  background-color: var(--titleSelectOptionsBgColor)
}

.el-popper.date-select .el-scrollbar .el-select-dropdown__item.selected,
.el-popper.date-select .el-scrollbar .el-select-dropdown__item:hover {
  color: var(--titleSelectActiveColor) !important;
  font-family: var(--titleSelectActiveFontFamily);
  font-size: var(--titleSelectActiveFontSize);
  font-weight: var(--titleSelectActiveFontWeight);
  background-color: var(--titleSelectActiveBgColor)
}


.calendar-component .el-calendar-table td .el-calendar-day .day-box-style3.day-box[data-v-76ddc168] {
  border: 1px solid var(--dayBorderColor);
  border-radius: var(--dayBorderRadius);
  background-color: var(--dayBgColor)
}

.calendar-component .el-calendar-table td .el-calendar-day .day-box-style3.day-box[data-v-76ddc168]:hover {
  background-color: var(--hoverBgColor);
  border: var(--hoverBorderWidth) var(--hoverBorderStyle) var(--hoverBorderColor)
}

.calendar-component .el-calendar-table td .el-calendar-day .day-box-style3.day-box .lunar .lunar-self[data-v-76ddc168] {
  display: none
}

.calendar-component .el-calendar-table td .el-calendar-day .day-box-style3.day-box .activity-mark[data-v-76ddc168] {
  position: absolute;
  transform: var(--activityMarkTransform);
  top: var(--activityMarkTop3);
  right: var(--activityMarkRight3);
  left: var(--activityMarkLeft3);
  bottom: var(--activityMarkBottom3)
}

.calendar-component .el-calendar-table td .el-calendar-day:hover .day-box-style3.day-box[data-v-76ddc168] {
  border-top-left-radius: var(--hoverBorderTopLeftRadius);
  border-top-right-radius: var(--hoverBorderTopRightRadius);
  border-bottom-right-radius: var(--hoverBorderBottomRightRadius);
  border-bottom-left-radius: var(--hoverBorderBottomLeftRadius)
}

.calendar-component .el-calendar-table td .el-calendar-day:hover .day-box-style3.day-box .solar[data-v-76ddc168] {
  background-color: transparent;
  border: 0
}

.calendar-component .el-calendar-table td.is-today .el-calendar-day .day-box-style3.day-box[data-v-76ddc168] {
  border-top-left-radius: var(--todayStyleBorderTopLeftRadius);
  border-top-right-radius: var(--todayStyleBorderTopRightRadius);
  border-bottom-right-radius: var(--todayStyleBorderBottomRightRadius);
  border-bottom-left-radius: var(--todayStyleBorderBottomLeftRadius);
  background-color: var(--todayStyleBgColor);
  border: var(--todayStyleBorderWidth) var(--todayStyleBorderStyle) var(--todayStyleBorderColor)
}

.calendar-component .el-calendar-table td.is-today .el-calendar-day .day-box-style3.day-box .solar[data-v-76ddc168] {
  border-radius: 0;
  background-color: transparent;
  border: 0 solid transparent
}

.calendar-component .el-calendar-table td.is-today .el-calendar-day .day-box-style3.day-box .lunar.lunarTxt1 .lunar-self[data-v-76ddc168],
.calendar-component .el-calendar-table td.is-today .el-calendar-day .day-box-style3.day-box .lunar.lunarTxt2 .lunar-default[data-v-76ddc168] {
  display: none
}

.calendar-component .el-calendar-table td.is-today .el-calendar-day .day-box-style3.day-box .lunar.lunarTxt2 .lunar-self[data-v-76ddc168] {
  display: block;
  color: var(--todayColor);
  font-family: var(--todayFontFamily);
  font-size: var(--todayFontSize);
  font-weight: var(--todayFontWeight)
}

.calendar-component .el-calendar-table td.is-today .el-calendar-day .day-box-style3.day-box .lunar.lunarTxt3 .lunar-default[data-v-76ddc168] {
  color: transparent
}

.calendar-component .el-calendar-table td.is-today .el-calendar-day .day-box-style3.day-box .lunar.lunarTxt3 .lunar-self[data-v-76ddc168] {
  display: none
}

.calendar-component .el-calendar-table td.is-selected .el-calendar-day .day-box-style3.show-active-style[data-v-76ddc168] {
  border-top-left-radius: var(--activeBorderTopLeftRadius);
  border-top-right-radius: var(--activeBorderTopRightRadius);
  border-bottom-right-radius: var(--activeBorderBottomRightRadius);
  border-bottom-left-radius: var(--activeBorderBottomLeftRadius);
  background-color: var(--activeBgColor);
  border: var(--activeBorderWidth) var(--activeBorderStyle) var(--activeBorderColor)
}

.calendar-component .el-calendar-table td.is-selected .el-calendar-day .day-box-style3.show-active-style .solar[data-v-76ddc168] {
  border-radius: 0;
  background-color: transparent;
  border: 0 solid transparent
}


.inline[data-v-a5b73ef6] {
  display: inline-block;
  line-height: 1
}


.inline[data-v-70f8036e] {
  display: inline-block;
  line-height: 1
}

.toggle-box[data-v-70f8036e] {
  margin-left: auto;
  flex: none
}

.toggle-box.opacityTrans[data-v-70f8036e] {
  opacity: 0
}

.toggle-box.opacityReal[data-v-70f8036e] {
  opacity: 1
}

.toggleButton[data-v-70f8036e] {
  cursor: pointer;
  white-space: nowrap
}

.toggleButton .icon-box[data-v-70f8036e] {
  vertical-align: middle
}

.toggleButton.button-open .icon-box[data-v-70f8036e] {
  transform: rotate(180deg)
}

.toggleButton>span[data-v-70f8036e] {
  text-decoration: inherit;
  vertical-align: middle
}


.vertical-layer[data-v-517a8f39] {
  flex-wrap: wrap
}

.vertical-layer .layer2-box[data-v-517a8f39] {
  flex-basis: 100%;
  flex-shrink: 0
}

[data-v-517a8f39] .el-scrollbar__wrap {
  overflow-x: hidden
}

.verticallyTop[data-v-517a8f39] {
  display: flex;
  align-items: flex-start
}

.inlineMiddle[data-v-517a8f39] {
  display: inline-block;
  vertical-align: middle
}

.multiFilter-component[data-v-517a8f39] {
  position: relative;
  height: 100%;
  width: 100%
}

.multiFilter-component[data-v-517a8f39] .el-scrollbar__wrap {
  overflow-x: hidden;
  height: calc(100% + 20px);
  margin-bottom: 0 !important
}

.multiFilter-component[data-v-517a8f39] .el-scrollbar__bar.is-horizontal {
  display: none
}

.multiFilter-component[data-v-517a8f39] .el-scrollbar__view {
  height: 100%;
  position: relative;
  display: inline-block;
  min-width: 100%
}

.multiFilter-component .filter-box .layer1-name[data-v-517a8f39] {
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.multiFilter-component .filter-box .filter-layer2[data-v-517a8f39] {
  border-style: var(--borderStyle);
  border-color: var(--borderColor);
  border-width: var(--borderWidth) !important
}

.multiFilter-component .filter-box .filter-layer2[data-v-517a8f39]:hover {
  font-family: var(--hoverFontFamily) !important;
  font-size: var(--hoverFontSize) !important;
  font-weight: var(--hoverFontWeight) !important;
  line-height: var(--hoverLineHeight) !important;
  font-style: var(--hoverFontStyle) !important;
  letter-spacing: var(--hoverLetterSpacing) !important;
  -webkit-text-decoration: var(--hoverTextDecoration) !important;
  text-decoration: var(--hoverTextDecoration) !important;
  -webkit-text-decoration-color: var(--hoverTextDecorationColor) !important;
  text-decoration-color: var(--hoverTextDecorationColor) !important;
  color: var(--hoverColor) !important;
  border-top-left-radius: var(--hoverBorderTopLeftRadius) !important;
  border-top-right-radius: var(--hoverBorderTopRightRadius) !important;
  border-bottom-right-radius: var(--hoverBorderBottomRightRadius) !important;
  border-bottom-left-radius: var(--hoverBorderBottomLeftRadius) !important;
  border-style: var(--hoverBorderStyle);
  border-color: var(--hoverBorderColor);
  border-width: var(--hoverBorderWidth) !important;
  box-shadow: var(--hoverBoxShadow) !important;
  background-color: var(--hoverBackgroundColor) !important;
  background-image: var(--hoverBackgroundImage) !important
}

.option-layer .sub-menu[data-v-517a8f39] {
  border-style: var(--borderStyle);
  border-color: var(--borderColor);
  border-width: var(--borderWidth) !important
}

.multiFilter-component .filter-box .filter-layer2.active-type[data-v-517a8f39],
.option-layer .sub-menu.active-type[data-v-517a8f39] {
  font-family: var(--activeFontFamily) !important;
  font-size: var(--activeFontSize) !important;
  font-weight: var(--activeFontWeight) !important;
  line-height: var(--activeLineHeight) !important;
  font-style: var(--activeFontStyle) !important;
  letter-spacing: var(--activeLetterSpacing) !important;
  -webkit-text-decoration: var(--activeTextDecoration) !important;
  text-decoration: var(--activeTextDecoration) !important;
  -webkit-text-decoration-color: var(--activeTextDecorationColor) !important;
  text-decoration-color: var(--activeTextDecorationColor) !important;
  color: var(--activeColor) !important;
  border-top-left-radius: var(--activeBorderTopLeftRadius) !important;
  border-top-right-radius: var(--activeBorderTopRightRadius) !important;
  border-bottom-right-radius: var(--activeBorderBottomRightRadius) !important;
  border-bottom-left-radius: var(--activeBorderBottomLeftRadius) !important;
  border-style: var(--activeBorderStyle);
  border-color: var(--activeBorderColor);
  border-width: var(--activeBorderWidth) !important;
  box-shadow: var(--activeBoxShadow) !important;
  background-color: var(--activeBackgroundColor) !important;
  background-image: var(--activeBackgroundImage) !important;
  background-size: var(--activeBackgroundSize) !important;
  background-position: var(--activeBackgroundPosition) !important;
  background-repeat: var(--activeBackgroundRepeat) !important
}

.multiFilter-component.has-drawer .filter-box[data-v-517a8f39] {
  margin-bottom: 46px;
  padding-top: 20px
}

.multiFilter-component .demo-drawer__footer[data-v-517a8f39] {
  position: absolute;
  bottom: 20px;
  width: 100%;
  border-top: 1px solid #eee;
  display: flex
}

.multiFilter-component .demo-drawer__footer .el-button[data-v-517a8f39] {
  width: 50%;
  box-sizing: border-box;
  line-height: 2.8;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  font-weight: 600;
  font-size: 16px
}

.multiFilter-component .demo-drawer__footer .el-button--default[data-v-517a8f39] {
  color: #999
}

.multiFilter-component .demo-drawer__footer .el-button--primary[data-v-517a8f39] {
  color: var(--themeColor);
  background-color: #fff !important
}

.layer2-box[data-v-517a8f39] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.multiFilter-component .filter-box .filter-layer1[data-v-517a8f39]:last-child {
  margin-bottom: 0 !important
}

.filter-layer[data-v-517a8f39],
.filter-query[data-v-517a8f39] {
  display: flex;
  position: relative
}

.filter-layer[data-v-517a8f39]::-webkit-scrollbar,
.filter-query[data-v-517a8f39]::-webkit-scrollbar {
  width: 8px;
  height: 6px
}

.filter-layer[data-v-517a8f39]::-webkit-scrollbar-thumb,
.filter-query[data-v-517a8f39]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .2);
  border-radius: 3px
}

.filter-layer .filter-item[data-v-517a8f39],
.filter-query .filter-item[data-v-517a8f39] {
  flex-shrink: 0;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.filter-layer .filter-item[data-v-517a8f39] {
  display: flex;
  align-items: center
}

.option-layer[data-v-517a8f39] {
  position: absolute;
  z-index: 999;
  width: 100%;
  bottom: 0;
  left: 0
}

.option-layer .sub-box[data-v-517a8f39] {
  background: #fff;
  width: 100%
}

.option-layer .sub-box .menu-div[data-v-517a8f39] {
  overflow-y: auto
}

.option-layer .sub-box .menu-box[data-v-517a8f39] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  grid-column-gap: var(--columnGap);
  -moz-column-gap: var(--columnGap);
  column-gap: var(--columnGap);
  grid-row-gap: var(--rowGap);
  row-gap: var(--rowGap)
}

.option-layer .sub-box .menu-box .sub-menu[data-v-517a8f39] {
  width: var(--subMenuWidth);
  cursor: pointer
}

.option-layer .filter-footer[data-v-517a8f39] {
  height: var(--footerHeight);
  position: relative
}

.option-layer .filter-footer .btn[data-v-517a8f39] {
  position: absolute
}

.inline[data-v-517a8f39] {
  display: inline-block;
  line-height: 1
}

.hideMoreLine[data-v-517a8f39] {
  overflow: hidden
}


.icon-container[data-v-12e56677] {
  display: inline-block;
  display: flex;
  align-items: center
}



.sort-container[data-v-78e073e7] {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--topDis) var(--leftDis);
  gap: var(--topDis) var(--leftDis);
  width: 100%;
  height: 100%;
  justify-content: var(--mainAlign);
  border-width: var(--mainBorder_borderWidth);
  border-color: var(--mainBorder_borderColor) !important;
  border-style: var(--mainBorder_borderStyle);
  background-repeat: var(--mainBackground_backgroundRepeat);
  background-image: var(--mainBackground_backgroundImage);
  background-color: var(--mainBackground_backgroundColor);
  background-size: var(--mainBackground_backgroundSize);
  background-position: var(--mainBackground_backgroundPosition);
  border-radius: var(--mainRadius);
  opacity: var(--mainOpacity);
  box-shadow: var(--mainShadow);
  padding: var(--mainPadding)
}

.sort-container .sort-item[data-v-78e073e7] {
  display: flex;
  align-items: center;
  cursor: pointer
}

.sort-container .sort-item .sort-icon[data-v-78e073e7] {
  margin-left: 5px;
  color: #000
}

.sort-container .sort-item.active-sort-item[data-v-78e073e7],
.sort-container .sort-item .sort-icon.is-active[data-v-78e073e7] {
  color: #1890ff
}

.sort-container .sort-item .sort-types[data-v-78e073e7] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 5px
}

.default-sort-item[data-v-78e073e7],
.real-sort-item[data-v-78e073e7] {
  width: var(--btnSize_width);
  height: var(--btnSize_height);
  border-width: var(--btnBorder_borderWidth);
  border-color: var(--btnBorder_borderColor) !important;
  border-style: var(--btnBorder_borderStyle);
  background-repeat: var(--btnBackground_backgroundRepeat);
  background-image: var(--btnBackground_backgroundImage);
  background-color: var(--btnBackground_backgroundColor);
  background-size: var(--btnBackground_backgroundSize);
  background-position: var(--btnBackground_backgroundPosition);
  border-radius: var(--btnRadius);
  opacity: var(--btnOpacity);
  box-shadow: var(--btnShadow);
  padding: var(--btnPadding)
}

.default-sort-item[data-v-78e073e7]:hover,
.real-sort-item[data-v-78e073e7]:hover {
  border-width: var(--btnBorderHover_borderWidth);
  border-color: var(--btnBorderHover_borderColor) !important;
  border-style: var(--btnBorderHover_borderStyle);
  background-repeat: var(--btnBackgroundHover_backgroundRepeat);
  background-image: var(--btnBackgroundHover_backgroundImage);
  background-color: var(--btnBackgroundHover_backgroundColor);
  background-size: var(--btnBackgroundHover_backgroundSize);
  background-position: var(--btnBackgroundHover_backgroundPosition);
  border-radius: var(--btnRadiusHover);
  opacity: var(--btnOpacityHover);
  box-shadow: var(--btnShadowHover);
  padding: var(--btnPadding)
}

.default-sort-item.active-sort-item[data-v-78e073e7],
.real-sort-item.active-sort-item[data-v-78e073e7] {
  border-width: var(--btnBorderActive_borderWidth);
  border-color: var(--btnBorderActive_borderColor) !important;
  border-style: var(--btnBorderActive_borderStyle);
  background-repeat: var(--btnBackgroundActive_backgroundRepeat);
  background-image: var(--btnBackgroundActive_backgroundImage);
  background-color: var(--btnBackgroundActive_backgroundColor);
  background-size: var(--btnBackgroundActive_backgroundSize);
  background-position: var(--btnBackgroundActive_backgroundPosition);
  border-radius: var(--btnRadiusActive);
  opacity: var(--btnOpacityActive);
  box-shadow: var(--btnShadowActive);
  padding: var(--btnPadding)
}

.default-sort-item .default-icon-hover[data-v-78e073e7],
.real-sort-item .default-icon-hover[data-v-78e073e7] {
  display: none
}

.default-sort-item .default-icon[data-v-78e073e7],
.real-sort-item .default-icon[data-v-78e073e7] {
  display: unset
}

.default-sort-item .default-text-hover[data-v-78e073e7],
.real-sort-item .default-text-hover[data-v-78e073e7] {
  display: none !important
}

.default-sort-item .default-text[data-v-78e073e7],
.real-sort-item .default-text[data-v-78e073e7] {
  display: inline-block !important
}

.default-sort-item.sort-item-hover .default-icon[data-v-78e073e7],
.real-sort-item.sort-item-hover .default-icon[data-v-78e073e7] {
  display: none
}

.default-sort-item.sort-item-hover .default-icon-hover[data-v-78e073e7],
.real-sort-item.sort-item-hover .default-icon-hover[data-v-78e073e7] {
  display: unset
}

.default-sort-item.sort-item-hover .default-text-hover[data-v-78e073e7],
.real-sort-item.sort-item-hover .default-text-hover[data-v-78e073e7] {
  display: inline-block !important
}

.default-sort-item.sort-item-hover .default-text[data-v-78e073e7],
.real-sort-item.sort-item-hover .default-text[data-v-78e073e7] {
  display: none !important
}


.repeat-nav-container[data-v-32e45c5b] {
  text-align: left;
  height: 100%;
  overflow: hidden
}

.repeat-nav-container .inner-container[data-v-32e45c5b] {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.repeat-nav-container .vertical[data-v-32e45c5b] {
  display: flex
}

.repeat-nav-container .horizontal[data-v-32e45c5b] {
  height: 100%;
  overflow-y: auto
}

.repeat-nav-container .vertical .nav-item[data-v-32e45c5b] {
  display: inline-block;
  vertical-align: top
}

.pointer[data-v-32e45c5b] {
  cursor: pointer
}

.nav-title[data-v-32e45c5b] {
  white-space: nowrap;
  color: var(--color) !important;
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeight);
  line-height: var(--lineHeight);
  width: var(--width);
  text-align: var(--textAlign);
  -webkit-text-decoration: var(--textDecoration);
  text-decoration: var(--textDecoration);
  letter-spacing: var(--letterSpacing);
  -ms-writing-mode: var(--writingMode);
  writing-mode: var(--writingMode);
  font-style: var(--fontStyle);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
  border-color: var(--borderColor) !important;
  box-shadow: var(--boxShadow);
  background-image: var(--backgroundImage);
  background-size: var(--backgroundSize);
  background-position: var(--backgroundPosition);
  background-repeat: var(--backgroundRepeat);
  background-color: var(--backgroundColor);
  border-radius: var(--borderRadius);
  padding: var(--padding)
}

.nav-title.active[data-v-32e45c5b],
.nav-title[data-v-32e45c5b]:hover {
  color: var(--activeColor) !important;
  font-size: var(--activeFontSize);
  font-family: var(--activeFontFamily);
  font-weight: var(--activeFontWeight);
  line-height: var(--activeLineHeight);
  text-align: var(--activeTextAlign);
  -webkit-text-decoration: var(--activeTextDecoration);
  text-decoration: var(--activeTextDecoration);
  letter-spacing: var(--activeLetterSpacing);
  -ms-writing-mode: var(--activeWritingMode);
  writing-mode: var(--activeWritingMode);
  font-style: var(--activeFontStyle);
  border-width: var(--activeBorderWidth);
  border-style: var(--activeBorderStyle);
  border-color: var(--activeBorderColor) !important;
  box-shadow: var(--activeBoxShadow);
  background-image: var(--activeBackgroundImage);
  background-size: var(--activeBackgroundSize);
  background-position: var(--activeBackgroundPosition);
  background-repeat: var(--activeBackgroundRepeat);
  background-color: var(--activeBackgroundColor);
  border-radius: var(--activeBorderRadius);
  padding: var(--activePadding)
}

.more-btn[data-v-32e45c5b],
.nav-submenu[data-v-32e45c5b] {
  color: var(--color) !important;
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeight);
  line-height: var(--lineHeight);
  text-align: var(--textAlign);
  -webkit-text-decoration: var(--textDecoration);
  text-decoration: var(--textDecoration);
  letter-spacing: var(--letterSpacing);
  -ms-writing-mode: var(--writingMode);
  writing-mode: var(--writingMode);
  font-style: var(--fontStyle);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle);
  border-color: var(--borderColor) !important;
  box-shadow: var(--boxShadow);
  background-image: var(--backgroundImage);
  background-size: var(--backgroundSize);
  background-position: var(--backgroundPosition);
  background-repeat: var(--backgroundRepeat);
  background-color: var(--backgroundColor);
  border-radius: var(--borderRadius);
  padding: var(--padding);
  cursor: pointer
}

.more-btn[data-v-32e45c5b] {
  height: var(--lineHeight)
}

.more-btn[data-v-32e45c5b]:hover,
.nav-submenu.active[data-v-32e45c5b],
.nav-submenu[data-v-32e45c5b]:hover {
  color: var(--activeColor) !important;
  font-size: var(--activeFontSize);
  font-family: var(--activeFontFamily);
  font-weight: var(--activeFontWeight);
  line-height: var(--activeLineHeight);
  text-align: var(--activeTextAlign);
  -webkit-text-decoration: var(--activeTextDecoration);
  text-decoration: var(--activeTextDecoration);
  letter-spacing: var(--activeLetterSpacing);
  -ms-writing-mode: var(--activeWritingMode);
  writing-mode: var(--activeWritingMode);
  font-style: var(--activeFontStyle);
  border-width: var(--activeBorderWidth);
  border-style: var(--activeBorderStyle);
  border-color: var(--activeBorderColor) !important;
  box-shadow: var(--activeBoxShadow);
  background-image: var(--activeBackgroundImage);
  background-size: var(--activeBackgroundSize);
  background-position: var(--activeBackgroundPosition);
  background-repeat: var(--activeBackgroundRepeat);
  background-color: var(--activeBackgroundColor);
  border-radius: var(--activeBorderRadius);
  padding: var(--activePadding)
}

.more-btn[data-v-32e45c5b]:hover {
  height: var(--activeLineHeight)
}

.more-btn[data-v-32e45c5b] {
  white-space: nowrap;
  cursor: pointer
}

.button_style[data-v-32e45c5b] {
  position: absolute;
  z-index: 999;
  width: var(--button-box-width);
  height: var(--button-box-height);
  border-radius: var(--button-box-border-radius);
  background: var(--button-box-background);
  box-shadow: var(--button-box-shadow);
  display: flex;
  align-items: center;
  justify-content: center
}

.button_style[data-v-32e45c5b]:hover {
  opacity: .5
}

.button_style .icon[data-v-32e45c5b] {
  font-size: var(--swiper-button-size);
  top: 0
}

.button-style .icon[data-v-32e45c5b]:before,
.button_style .icon[data-v-32e45c5b] {
  color: var(--swiper-button-color)
}

.button-next[data-v-32e45c5b] {
  right: var(--button-box-right-x);
  top: var(--button-box-right-y)
}

.button-prev[data-v-32e45c5b] {
  left: var(--button-box-left-x);
  top: var(--button-box-left-y)
}

.button_style[data-v-32e45c5b]:before {
  color: var(--swiper-button-color);
  font-size: var(--swiper-button-size)
}

.button-next[data-v-32e45c5b] {
  transform: rotate(180deg)
}

.scroller.pcScroll[data-v-32e45c5b]::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.noScroller[data-v-32e45c5b]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}

.verticallyTop[data-v-32e45c5b] {
  display: flex;
  align-items: flex-start
}

.inlineMiddle[data-v-32e45c5b] {
  display: inline-block;
  vertical-align: middle
}


.paginationContainer[data-v-7b8bd9cc] {
  width: 100%;
  height: 100%
}

[data-v-7b8bd9cc] .el-pagination .el-pagination__jump,
[data-v-7b8bd9cc] .el-pagination .el-pagination__total {
  color: var(--otherFontColor);
  font-size: var(--otherFontSize) !important;
  font-weight: var(--otherFontWeight);
  font-family: var(--otherFontFamily);
  height: var(--lineHeight);
  line-height: var(--lineHeight);
  margin-left: 10px
}

[data-v-7b8bd9cc].el-input .el-input__inner:focus {
  border: none !important
}

[data-v-7b8bd9cc] .el-input {
  vertical-align: middle
}

[data-v-7b8bd9cc] .el-pager li {
  vertical-align: middle;
  height: var(--lineHeight);
  line-height: var(--lineHeight);
  font-size: var(--fontSize);
  -webkit-text-decoration: var(--textDecoration);
  text-decoration: var(--textDecoration);
  margin: 0 var(--marginLeft);
  background-color: var(--background);
  color: var(--color);
  padding: var(--padding);
  min-width: var(--minWidth);
  border-width: var(--borderWidth);
  border-style: var(--borderStyle) !important;
  border-color: var(--borderColor);
  border-radius: var(--borderRadius);
  box-shadow: var(--boxShadow);
  box-sizing: content-box
}

[data-v-7b8bd9cc] .el-pager li:hover {
  font-size: var(--hoverFontSize);
  font-family: var(--hoverFontFamily);
  font-weight: var(--hoverFontWeight);
  color: var(--hoverColor);
  background-color: var(--hoverBgColor);
  padding: var(--hoverPadding);
  border-width: var(--hoverBorderWidth);
  border-style: var(--hoverBorderStyle);
  border-color: var(--hoverBorderColor) !important;
  border-radius: var(--hoverBorderRadius);
  box-shadow: var(--hoverBoxShadow)
}

[data-v-7b8bd9cc] .el-pager li.active {
  font-size: var(--activeFontSize);
  font-family: var(--activeFontFamily);
  font-weight: var(--activeFontWeight);
  color: var(--activeColor);
  background-color: var(--activeBgColor);
  padding: var(--activePadding);
  border-width: var(--activeBorderWidth);
  border-style: var(--activeBorderStyle);
  border-color: var(--activeBorderColor) !important;
  border-radius: var(--activeBorderRadius);
  box-shadow: var(--activeBoxShadow)
}

[data-v-7b8bd9cc] .el-pager li.active+li {
  border-left: var(--borderLeft) var(--borderStyle) var(--borderColor);
  border-width: var(--borderWidth)
}

[data-v-7b8bd9cc] .el-pager li.active+li:hover {
  border-width: var(--hoverBorderWidth)
}

[data-v-7b8bd9cc].el-pagination button:disabled {
  background: var(--pageTurnBgColor);
  opacity: .4
}

[data-v-7b8bd9cc] .el-pagination .btn-next,
[data-v-7b8bd9cc] .el-pagination .btn-prev {
  height: var(--pageTurnHeight);
  line-height: var(--pageTurnHeight);
  min-width: var(--pageTurnMinWidth);
  background: var(--pageTurnBgColor);
  border: var(--pageTurnBorderWidth) var(--pageTurnBorderStyle) var(--pageTurnBorderColor);
  border-radius: var(--pageTurnBorderRadius);
  padding: var(--pageTurnPadding);
  font-size: var(--pageTurnFontSize);
  margin: 0 var(--marginLeft);
  box-sizing: content-box
}

[data-v-7b8bd9cc] .btn-next:hover,
[data-v-7b8bd9cc] .btn-prev:hover {
  background: var(--hoverPageTurnBgColor);
  border: var(--hoverPageTurnBorderWidth) var(--hoverPageTurnBorderStyle) var(--hoverPageTurnBorderColor);
  border-radius: var(--hoverPageTurnBorderRadius);
  padding: var(--hoverPageTurnPadding)
}

[data-v-7b8bd9cc] .btn-next:hover span,
[data-v-7b8bd9cc] .btn-prev:hover span {
  display: inline-block;
  color: var(--hoverPageTurnFontColor)
}

[data-v-7b8bd9cc] .btn-next:hover .cx-icon,
[data-v-7b8bd9cc] .btn-next:hover .cx-icon:before,
[data-v-7b8bd9cc] .btn-prev:hover .cx-icon,
[data-v-7b8bd9cc] .btn-prev:hover .cx-icon:before {
  color: var(--hoverPageTurnIconColor)
}

[data-v-7b8bd9cc] .btn-next span,
[data-v-7b8bd9cc] .btn-prev span {
  display: inline-block;
  height: var(--pageTurnHeight);
  line-height: var(--pageTurnHeight);
  color: var(--pageTurnFontColor);
  font-weight: var(--pageTurnFontWeight);
  font-family: var(--pageTurnFontFamily);
  font-size: var(--pageTurnFontSize)
}

[data-v-7b8bd9cc] .cx-icon,
[data-v-7b8bd9cc] .cx-icon:before {
  color: var(--pageTurnIconColor)
}

[data-v-7b8bd9cc] .btn-next .cx-icon {
  display: inline-block;
  transform: rotateY(180deg)
}

.el-pagination button[data-v-7b8bd9cc]:disabled {
  opacity: .5
}

[data-v-7b8bd9cc] .el-pager,
[data-v-7b8bd9cc].el-pagination button,
[data-v-7b8bd9cc] .el-pagination button,
[data-v-7b8bd9cc].el-pagination span:not([class*=suffix]) {
  vertical-align: middle
}

[data-v-7b8bd9cc] .el-pager .more:before {
  line-height: unset
}

[data-v-7b8bd9cc] .el-pagination__jump .el-input {
  width: 40px;
  height: var(--lineHeight)
}

[data-v-7b8bd9cc] .el-pagination .el-input__inner {
  background-color: #fff;
  border: 1px solid #edf1f7;
  border-radius: 8px;
  height: 32px
}

[data-v-7b8bd9cc] .el-pagination__jump .el-input__inner {
  padding: 0 3px
}

[data-v-7b8bd9cc] .el-pagination .el-input__inner:hover {
  background: #fafbfe
}

[data-v-7b8bd9cc] .el-pager .el-icon-more {
  line-height: 24px
}

[data-v-7b8bd9cc] .el-pager .el-icon-more:before {
  content: "..."
}

[data-v-7b8bd9cc] .el-pagination {
  padding: 0
}


.breadcrumbContainer[data-v-6f6098f9] {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.breadcrumb_item[data-v-6f6098f9] {
  display: flex;
  align-items: center;
  cursor: pointer
}

.breadcrumb_item span[data-v-6f6098f9]:first-child:hover {
  letter-spacing: var(--hoverLetterSpacing);
  font-style: var(--hoverFontStyle);
  font-family: var(--hoverFontFamily);
  color: var(--hoverColor);
  font-size: var(--hoverFontSize);
  font-weight: var(--hoverFontWeight);
  -webkit-text-decoration: var(--hoverTextDecoration);
  text-decoration: var(--hoverTextDecoration);
  line-height: var(--hoverLineHeight) !important
}

[data-v-6f6098f9].breadcrumb_item svg {
  vertical-align: top;
  width: 100%;
  height: 100%
}

[data-v-6f6098f9].breadcrumb_item svg path[stroke] {
  stroke: var(--color)
}

.breadcrumb_item:last-child>.icon[data-v-6f6098f9] {
  display: none !important
}


.icon-container[data-v-59ff8d1e] {
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}


.share-container[data-v-cb1a2902] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: var(--direction);
  grid-gap: var(--margin);
  gap: var(--margin);
  width: 100%;
  height: 100%;
  justify-content: center;
  border-width: var(--mainBorder_borderWidth);
  border-color: var(--mainBorder_borderColor) !important;
  border-style: var(--mainBorder_borderStyle);
  background-repeat: var(--mainBackground_backgroundRepeat);
  background-image: var(--mainBackground_backgroundImage);
  background-color: var(--mainBackground_backgroundColor);
  background-size: var(--mainBackground_backgroundSize);
  background-position: var(--mainBackground_backgroundPosition);
  border-radius: var(--mainRadius);
  opacity: var(--mainOpacity);
  box-shadow: var(--mainShadow);
  padding: var(--mainPadding);
  overflow: hidden
}

.share-container .share-item[data-v-cb1a2902] {
  display: flex;
  align-items: center;
  cursor: pointer
}

.share-container .share-box[data-v-cb1a2902] {
  width: 100%;
  height: 100%
}

.share-item[data-v-cb1a2902] {
  position: relative;
  width: var(--btnSize_width);
  height: var(--btnSize_height);
  border-width: var(--btnBorder_borderWidth);
  border-color: var(--btnBorder_borderColor) !important;
  border-style: var(--btnBorder_borderStyle);
  background-repeat: var(--btnBackground_backgroundRepeat);
  background-image: var(--btnBackground_backgroundImage);
  background-color: var(--btnBackground_backgroundColor);
  background-size: var(--btnBackground_backgroundSize);
  background-position: var(--btnBackground_backgroundPosition);
  border-radius: var(--btnRadius);
  opacity: var(--btnOpacity);
  box-shadow: var(--btnShadow);
  padding: var(--btnPadding)
}

.share-item[data-v-cb1a2902]:hover {
  border-width: var(--btnBorderHover_borderWidth);
  border-color: var(--btnBorderHover_borderColor) !important;
  border-style: var(--btnBorderHover_borderStyle);
  background-repeat: var(--btnBackgroundHover_backgroundRepeat);
  background-image: var(--btnBackgroundHover_backgroundImage);
  background-color: var(--btnBackgroundHover_backgroundColor);
  background-size: var(--btnBackgroundHover_backgroundSize);
  background-position: var(--btnBackgroundHover_backgroundPosition);
  border-radius: var(--btnRadiusHover);
  opacity: var(--btnOpacityHover);
  box-shadow: var(--btnShadowHover);
  padding: var(--btnPadding)
}

.share-item.active-share-item[data-v-cb1a2902] {
  border-width: var(--btnBorderActive_borderWidth);
  border-color: var(--btnBorderActive_borderColor) !important;
  border-style: var(--btnBorderActive_borderStyle);
  background-repeat: var(--btnBackgroundActive_backgroundRepeat);
  background-image: var(--btnBackgroundActive_backgroundImage);
  background-color: var(--btnBackgroundActive_backgroundColor);
  background-size: var(--btnBackgroundActive_backgroundSize);
  background-position: var(--btnBackgroundActive_backgroundPosition);
  border-radius: var(--btnRadiusActive);
  opacity: var(--btnOpacityActive);
  box-shadow: var(--btnShadowActive);
  padding: var(--btnPadding)
}

.code-box[data-v-cb1a2902],
.flex[data-v-cb1a2902] {
  display: flex;
  align-items: center
}

.code-box[data-v-cb1a2902] {
  position: fixed;
  z-index: 999;
  width: 124px;
  height: 149px;
  padding: 12px 0;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, .04);
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  flex-direction: column
}

.code-box .text[data-v-cb1a2902] {
  font-size: 12px;
  color: #666;
  margin-top: 8px
}

.text-outer[data-v-cb1a2902] {
  display: inline-block;
  width: 100%;
  font-style: var(--btnText_fontStyle);
  font-Family: var(--btnText_fontFamily);
  text-indent: var(--btnText_textIndent);
  font-size: var(--btnText_fontSize);
  font-weight: var(--btnText_fontWeight);
  line-height: var(--btnText_lineHeight);
  text-align: var(--btnText_textAlign);
  -ms-writing-mode: var(--btnText_writingMode);
  writing-mode: var(--btnText_writingMode);
  letter-spacing: var(--btnText_letterSpacing);
  color: var(--btnText_fontColor);
  -webkit-text-decoration: var(--btnText_textDecoration);
  text-decoration: var(--btnText_textDecoration);
  text-shadow: var(--btnText_textShadow)
}

.text-outer.hover[data-v-cb1a2902] {
  font-style: var(--btnTextHover_fontStyle);
  font-Family: var(--btnTextHover_fontFamily);
  text-indent: var(--btnTextHover_textIndent);
  font-size: var(--btnTextHover_fontSize);
  font-weight: var(--btnTextHover_fontWeight);
  line-height: var(--btnTextHover_lineHeight);
  text-align: var(--btnTextHover_textAlign);
  -ms-writing-mode: var(--btnTextHover_writingMode);
  writing-mode: var(--btnTextHover_writingMode);
  letter-spacing: var(--btnTextHover_letterSpacing);
  color: var(--btnTextHover_fontColor);
  -webkit-text-decoration: var(--btnTextHover_textDecoration);
  text-decoration: var(--btnTextHover_textDecoration);
  text-shadow: var(--btnTextHover_textShadow)
}

.text-outer.active[data-v-cb1a2902] {
  font-style: var(--btnTextActive_fontStyle);
  font-Family: var(--btnTextActive_fontFamily);
  text-indent: var(--btnTextActive_textIndent);
  font-size: var(--btnTextActive_fontSize);
  font-weight: var(--btnTextActive_fontWeight);
  line-height: var(--btnTextActive_lineHeight);
  text-align: var(--btnTextActive_textAlign);
  -ms-writing-mode: var(--btnTextActive_writingMode);
  writing-mode: var(--btnTextActive_writingMode);
  letter-spacing: var(--btnTextActive_letterSpacing);
  color: var(--btnTextActive_fontColor);
  -webkit-text-decoration: var(--btnTextActive_textDecoration);
  text-decoration: var(--btnTextActive_textDecoration);
  text-shadow: var(--btnTextActive_textShadow)
}


.icon-container[data-v-8c3e3c9e] {
  position: relative;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}


.countdown-container[data-v-48b3d842] {
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-width: var(--mainBorder_borderWidth);
  border-color: var(--mainBorder_borderColor) !important;
  border-style: var(--mainBorder_borderStyle);
  background-repeat: var(--mainrBackground_backgroundRepeat);
  background-image: var(--mainBackground_backgroundImage);
  background-color: var(--mainBackground_backgroundColor);
  background-size: var(--mainBackground_backgroundSize);
  background-position: var(--mainBackground_backgroundPosition);
  border-radius: var(--mainRadius);
  opacity: var(--mainOpacity);
  box-shadow: var(--mainShadow);
  padding: var(--mainPadding)
}

.countdown-box[data-v-48b3d842],
.countdown-container[data-v-48b3d842] {
  display: flex;
  width: 100%
}

.count-item[data-v-48b3d842] {
  display: flex
}

.count-item-number[data-v-48b3d842] {
  font-variant: tabular-nums;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  border-width: var(--numberBorder_borderWidth);
  border-color: var(--numberBorder_borderColor) !important;
  border-style: var(--numberBorder_borderStyle);
  background-repeat: var(--numberBackground_backgroundRepeat);
  background-image: var(--numberBackground_backgroundImage);
  background-color: var(--numberBackground_backgroundColor);
  background-size: var(--numberBackground_backgroundSize);
  background-position: var(--numberBackground_backgroundPosition);
  border-radius: var(--numberRadius);
  opacity: var(--numberOpacity);
  box-shadow: var(--numberShadow);
  padding: var(--numberPadding)
}

.count-item-number[data-v-48b3d842],
.count-item-unit[data-v-48b3d842] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.count-item-unit[data-v-48b3d842] {
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: var(--unitOpacity)
}

.count-item-box[data-v-48b3d842] {
  display: flex;
  align-items: center
}


.bv-example-row[data-v-123da754] {
  padding: 0
}

.headerBox[data-v-123da754] {
  width: 100%;
  height: 50px;
  position: relative
}

.other_content[data-v-123da754] {
  position: relative;
  overflow-y: visible
}

.other_content[data-v-123da754]:hover {
  box-shadow: 0 0 0 1px var(--themeColor) inset
}

.other_content:hover .custom-handle[data-v-123da754] {
  display: block
}

[data-v-123da754] .el-drawer__body .other_content {
  display: block !important
}

.bottom[data-v-123da754],
.top[data-v-123da754] {
  width: 100%;
  left: 0
}

.bottom[data-v-123da754] {
  bottom: 0
}

.left[data-v-123da754] {
  display: inline-block;
  height: 100%
}

.left+.row[data-v-123da754] {
  float: right
}

.left .right[data-v-123da754] {
  display: inline-block;
  position: absolute;
  height: 100%;
  right: 0
}

.right[data-v-123da754] {
  float: right
}

.right+.row[data-v-123da754] {
  float: left
}

.hide[data-v-123da754] {
  display: none
}

.ref-line[data-v-123da754] {
  position: absolute;
  background-color: #f0c;
  z-index: 9999
}

.v-line[data-v-123da754] {
  width: 1px
}

.h-line[data-v-123da754] {
  height: 1px
}

.content_otherLR[data-v-123da754] {
  display: flex;
  position: relative
}

[data-v-123da754] .el-drawer__wrapper,
[data-v-123da754] .v-modal {
  position: absolute
}

.content_center[data-v-123da754] {
  position: relative;
  flex: 1;
  height: 100%
}

.null-data[data-v-123da754] {
  position: absolute;
  z-index: 9999;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, .4);
  font-size: 14px;
  text-align: center
}

.scroller.pcScroll[data-v-123da754]::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.noScroller[data-v-123da754]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}

.content_center1[data-v-123da754] {
  height: 100%
}

.content_center1[data-v-123da754],
.realBox[data-v-123da754] {
  width: 100%;
  overflow: hidden
}

.realBox[data-v-123da754] {
  height: 200%;
  display: flex
}

.content_center_div[data-v-123da754],
.content_center_div1[data-v-123da754] {
  overflow: hidden;
  width: 100%;
  height: 50%
}


.vue-danmaku {
  overflow: hidden;
  height: 100%
}

.vue-danmaku .danmus {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .3s
}

.vue-danmaku .danmus.show {
  opacity: 1
}

.vue-danmaku .danmus.paused .dm.move {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.vue-danmaku .danmus .dm {
  position: absolute;
  font-size: 20px;
  color: #ddd;
  transform: translateX(0) translateY(-50%);
  transform-style: preserve-3d
}

.vue-danmaku .danmus .dm.move {
  will-change: transform;
  -webkit-animation-name: moveLeft;
  animation-name: moveLeft;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.vue-danmaku .danmus .dm.pause {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  z-index: 10
}

@-webkit-keyframes moveLeft {
  0% {
    transform: translateX(0) translateY(-50%)
  }

  to {
    transform: translateX(var(--dm-scroll-width)) translateY(-50%)
  }
}

@keyframes moveLeft {
  0% {
    transform: translateX(0) translateY(-50%)
  }

  to {
    transform: translateX(var(--dm-scroll-width)) translateY(-50%)
  }
}


.danmaku-component[data-v-d18bbc60] {
  height: 100%
}


.inline[data-v-5cafbb81] {
  display: inline-block;
  vertical-align: top
}

.anchor-icon-active[data-v-5cafbb81] {
  display: none
}

.overflowHidMultiLines[data-v-5cafbb81] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}


.anchorContainer[data-v-2c04288a] {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left
}

.anchorContainer.scroller[data-v-2c04288a]::-webkit-scrollbar {
  display: block
}

.anchorContainer.scroller.hideScrollBarAutoScroll[data-v-2c04288a]::-webkit-scrollbar {
  display: none
}

.anchorContainer .hideScrollBarAutoScroll[data-v-2c04288a] {
  white-space: nowrap;
  overflow-x: auto
}

.anchorContainer.anchorStick[data-v-2c04288a] {
  position: fixed;
  top: 0;
  z-index: 9998;
  display: none
}

.anchorContainer .anchor[data-v-2c04288a] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  box-sizing: border-box
}

.anchorContainer .anchor[data-v-2c04288a]:last-child {
  margin-right: 0 !important
}

.anchorContainer .anchor .anchor-underline[data-v-2c04288a] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}

.anchorContainer .divide-box[data-v-2c04288a] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--divideMargin)
}

.anchorContainer .divide-box .icon[data-v-2c04288a],
.anchorContainer .divide-box .line[data-v-2c04288a] {
  display: block
}

.anchorContainer .anchorInner[data-v-2c04288a] {
  width: 100%;
  height: 100%;
  display: flex
}

[data-v-2c04288a] svg {
  vertical-align: middle
}

.inline[data-v-2c04288a] {
  display: inline-block;
  vertical-align: top
}

.vertical-middle[data-v-2c04288a] {
  vertical-align: middle;
  line-height: 1;
  font-size: 0
}

.nowrap .anchor .anchor-name>span[data-v-2c04288a] {
  white-space: nowrap
}

.overflowHidMultiLines[data-v-2c04288a] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}


.anchor-icon-active {
  display: none
}

.anchor-vertical.vertical {
  height: 100%;
  overflow-y: auto;
  border-right: 0
}

.anchor-vertical.vertical .el-menu {
  background: hsla(0, 0%, 100%, 0)
}

.anchor-vertical.vertical.el-menu::-webkit-scrollbar {
  width: 8px;
  height: 6px;
  display: block
}

.anchor-vertical.vertical.el-menu::-webkit-scrollbar-thumb {
  background: rgba(144, 147, 153, .3);
  border-radius: 3px
}

.anchor-vertical.vertical .el-menu-item,
.anchor-vertical.vertical .el-submenu__title {
  width: var(--itemWidth);
  height: var(--itemHeight);
  color: var(--color);
  font-size: var(--fontSize);
  font-family: var(--fontFamily);
  font-weight: var(--fontWeight);
  white-space: normal;
  line-height: var(--lineHeight);
  text-align: var(--textAlign);
  -webkit-text-decoration: var(--textDecoration);
  text-decoration: var(--textDecoration);
  letter-spacing: var(--letterSpacing);
  -ms-writing-mode: var(--writingMode);
  writing-mode: var(--writingMode);
  font-style: var(--fontStyle);
  border-width: var(--borderWidth) !important;
  border-style: var(--borderStyle);
  border-color: var(--borderColor);
  box-shadow: var(--boxShadow);
  background-image: var(--backgroundImage);
  background-size: var(--backgroundSize);
  background-position: var(--backgroundPosition);
  background-repeat: var(--backgroundRepeat);
  background-color: var(--backgroundColor);
  border-radius: var(--borderRadius);
  padding: 0
}

.anchor-vertical.vertical .el-menu-item.is-active .anchor-icon-default,
.anchor-vertical.vertical .el-menu-item:hover .anchor-icon-default,
.anchor-vertical.vertical .el-submenu__title:hover .anchor-icon-default,
.anchor-vertical.vertical .is-active>.el-submenu__title .anchor-icon-default {
  display: none
}

.anchor-vertical.vertical .el-menu-item.is-active .anchor-icon-active,
.anchor-vertical.vertical .el-menu-item:hover .anchor-icon-active,
.anchor-vertical.vertical .el-submenu__title:hover .anchor-icon-active,
.anchor-vertical.vertical .is-active>.el-submenu__title .anchor-icon-active {
  display: inline-block
}

.anchor-vertical.vertical .el-menu-item:hover span,
.anchor-vertical.vertical .el-submenu__title:hover span {
  color: var(--hoverColor) !important
}

.anchor-vertical.vertical .el-menu-item:hover,
.anchor-vertical.vertical .el-submenu__title:hover {
  font-size: var(--hoverFontSize) !important;
  font-family: var(--hoverFontFamily) !important;
  font-weight: var(--hoverFontWeight) !important;
  line-height: var(--hoverLineHeight);
  text-align: var(--hoverTextAlign);
  -webkit-text-decoration: var(--hoverTextDecoration);
  text-decoration: var(--hoverTextDecoration);
  letter-spacing: var(--hoverLetterSpacing);
  -ms-writing-mode: var(--hoverWritingMode);
  writing-mode: var(--hoverWritingMode);
  font-style: var(--hoverFontStyle);
  border-width: var(--hoverBorderWidth);
  border-style: var(--hoverBorderStyle);
  border-color: var(--hoverBorderColor) !important;
  border-radius: var(--hoverBorderRadius);
  background: var(--hoverBackground) !important;
  background-image: var(--hoverBackgroundImage) !important;
  background-size: var(--hoverBackgroundSize) !important;
  background-position: var(--hoverBackgroundPosition) !important;
  background-repeat: var(--hoverBackgroundRepeat) !important;
  background-color: var(--hoverBackgroundColor) !important
}

.anchor-vertical.vertical .el-submenu__title>.icon {
  display: inline-block
}

.anchor-vertical.vertical .el-submenu__title>.right-icon {
  transform: translateY(-50%)
}

.anchor-vertical.vertical .el-submenu.is-opened>.el-submenu__title>.right-icon {
  transform: rotate(180deg) translateY(50%)
}

.anchor-vertical.vertical .el-submenu.is-opened>.el-submenu__title>.left-icon {
  transform: rotate(180deg)
}

.anchor-vertical.vertical.el-menu--collapse .el-menu .el-submenu,
.anchor-vertical.vertical .el-submenu .el-menu-item {
  min-width: 10px !important
}

.anchor-vertical.vertical .el-menu-item.is-active span,
.anchor-vertical.vertical .is-active>.el-submenu__title span {
  color: var(--activeColor) !important
}

.anchor-vertical.vertical .el-menu-item.is-active,
.anchor-vertical.vertical .is-active>.el-submenu__title {
  border-width: var(--activeBorderWidth);
  border-style: var(--activeBorderStyle);
  border-color: var(--activeBorderColor) !important;
  border-radius: var(--activeBorderRadius);
  line-height: var(--activeLineHeight);
  text-align: var(--activeTextAlign);
  -webkit-text-decoration: var(--activeTextDecoration);
  text-decoration: var(--activeTextDecoration);
  letter-spacing: var(--activeLetterSpacing);
  -ms-writing-mode: var(--activeWritingMode);
  writing-mode: var(--activeWritingMode);
  font-style: var(--activeFontStyle);
  font-size: var(--activeFontSize) !important;
  font-family: var(--activeFontFamily) !important;
  font-weight: var(--activeFontWeight) !important;
  background: var(--activeBackgroundColor) !important;
  background-image: var(--activeBackgroundImage) !important;
  background-size: var(--activeBackgroundSize) !important;
  background-position: var(--activeBackgroundPosition) !important;
  background-repeat: var(--activeBackgroundRepeat) !important;
  background-color: var(--activeBackgroundColor) !important
}

.anchor-vertical.vertical .el-submenu .el-menu-item span,
.anchor-vertical.vertical .el-submenu .el-submenu>.el-submenu__title span {
  max-width: 100%;
  white-space: normal
}

.anchor-vertical.vertical .el-submenu__title .el-submenu__icon-arrow {
  display: none
}

.anchor-vertical.vertical.el-menu {
  background-color: transparent;
  width: 100%
}

.anchor-vertical.vertical .el-submenu__title svg {
  vertical-align: middle;
  width: 100%;
  height: 100%
}

.anchor-vertical.vertical .el-submenu__title svg path[stroke] {
  stroke: var(--color)
}

.anchor-vertical.vertical .el-submenu {
  background: transparent !important
}

.anchor-vertical.vertical .el-menu--inline.el-menu {
  width: var(--itemWidth)
}

.anchor-vertical.vertical>.el-menu-item,
.anchor-vertical.vertical>.el-submenu>.el-submenu__title {
  padding-left: var(--leftIndent) !important;
  padding-right: 0
}

.anchor-vertical.vertical>.el-submenu>.el-menu>.el-menu-item,
.anchor-vertical.vertical>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*2) !important
}

.anchor-vertical.vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-menu-item,
.anchor-vertical.vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*3) !important
}

.anchor-vertical.vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-menu-item,
.anchor-vertical.vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*4) !important
}

.anchor-vertical.vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-menu-item,
.anchor-vertical.vertical>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-menu>.el-submenu>.el-submenu__title {
  padding-left: calc(var(--leftIndent)*5) !important
}

.anchor-vertical.vertical .data-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 12px
}


[data-v-7d4838df] .el-input .el-input__inner {
  border: none
}

.cx-datePicker[data-v-7d4838df] {
  height: 100%
}

[data-v-7d4838df] .el-date-editor,
[data-v-7d4838df] .el-date-editor.el-input {
  width: 100%;
  height: 100%
}

[data-v-7d4838df] .el-date-editor {
  width: 100% !important
}

[data-v-7d4838df] .el-date-editor .el-input__icon,
[data-v-7d4838df] .el-date-editor .el-range__icon {
  display: inline-block;
  vertical-align: middle;
  height: auto
}

[data-v-7d4838df] .el-input .el-input__inner:focus {
  box-shadow: none
}

[data-v-7d4838df] .el-date-editor.el-input .el-input__inner,
[data-v-7d4838df] .el-date-editor .el-range-input,
[data-v-7d4838df] .el-date-editor .el-range__icon {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit
}

[data-v-7d4838df] .el-date-editor .el-range-input {
  background-color: transparent
}

[data-v-7d4838df] .el-date-editor .el-range-input::-moz-placeholder {
  font-size: inherit
}

[data-v-7d4838df] .el-date-editor .el-range-input:-ms-input-placeholder {
  font-size: inherit
}

[data-v-7d4838df] .el-date-editor .el-range-input::placeholder {
  font-size: inherit
}

[data-v-7d4838df] .el-date-editor .el-input__icon:after {
  display: none
}

[data-v-7d4838df] .el-input__icon,
[data-v-7d4838df] .el-input__suffix {
  display: inline-block;
  vertical-align: middle;
  height: auto
}

[data-v-7d4838df] .el-input__prefix,
[data-v-7d4838df] .el-input__suffix {
  top: 50%;
  transform: translateY(-50%);
  color: inherit
}

[data-v-7d4838df] .el-input__icon {
  color: inherit
}

[data-v-7d4838df] .el-date-editor .el-input__prefix {
  display: flex;
  align-items: center
}

[data-v-7d4838df] .el-date-editor .el-range-separator {
  display: flex;
  align-items: center;
  color: inherit
}

[data-v-7d4838df] .el-date-editor>.el-input__inner,
[data-v-7d4838df] .el-date-editor>.el-input__inner:hover {
  height: 100%;
  background: transparent
}

[data-v-7d4838df] .el-input .el-input__inner {
  color: hsla(0, 0%, 100%, .2);
  padding-left: 30px
}

[data-v-7d4838df] .el-time-panel {
  background: var(--rangeInpBg)
}

[data-v-7d4838df] .el-picker-panel,
[data-v-7d4838df] .el-time-panel {
  border: var(--popperBorderWidth) var(--popperBorderStyle) var(--popperBorderColor)
}

[data-v-7d4838df] .el-picker-panel {
  left: 0 !important;
  background: var(--popperBackground);
  top: var(--marginTop) !important
}

[data-v-7d4838df] .el-date-picker__header--bordered,
[data-v-7d4838df] .el-date-table th {
  border-bottom-color: var(--popperBorderColor)
}

[data-v-7d4838df] .el-picker-panel__footer {
  background: transparent;
  border-color: var(--popperBorderColor)
}

[data-v-7d4838df] .el-input__inner「 {
  padding-left: 30px
}

[data-v-7d4838df] .el-date-table td {
  padding-top: var(--popperPaddingTop);
  padding-bottom: var(--popperPaddingBottom)
}

[data-v-7d4838df] .el-date-table td span,
[data-v-7d4838df] .el-date-table th {
  font-size: var(--popperFontSize);
  font-weight: var(--popperFontWeight);
  font-family: var(--popperFontFamily)
}

[data-v-7d4838df] .el-date-table .available span,
[data-v-7d4838df] .el-date-table th {
  color: var(--popperColor)
}

[data-v-7d4838df] .el-date-table td.next-month,
[data-v-7d4838df] .el-date-table td.prev-month {
  color: var(--notCurrentMonthColor)
}

[data-v-7d4838df] .el-date-picker__header,
[data-v-7d4838df] .el-date-range-picker__header {
  margin: 0;
  padding: var(--titlePadding);
  background: var(--titleBackground);
  letter-spacing: var(--titleLetterSpacing);
  text-align: var(--titleTextAlign);
  -ms-writing-mode: var(--titleWritingMode);
  writing-mode: var(--titleWritingMode);
  -webkit-text-decoration: var(--titleTextDecoration);
  text-decoration: var(--titleTextDecoration);
  -webkit-text-decoration-color: var(--titleTextDecorationColor);
  text-decoration-color: var(--titleTextDecorationColor);
  height: auto
}

[data-v-7d4838df] .el-date-picker__header-label,
[data-v-7d4838df] .el-date-range-picker__header,
[data-v-7d4838df] .el-picker-panel__icon-btn {
  margin-top: 0;
  line-height: var(--titleLineHeight);
  font-family: var(--titleFontFamily);
  font-size: var(--titleFontSize);
  font-weight: var(--titleFontWeight);
  font-style: var(--titleFontStyle);
  color: var(--titleColor)
}

[data-v-7d4838df] .el-date-range-picker__header div {
  font-size: var(--titleFontSize);
  font-weight: var(--titleFontWeight)
}

[data-v-7d4838df] .el-date-table td.available:hover span {
  font-size: var(--hoverFontSize);
  font-weight: var(--hoverFontWeight);
  font-family: var(--hoverFontFamily);
  color: var(--hoverColor);
  border: var(--hoverBorder);
  background: var(--hoverBackground);
  border-radius: var(--hoverBorderRadiusTopLeft) var(--hoverBorderRadiusTopRight) var(--hoverBorderRadiusBottomRight) var(--hoverBorderRadiusBottomLeft)
}

[data-v-7d4838df] .el-date-table td.current:not(.disabled) span,
[data-v-7d4838df] .el-date-table td.in-range span,
[data-v-7d4838df] .el-date-table td.selected span,
[data-v-7d4838df] .el-month-table td.in-range .cell {
  font-size: var(--activeFontSize);
  font-weight: var(--activeFontWeight);
  font-family: var(--activeFontFamily);
  color: var(--activeColor);
  background: var(--activeBackground)
}

[data-v-7d4838df] .el-date-table td.current:not(.disabled) span,
[data-v-7d4838df] .el-date-table td.selected:not(.disabled) span {
  border: var(--activeBorder);
  border-radius: var(--activeBorderRadiusTopLeft) var(--activeBorderRadiusTopRight) var(--activeBorderRadiusBottomRight) var(--activeBorderRadiusBottomLeft)
}

[data-v-7d4838df] .el-date-table td.in-range>div {
  border-top: var(--activeBorder);
  border-bottom: var(--activeBorder)
}

[data-v-7d4838df] .el-date-table td.start-date>div {
  border-left: var(--activeBorder);
  border-top-left-radius: var(--activeBorderRadiusTopLeft);
  border-bottom-left-radius: var(--activeBorderRadiusBottomLeft)
}

[data-v-7d4838df] .el-date-table td.end-date>div {
  border-right: var(--activeBorder);
  border-top-right-radius: var(--activeBorderRadiusTopRight);
  border-bottom-right-radius: var(--activeBorderRadiusBottomRight)
}

[data-v-7d4838df] .el-date-table td.end-date span,
[data-v-7d4838df] .el-date-table td.start-date span {
  background: transparent
}

[data-v-7d4838df] .el-date-table.is-week-mode .el-date-table__row.current div,
[data-v-7d4838df] .el-date-table.is-week-mode .el-date-table__row:hover div,
[data-v-7d4838df] .el-date-table td.in-range div,
[data-v-7d4838df] .el-date-table td.in-range div:hover,
[data-v-7d4838df] .el-month-table td.in-range div,
[data-v-7d4838df] .el-month-table td.in-range div:hover {
  background: var(--activeBackground)
}

[data-v-7d4838df] .el-time-panel__content:after,
[data-v-7d4838df] .el-time-panel__content:before {
  border-top-color: var(--lineColor);
  border-bottom-color: var(--lineColor)
}

[data-v-7d4838df] .el-time-panel__footer {
  border-top-color: var(--lineColor)
}

[data-v-7d4838df] .el-date-range-picker__content.is-left {
  border-right-color: var(--lineColor)
}

[data-v-7d4838df] .el-date-range-picker__time-header {
  border-bottom-color: var(--lineColor)
}

[data-v-7d4838df] .el-picker-panel__footer .el-button,
[data-v-7d4838df] .el-time-panel__footer .cancel {
  font-size: var(--cancleFontSize);
  font-weight: var(--cancleFontWeight);
  font-family: var(--cancleFontFamily);
  color: var(--cancleFontColor);
  border-style: var(--cancleBorderStyle);
  border-width: var(--cancleBorderWidth);
  border-color: var(--cancleBorderColor) !important;
  background: var(--cancleBgColor)
}

[data-v-7d4838df] .el-time-panel__footer .el-time-panel__btn {
  line-height: 24px
}

[data-v-7d4838df] .el-picker-panel__footer .el-button {
  padding: 8px 15px
}

[data-v-7d4838df] .el-picker-panel__footer .el-button--default,
[data-v-7d4838df] .el-time-panel__footer .confirm {
  font-size: var(--primaryFontSize);
  font-weight: var(--primaryFontWeight);
  font-family: var(--primaryFontFamily);
  color: var(--primaryFontColor) !important;
  border-style: var(--primaryBorderStyle);
  border-width: var(--primaryBorderWidth);
  border-color: var(--primaryBorderColor) !important;
  background: var(--primaryBgColor) !important
}

[data-v-7d4838df] .el-date-table td.available.selected div,
[data-v-7d4838df] .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background-color: transparent
}

[data-v-7d4838df] .el-time-panel .el-time-spinner__item.active:not(.disabled) {
  color: var(--rangeInpColor) !important;
  font-size: var(--rangeInpFontSize);
  font-family: var(--rangeInpFontFamily);
  font-weight: var(--rangeInpFontWeight)
}

[data-v-7d4838df] .editPageHome .el-date-editor .el-range-input::-moz-placeholder {
  color: rgba(0, 0, 0, .2)
}

[data-v-7d4838df] .editPageHome .el-date-editor .el-range-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .2)
}

[data-v-7d4838df] .editPageHome .el-date-editor .el-range-input::placeholder {
  color: rgba(0, 0, 0, .2)
}

[data-v-7d4838df] .el-date-editor .el-date-range-picker__editor .el-input__inner::-moz-placeholder {
  color: var(--rangeInpColor) !important;
  font-size: var(--rangeInpFontSize);
  font-family: var(--rangeInpFontFamily);
  font-weight: var(--rangeInpFontWeight);
  background: var(--rangeInpBg);
  padding-left: 0;
  text-align: center
}

[data-v-7d4838df] .el-date-editor .el-date-range-picker__editor .el-input__inner:-ms-input-placeholder {
  color: var(--rangeInpColor) !important;
  font-size: var(--rangeInpFontSize);
  font-family: var(--rangeInpFontFamily);
  font-weight: var(--rangeInpFontWeight);
  background: var(--rangeInpBg);
  padding-left: 0;
  text-align: center
}

[data-v-7d4838df] .bigScreen .el-input.is-disabled .el-input__inner,
[data-v-7d4838df] .el-date-editor .el-date-range-picker__editor .el-input__inner,
[data-v-7d4838df] .el-date-editor .el-date-range-picker__editor .el-input__inner::placeholder {
  color: var(--rangeInpColor) !important;
  font-size: var(--rangeInpFontSize);
  font-family: var(--rangeInpFontFamily);
  font-weight: var(--rangeInpFontWeight);
  background: var(--rangeInpBg);
  padding-left: 0;
  text-align: center
}

.relativeTable[data-v-7d4838df] .el-picker-panel,
.time-close[data-v-7d4838df] {
  position: absolute
}

.time-close[data-v-7d4838df] {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  display: none
}

.cx-datePicker:hover .time-close[data-v-7d4838df] {
  display: block
}

[data-v-7d4838df] .el-date-table td.disabled div {
  background-color: transparent
}

[data-v-7d4838df] .el-date-table td.disabled div>span {
  color: #c0c4cc !important
}


.el-picker-panel.app-style-panel {
  left: 0 !important
}

.el-picker-panel.app-style-panel.width414 {
  width: 414px
}

.el-picker-panel.app-style-panel .el-date-table td.disabled div {
  background-color: transparent
}

.el-picker-panel.app-style-panel .el-date-table td.disabled div>span {
  color: #c0c4cc !important
}

.el-picker-panel.app-style-panel .el-picker-panel__body {
  min-width: auto
}

.el-picker-panel.app-style-panel .el-date-range-picker__time-header {
  display: grid
}

.el-picker-panel.app-style-panel .el-picker-panel__icon-btn {
  font-size: 20px
}

.el-picker-panel.app-style-panel .el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 30px;
  margin-right: 30px
}

.el-picker-panel.app-style-panel .el-date-range-picker__content {
  padding: 16px 8px
}


.positionRight.style-panel-parent {
  left: auto !important;
  right: 0 !important
}


.overflowHidMultiLines[data-v-280101f9] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.comment-container[data-v-280101f9] {
  position: relative
}

.comment-container[data-v-280101f9],
.comment-container>iframe[data-v-280101f9] {
  width: 100%;
  height: 100%
}

.comment-container>iframe[data-v-280101f9]::-webkit-scrollbar {
  display: none
}

.comment-shadow[data-v-280101f9] {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 20px;
  z-index: 2
}


.cx-button[data-v-cd1778ca] {
  position: relative;
  line-height: 100%;
  pointer-events: none
}

.return-inner[data-v-cd1778ca] {
  position: absolute;
  width: 100%;
  text-align: center;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .6), 0 9px 28px rgba(0, 0, 0, .3), 0 12px 48px 16px rgba(0, 0, 0, .2)
}

.verticallyCenter[data-v-cd1778ca] {
  justify-content: center
}


.cx-skeleton[data-v-3af4df54],
.full_rect[data-v-3af4df54] {
  height: 100%
}

.cx-skeleton .cx-skeleton__item[data-v-3af4df54] {
  height: 100%;
  background: linear-gradient(90deg, hsla(0, 0%, 74.1%, .0902) 25%, hsla(0, 0%, 100%, .07843) 37%, hsla(0, 0%, 71.4%, .12157) 63%);
  background-size: 400% 100%;
  -webkit-animation: cx-skeleton-loading-data-v-3af4df54 1.4s ease infinite;
  animation: cx-skeleton-loading-data-v-3af4df54 1.4s ease infinite;
  border-radius: 4px
}

@-webkit-keyframes cx-skeleton-loading-data-v-3af4df54 {
  0% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

@keyframes cx-skeleton-loading-data-v-3af4df54 {
  0% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}


.auto-layout-component[data-v-392660c6],
.auto-layout-content[data-v-392660c6] {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: var(--maxWidth);
  min-width: var(--minWidth);
  max-height: var(--maxHeight);
  min-height: var(--minHeight)
}

.emptyColText[data-v-392660c6] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--thirdTextColor);
  font-size: 14px
}

[data-v-392660c6] .row-col-layout>.vdr {
  flex-shrink: 0;
  position: relative;
  transform: none !important
}

.isDrag-over .row-col-layout[data-v-392660c6],
.row-col-layout .dragging[data-v-392660c6] {
  cursor: -webkit-grab !important;
  cursor: grab !important
}

.isDrag-over .row-col-layout[data-v-392660c6] .dragging>div {
  opacity: .5 !important
}

.row-col-layout.vertical>.vdr[data-v-392660c6]:last-child {
  margin-bottom: 0 !important
}

.row-col-layout.horizon>.vdr[data-v-392660c6]:last-child {
  margin-right: 0 !important
}

.vertical>.ghost[data-v-392660c6]:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--themeColor)
}

.vertical>.ghost.before[data-v-392660c6]:after {
  top: var(--custom-margin)
}

.vertical>.ghost.after[data-v-392660c6]:after {
  bottom: var(--custom-margin)
}

.vdr.before[data-v-392660c6]:first-child:after {
  top: 0 !important;
  left: 0 !important
}

.horizon>.ghost[data-v-392660c6]:after {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--themeColor)
}

.horizon>.ghost.before[data-v-392660c6]:after {
  left: var(--custom-margin)
}

.horizon>.ghost.after[data-v-392660c6]:after {
  right: var(--custom-margin)
}

.vdr.after[data-v-392660c6]:last-child:after {
  bottom: 0 !important;
  right: 0 !important
}

.vdr_shade[data-v-392660c6] {
  cursor: -webkit-grab !important;
  cursor: grab !important
}

.vdr.active>.auto-layout-component[data-v-392660c6],
.vdr.vdr_hover>.auto-layout-component[data-v-392660c6] {
  outline: none !important
}

.active.handle-bb[data-v-392660c6],
.active.handle-tb[data-v-392660c6] {
  border-top: 2px dashed var(--themeColor)
}

.active.handle-lb[data-v-392660c6],
.active.handle-rb[data-v-392660c6] {
  border-left: 2px dashed var(--themeColor)
}

.hoverStyle .rect[data-v-392660c6],
.hoverStyle[data-v-392660c6]:hover {
  cursor: pointer !important
}

.dataGrid-cell-layout[data-v-392660c6] {
  height: 100%
}


.auto-layout-component[data-v-3b583eda],
.auto-layout-content[data-v-3b583eda] {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: var(--maxWidth);
  min-width: var(--minWidth);
  max-height: var(--maxHeight);
  min-height: var(--minHeight)
}

.emptyColText[data-v-3b583eda] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--thirdTextColor);
  font-size: 14px
}

[data-v-3b583eda] .row-col-layout>.vdr {
  flex-shrink: 0;
  position: relative;
  transform: none !important
}

.isDrag-over .row-col-layout[data-v-3b583eda],
.row-col-layout .dragging[data-v-3b583eda] {
  cursor: -webkit-grab !important;
  cursor: grab !important
}

.isDrag-over .row-col-layout[data-v-3b583eda] .dragging>div {
  opacity: .5 !important
}

.row-col-layout.vertical>.vdr[data-v-3b583eda]:last-child {
  margin-bottom: 0 !important
}

.row-col-layout.horizon>.vdr[data-v-3b583eda]:last-child {
  margin-right: 0 !important
}

.vertical>.ghost[data-v-3b583eda]:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--themeColor)
}

.vertical>.ghost.before[data-v-3b583eda]:after {
  top: var(--custom-margin)
}

.vertical>.ghost.after[data-v-3b583eda]:after {
  bottom: var(--custom-margin)
}

.vdr.before[data-v-3b583eda]:first-child:after {
  top: 0 !important;
  left: 0 !important
}

.horizon>.ghost[data-v-3b583eda]:after {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--themeColor)
}

.horizon>.ghost.before[data-v-3b583eda]:after {
  left: var(--custom-margin)
}

.horizon>.ghost.after[data-v-3b583eda]:after {
  right: var(--custom-margin)
}

.vdr.after[data-v-3b583eda]:last-child:after {
  bottom: 0 !important;
  right: 0 !important
}

.vdr_shade[data-v-3b583eda] {
  cursor: -webkit-grab !important;
  cursor: grab !important
}

.vdr.active>.auto-layout-component[data-v-3b583eda],
.vdr.vdr_hover>.auto-layout-component[data-v-3b583eda] {
  outline: none !important
}


.note-editor-content[data-v-bf5bc0cc] {
  overflow: visible
}

.overflowHidMultiLines[data-v-bf5bc0cc] {
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.text-component[data-v-bf5bc0cc],
.text-component>div[data-v-bf5bc0cc] {
  transition: transform .5s;
  word-break: break-word
}

.text-component>div[data-v-bf5bc0cc] {
  height: 100%;
  overflow-y: auto
}

[data-v-bf5bc0cc]::-webkit-scrollbar {
  width: 8px
}

[data-v-bf5bc0cc]::-webkit-scrollbar-thumb {
  background-color: #eaecf1;
  border-radius: 3px
}

.content[data-v-bf5bc0cc]:focus {
  outline: none
}

.edit-content[data-v-bf5bc0cc] {
  width: 100%;
  height: 100%
}

.edit-content textarea[data-v-bf5bc0cc] {
  width: 100%;
  height: 100%;
  resize: none
}

.c-pointer[data-v-bf5bc0cc]:hover {
  cursor: pointer
}

.text-component[data-v-bf5bc0cc] .el-scrollbar__view {
  margin-bottom: 0
}

[data-v-bf5bc0cc] strong {
  font-weight: 700;
  font-style: unset
}

[data-v-bf5bc0cc] em,
[data-v-bf5bc0cc] i {
  font-style: italic
}

.tinymce[data-v-bf5bc0cc]:focus {
  outline: none
}

.richtext ul[data-v-bf5bc0cc] {
  margin-bottom: unset
}

[data-v-bf5bc0cc] .richtext img {
  border: none
}


.overflowHidMultiLines[data-v-67341337] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.text-component[data-v-67341337],
.text-component>div[data-v-67341337] {
  transition: transform .5s
}

.logic-text-component[data-v-67341337] ::-webkit-scrollbar {
  width: 8px;
  height: 4px
}

.logic-text-component[data-v-67341337] ::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, .2);
  border-radius: 3px
}

.logic-text-component .content[data-v-67341337] {
  height: 100%
}

.logic-text-component .content[data-v-67341337]:focus {
  outline: none
}

.logic-text-component .edit-content[data-v-67341337] {
  width: 100%;
  height: 100%
}

.logic-text-component .edit-content textarea[data-v-67341337] {
  width: 100%;
  height: 100%;
  resize: none
}

[data-v-67341337] p {
  margin-bottom: 0 !important
}


.auto-layout-component[data-v-2ab4575a],
.auto-layout-content[data-v-2ab4575a] {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: var(--maxWidth);
  min-width: var(--minWidth);
  max-height: var(--maxHeight);
  min-height: var(--minHeight)
}

.emptyColText[data-v-2ab4575a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--thirdTextColor);
  font-size: 14px
}

[data-v-2ab4575a] .row-col-layout>.vdr {
  flex-shrink: 0;
  position: relative;
  transform: none !important
}

.row-col-layout .dragging[data-v-2ab4575a] {
  cursor: -webkit-grab !important;
  cursor: grab !important
}

.row-col-layout.vertical>.vdr[data-v-2ab4575a]:last-child {
  margin-bottom: 0 !important
}

.row-col-layout.horizon>.vdr[data-v-2ab4575a]:last-child {
  margin-right: 0 !important
}

[data-v-2ab4575a] .chosen {
  background: rgba(43, 103, 255, .1) !important;
  border: 1px solid var(--themeColor);
  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, .03), 0 4px 8px rgba(0, 0, 0, .02), 0 2px 4px -4px rgba(0, 0, 0, .02)
}

[data-v-2ab4575a] .chosen:after {
  content: "";
  height: 0
}

.vertical .ghost[data-v-2ab4575a]:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--themeColor)
}

.vertical .ghost.before[data-v-2ab4575a]:after {
  top: -4px
}

.vertical .ghost.after[data-v-2ab4575a]:after {
  bottom: -4px
}

.horizon .ghost[data-v-2ab4575a]:after {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--themeColor)
}

.horizon .ghost.before[data-v-2ab4575a]:after {
  left: -4px
}

.horizon .ghost.after[data-v-2ab4575a]:after {
  right: -4px
}

.scroller.pcScroll[data-v-2ab4575a]::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.noScroller[data-v-2ab4575a]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}


.componentBox[data-v-fd995174] {
  width: 100%;
  height: 100%;
  position: relative;
  background-clip: content-box
}

.componentBox.auto-layout .vdr[data-v-fd995174],
.componentBox.new-auto-layout .vdr[data-v-fd995174] {
  position: relative;
  transform: translate(0) !important;
  margin-left: 0 !important;
  top: 0 !important;
  flex-shrink: 0
}

.componentBox.auto-layout .componentBox_after[data-v-fd995174] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.componentBox.auto-layout .componentBox_after.horizon[data-v-fd995174],
.componentBox.auto-layout .componentBox_after.horizon .vdr[data-v-fd995174],
.componentBox.new-auto-layout .componentBox_after[data-v-fd995174] {
  display: inline-block
}

.componentBox.auto-layout .componentBox_after.vertical[data-v-fd995174] {
  min-width: 100%
}

.componentBox_after[data-v-fd995174] {
  position: relative;
  width: 100%;
  height: 100%
}

.componentBox_after[data-v-fd995174]:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: var(--background-opacity);
  background-image: var(--background-image);
  background-repeat: var(--background-repeat);
  background-size: var(--background-size);
  background-position: var(--background-position)
}

.ref-line[data-v-fd995174] {
  position: absolute;
  background-color: #f0c;
  z-index: 9999
}

.v-line[data-v-fd995174] {
  width: 1px
}

.h-line[data-v-fd995174] {
  height: 1px
}

.col[data-v-fd995174] {
  flex: none
}

.componentBox_after.displayFlex[data-v-fd995174] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.componentBox_after.displayFlex.space-around[data-v-fd995174] {
  justify-content: space-around
}

.componentBox_after.displayFlex .vdr[data-v-fd995174] {
  position: relative;
  transform: none !important;
  margin-bottom: 24px
}

.componentBox_after.displayFlex .vdr[data-v-fd995174]:last-child {
  margin-left: auto
}

.auto-layout-container[data-v-fd995174] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.hoverStyle .rect[data-v-fd995174],
.hoverStyle[data-v-fd995174]:hover {
  cursor: pointer !important
}

.transition[data-v-fd995174] {
  transition: width .4s ease-in-out
}

.componentBox_after .row-col-layout[data-v-fd995174] {
  width: 100%;
  height: 100%
}


.cols_stage[data-v-5f983f41] {
  width: 100%;
  height: 100%
}


.page-header-container[data-v-2886d026] {
  position: relative
}

.page-header-container .handle-btn-groups[data-v-2886d026] {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 9999
}

.fixed-header[data-v-2886d026] {
  position: fixed;
  z-index: 9999;
  width: 100%
}


.page-loading[data-v-6e566bd3] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 374px
}

.myContainer.fixed[data-v-6e566bd3] {
  position: fixed;
  z-index: 9999 !important
}

.myContainer[data-v-6e566bd3] {
  position: relative;
  background-color: #fff
}

.myContainer>.handle-btn-groups[data-v-6e566bd3] {
  margin-top: 0;
  right: 40px
}

.myContainer.fixed>.handle-btn-groups[data-v-6e566bd3] {
  right: 0
}

.container_bg[data-v-6e566bd3] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}


@font-face {
  font-family: "icomoon";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/icomoon.89cde5c.eot);
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/icomoon.89cde5c.eot#iefix) format("embedded-opentype"), url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/icomoon.4197c3a.ttf) format("truetype"), url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/icomoon.fc90da5.woff) format("woff"), url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/img/icomoon.77431a8.svg#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class*=" icon-"],
[class^=icon-] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-portal-3dmap:before {
  content: "\e908"
}

.icon-portal-printer:before {
  content: "\e907"
}

.icon-portal-menu_tags:before {
  content: "\e906"
}

.icon-portal-sticky .path1:before {
  content: "\e904";
  color: #000;
  opacity: .6
}

.icon-portal-sticky .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: #000;
  opacity: .2
}

.icon-icon_collection:before {
  content: "\e902"
}

.icon-portal-thumbs-up:before {
  content: "\e903"
}

.icon-portal-comment:before {
  content: "\e901"
}

.icon-portal-scroll-text:before {
  content: "\e900"
}

.icon-portal-robot:before {
  content: "\e0"
}

.icon-portal-transcoding:before {
  content: "\e1"
}

.icon-portal-direction-ld:before {
  content: "\e2"
}

.icon-portal-direction-lu:before {
  content: "\e3"
}

.icon-portal-direction-rd:before {
  content: "\e4"
}

.icon-portal-direction-ru:before {
  content: "\e5"
}

.icon-portal-radio:before {
  content: "\e6"
}

.icon-portal-horizontal-text:before {
  content: "\e7"
}

.icon-portal-text-both-v:before {
  content: "\e8"
}

.icon-portal-text-bottom-v:before {
  content: "\e9"
}

.icon-portal-text-center-v:before {
  content: "\ea"
}

.icon-portal-text-strike-through:before {
  content: "\eb"
}

.icon-portal-text-top-v:before {
  content: "\ec"
}

.icon-portal-text-underline-2:before {
  content: "\ed"
}

.icon-portal-manage-data:before {
  content: "\ee"
}

.icon-portal-locking:before {
  content: "\ef"
}

.icon-portal-sync-default:before {
  content: "\f0"
}

.icon-portal-menu_anchor:before {
  content: "\f1"
}

.icon-portal-menu_footer:before {
  content: "\f2"
}

.icon-portal-menu_header:before {
  content: "\f3"
}

.icon-portal-time_selector:before {
  content: "\f4"
}

.icon-portal-right-up:before {
  content: "\f5"
}

.icon-portal-A:before {
  content: "\f6"
}

.icon-portal-color-paint:before {
  content: "\f7"
}

.icon-portal-back-solid:before {
  content: "\f8"
}

.icon-portal-subpage:before {
  content: "\f9";
  color: #fff
}

.icon-portal-layout_9:before {
  content: "\fa"
}

.icon-portal-no-color:before {
  content: "\fb"
}

.icon-portal-bg-back:before {
  content: "\fc"
}

.icon-portal-digital_scrolling:before {
  content: "\fd"
}

.icon-portal-default:before {
  content: "\fe"
}

.icon-portal-not-allowed:before {
  content: "\ff"
}

.icon-portal-pointer:before {
  content: "\100"
}

.icon-portal-cursor-text:before {
  content: "\101"
}

.icon-portal-cursor-zoom-in:before {
  content: "\102"
}

.icon-portal-cursor-zoom-out:before {
  content: "\103"
}

.icon-portal-icon_drawer:before {
  content: "\104"
}

.icon-portal-repeat_nav:before {
  content: "\105"
}

.icon-portal-auto-h-right:before {
  content: "\106";
  color: #2b67ff
}

.icon-portal-auto-h-center:before {
  content: "\107";
  color: #2b67ff
}

.icon-portal-auto-h-left:before {
  content: "\108";
  color: #2b67ff
}

.icon-portal-auto-v-center:before {
  content: "\109";
  color: #2b67ff
}

.icon-portal-auto-v-top:before {
  content: "\10a";
  color: #2b67ff
}

.icon-portal-auto-v-bottom:before {
  content: "\10b";
  color: #2b67ff
}

.icon-portal-hug-height:before {
  content: "\10c"
}

.icon-portal-fill-height:before {
  content: "\10d"
}

.icon-portal-fill-width:before {
  content: "\10e"
}

.icon-portal-min-height:before {
  content: "\10f"
}

.icon-portal-max-height:before {
  content: "\110"
}

.icon-portal-min-width:before {
  content: "\111"
}

.icon-portal-max-width:before {
  content: "\112"
}

.icon-portal-icon_column:before {
  content: "\113"
}

.icon-portal-icon_row:before {
  content: "\114"
}

.icon-portal-pictorial-bar:before {
  content: "\115"
}

.icon-portal-time-selector:before {
  content: "\116"
}

.icon-portal-code:before {
  content: "\117"
}

.icon-portal-weixin-app:before {
  content: "\118"
}

.icon-portal-arrow-left1:before {
  content: "\119";
  color: #fff
}

.icon-portal-calendar:before {
  content: "\11a"
}

.icon-portal-iframe:before {
  content: "\11b"
}

.icon-portal-list_search:before {
  content: "\11c"
}

.icon-portal-multilevel_filter:before {
  content: "\11d"
}

.icon-portal-text_next:before {
  content: "\11e"
}

.icon-portal-text_previous:before {
  content: "\11f"
}

.icon-portal-note:before {
  content: "\120"
}

.icon-portal-login-template:before {
  content: "\121"
}

.icon-portal-page-template:before {
  content: "\122"
}

.icon-portal-update:before {
  content: "\123"
}

.icon-portal-icon_tag:before {
  content: "\124"
}

.icon-portal-h5-mark:before {
  content: "\125"
}

.icon-portal-h5-template:before {
  content: "\126"
}

.icon-portal-login-template1:before {
  content: "\127"
}

.icon-portal-add2:before {
  content: "\128"
}

.icon-portal-replace-page:before {
  content: "\129"
}

.icon-portal-floating_window:before {
  content: "\12a"
}

.icon-portal-menu_navMenuVertical:before {
  content: "\12b"
}

.icon-portal-align-bottom:before {
  content: "\12c"
}

.icon-portal-align-middle:before {
  content: "\12d"
}

.icon-portal-align-top:before {
  content: "\12e"
}

.icon-portal-layout_8:before {
  content: "\12f"
}

.icon-portal-add-to-app:before {
  content: "\130"
}

.icon-portal-move-down:before {
  content: "\131"
}

.icon-portal-move-up:before {
  content: "\132"
}

.icon-portal-artboard_1:before {
  content: "\133"
}

.icon-portal-segmenter:before {
  content: "\134"
}

.icon-portal-grid:before {
  content: "\135"
}

.icon-portal-tab-small:before {
  content: "\136"
}

.icon-portal-breadcrumbs:before {
  content: "\137"
}

.icon-portal-pagination:before {
  content: "\138"
}

.icon-portal-accordion:before {
  content: "\139"
}

.icon-portal-icon_select:before {
  content: "\13a"
}

.icon-portal-loading1:before {
  content: "\13b"
}

.icon-portal-cartoon-arrow:before {
  content: "\13c"
}

.icon-portal-replace:before {
  content: "\13d"
}

.icon-portal-layout_7:before {
  content: "\13e"
}

.icon-portal-w-h1:before {
  content: "\13f"
}

.icon-portal-bg-color:before {
  content: "\140"
}

.icon-portal-border:before {
  content: "\141"
}

.icon-portal-color:before {
  content: "\142"
}

.icon-portal-fly:before {
  content: "\143"
}

.icon-portal-opacity:before {
  content: "\144"
}

.icon-portal-page-scroll2:before {
  content: "\145"
}

.icon-portal-scale--picture:before {
  content: "\146"
}

.icon-portal-scale:before {
  content: "\147"
}

.icon-portal-shadow:before {
  content: "\148"
}

.icon-portal-text-2:before {
  content: "\149"
}

.icon-portal-w-h:before {
  content: "\14a"
}

.icon-portal-Union-1:before {
  content: "\14b"
}

.icon-portal-page-load:before {
  content: "\14c"
}

.icon-portal-hover:before {
  content: "\14d"
}

.icon-portal-auto-width:before {
  content: "\14e";
  color: #86909c
}

.icon-portal-clone:before {
  content: "\14f"
}

.icon-portal-switch:before {
  content: "\150";
  color: #2b67ff
}

.icon-portal-direction-h:before {
  content: "\151"
}

.icon-portal-direction-v:before {
  content: "\152"
}

.icon-portal-line_h:before {
  content: "\153"
}

.icon-portal-line_v:before {
  content: "\154"
}

.icon-portal-upload-3:before {
  content: "\155"
}

.icon-portal-direction-left:before {
  content: "\156"
}

.icon-portal-h1:before {
  content: "\157"
}

.icon-portal-h2:before {
  content: "\158"
}

.icon-portal-h3:before {
  content: "\159"
}

.icon-portal-h4:before {
  content: "\15a"
}

.icon-portal-h5:before {
  content: "\15b"
}

.icon-portal-h6:before {
  content: "\15c"
}

.icon-portal-plain-text:before {
  content: "\15d"
}

.icon-portal-preview-open1:before {
  content: "\15e";
  color: #717989
}

.icon-portal-preview-close-one1:before {
  content: "\15f"
}

.icon-portal-round:before {
  content: "\160"
}

.icon-portal-rounded-rectangle:before {
  content: "\161"
}

.icon-portal-rectangle:before {
  content: "\162"
}

.icon-portal-square:before {
  content: "\163"
}

.icon-portal-menu_icon:before {
  content: "\164"
}

.icon-portal-layout_1:before {
  content: "\165"
}

.icon-portal-layout_2:before {
  content: "\166"
}

.icon-portal-layout_3:before {
  content: "\167"
}

.icon-portal-layout_4:before {
  content: "\168"
}

.icon-portal-layout_5:before {
  content: "\169"
}

.icon-portal-layout_6:before {
  content: "\16a"
}

.icon-portal-move:before {
  content: "\16b"
}

.icon-portal-icon:before {
  content: "\16c";
  color: #2b67ff
}

.icon-portal-mockup:before {
  content: "\16d";
  color: #2b67ff
}

.icon-portal-arrow-left:before {
  content: "\16e"
}

.icon-portal-arrow-right:before {
  content: "\16f"
}

.icon-portal-phone2:before {
  content: "\170"
}

.icon-portal-computer2:before {
  content: "\171"
}

.icon-portal-save:before {
  content: "\172";
  color: #fff
}

.icon-portal-menu_music:before {
  content: "\173"
}

.icon-portal-loading:before {
  content: "\174";
  color: #c4c4c4
}

.icon-portal-orientation:before {
  content: "\175"
}

.icon-portal-style1:before {
  content: "\176"
}

.icon-portal-icon_rich_text:before {
  content: "\177"
}

.icon-portal-icon_line:before {
  content: "\178"
}

.icon-portal-menu_swiper:before {
  content: "\179"
}

.icon-portal-menu_date:before {
  content: "\17a"
}

.icon-portal-menu_form:before {
  content: "\17b"
}

.icon-portal-image_and_text:before {
  content: "\17c"
}

.icon-portal-menu_login:before {
  content: "\17d"
}

.icon-portal-menu_meau:before {
  content: "\17e"
}

.icon-portal-menu_navMenu:before {
  content: "\17f"
}

.icon-portal-menu_search:before {
  content: "\180"
}

.icon-portal-menu_text:before {
  content: "\181"
}

.icon-portal-menu_weather:before {
  content: "\182"
}

.icon-portal-menu_cloud:before {
  content: "\183"
}

.icon-portal-menu_bar:before {
  content: "\184"
}

.icon-portal-menu_line:before {
  content: "\185"
}

.icon-portal-menu_pie .path1:before {
  content: "\186";
  color: #fff;
  opacity: .01
}

.icon-portal-menu_pie .path2:before {
  content: "\187";
  margin-left: -1em;
  color: #2b2e33
}

.icon-portal-menu_pie .path3:before {
  content: "\188";
  margin-left: -1em;
  color: #2b2e33
}

.icon-portal-menu_radar:before {
  content: "\189"
}

.icon-portal-menu_button:before {
  content: "\18a"
}

.icon-portal-menu_picture:before {
  content: "\18b"
}

.icon-portal-menu_shape:before {
  content: "\18c"
}

.icon-portal-menu_text1:before {
  content: "\18d"
}

.icon-portal-menu_video:before {
  content: "\18e"
}

.icon-portal-menu_avatar:before {
  content: "\18f"
}

.icon-portal-free_layout:before {
  content: "\190"
}

.icon-portal-menu_logical_text:before {
  content: "\191"
}

.icon-portal-auto_layout_v:before {
  content: "\192"
}

.icon-portal-pen-tool:before {
  content: "\193"
}

.icon-portal-upload2:before {
  content: "\194"
}

.icon-portal-boder:before {
  content: "\195"
}

.icon-portal-animate1:before {
  content: "\196"
}

.icon-portal-artboard1:before {
  content: "\197"
}

.icon-portal-avatar-1:before {
  content: "\198"
}

.icon-portal-avatar:before {
  content: "\199"
}

.icon-portal-back:before {
  content: "\19a"
}

.icon-portal-button:before {
  content: "\19b"
}

.icon-portal-card-view1:before {
  content: "\19c"
}

.icon-portal-carousel:before {
  content: "\19d"
}

.icon-portal-chart-dashboard:before {
  content: "\19e"
}

.icon-portal-chart-earth:before {
  content: "\19f"
}

.icon-portal-chart-histogram:before {
  content: "\1a0"
}

.icon-portal-chart-line:before {
  content: "\1a1"
}

.icon-portal-chart-pie:before {
  content: "\1a2"
}

.icon-portal-chart-radar:before {
  content: "\1a3"
}

.icon-portal-chart-textCloud:before {
  content: "\1a4"
}

.icon-portal-chart-water-level:before {
  content: "\1a5"
}

.icon-portal-container:before {
  content: "\1a6"
}

.icon-portal-date:before {
  content: "\1a7"
}

.icon-portal-input:before {
  content: "\1a8"
}

.icon-portal-layout-H:before {
  content: "\1a9"
}

.icon-portal-layout-v:before {
  content: "\1aa"
}

.icon-portal-line:before {
  content: "\1ab"
}

.icon-portal-link:before {
  content: "\1ac"
}

.icon-portal-list-view1:before {
  content: "\1ad"
}

.icon-portal-logical_text:before {
  content: "\1ae"
}

.icon-portal-login:before {
  content: "\1af"
}

.icon-portal-map:before {
  content: "\1b0"
}

.icon-portal-number-flop:before {
  content: "\1b1"
}

.icon-portal-page-layer:before {
  content: "\1b2"
}

.icon-portal-pic2:before {
  content: "\1b3"
}

.icon-portal-search1:before {
  content: "\1b4"
}

.icon-portal-selector:before {
  content: "\1b5"
}

.icon-portal-shape:before {
  content: "\1b6"
}

.icon-portal-star:before {
  content: "\1b7"
}

.icon-portal-tab:before {
  content: "\1b8"
}

.icon-portal-table:before {
  content: "\1b9"
}

.icon-portal-text1:before {
  content: "\1ba"
}

.icon-portal-title:before {
  content: "\1bb"
}

.icon-portal-video:before {
  content: "\1bc"
}

.icon-portal-weather:before {
  content: "\1bd"
}

.icon-portal-v-bottom:before {
  content: "\1be";
  color: #3d82f2
}

.icon-portal-v-top:before {
  content: "\1bf";
  color: #3d82f2
}

.icon-portal-v-middle:before {
  content: "\1c0";
  color: #3d82f2
}

.icon-portal-h-center:before {
  content: "\1c1";
  color: #3d82f2
}

.icon-portal-h-right:before {
  content: "\1c2";
  color: #3d82f2
}

.icon-portal-h-left:before {
  content: "\1c3";
  color: #3d82f2
}

.icon-portal-preview-hidden:before {
  content: "\1c4";
  color: #2400ff
}

.icon-portal-clear:before {
  content: "\1c5";
  color: #fff
}

.icon-portal-round-add:before {
  content: "\1c6"
}

.icon-portal-round-sub:before {
  content: "\1c7"
}

.icon-portal-drag-move:before {
  content: "\1c8"
}

.icon-portal-Union12:before {
  content: "\1c9"
}

.icon-portal-dynamic-data1:before {
  content: "\1ca";
  color: #2400ff
}

.icon-portal-variable-data:before {
  content: "\1cb";
  color: #ff00c7
}

.icon-portal-detach:before {
  content: "\1cc"
}

.icon-portal-dynamic-data:before {
  content: "\1cd"
}

.icon-portal-setting:before {
  content: "\1ce"
}

.icon-portal-variable:before {
  content: "\1cf"
}

.icon-portal-Union2:before {
  content: "\1d0"
}

.icon-portal-col:before {
  content: "\1d1";
  color: #fff
}

.icon-portal-row:before {
  content: "\1d2";
  color: #fff
}

.icon-portal-play:before {
  content: "\1d3"
}

.icon-portal-prev:before {
  content: "\1d4"
}

.icon-portal-stop:before {
  content: "\1d5"
}

.icon-portal-scroll:before {
  content: "\1d6"
}

.icon-portal-view-on:before {
  content: "\1d7"
}

.icon-portal-view-off:before {
  content: "\1d8"
}

.icon-portal-none:before {
  content: "\1d9";
  color: #fff
}

.icon-portal-tile-x:before {
  content: "\1da";
  color: #fff
}

.icon-portal-tile-y:before {
  content: "\1db";
  color: #717989
}

.icon-portal-tile-xy:before {
  content: "\1dc";
  color: #717989
}

.icon-portal-phone1:before {
  content: "\1dd"
}

.icon-portal-pc:before {
  content: "\1de"
}

.icon-portal-add_bold:before {
  content: "\1df"
}

.icon-portal-up_bold:before {
  content: "\1e0"
}

.icon-portal-down_bold:before {
  content: "\1e1"
}

.icon-portal-up_down:before {
  content: "\1e2"
}

.icon-portal-template:before {
  content: "\1e3";
  color: #717989
}

.icon-portal-aiming:before {
  content: "\1e4"
}

.icon-portal-artboard:before {
  content: "\1e5"
}

.icon-portal-bookshelf:before {
  content: "\1e6"
}

.icon-portal-card-view:before {
  content: "\1e7"
}

.icon-portal-cloud:before {
  content: "\1e8"
}

.icon-portal-components:before {
  content: "\1e9"
}

.icon-portal-computer:before {
  content: "\1ea"
}

.icon-portal-copy-small1:before {
  content: "\1eb"
}

.icon-portal-copy1:before {
  content: "\1ec"
}

.icon-portal-delete-one1:before {
  content: "\1ed"
}

.icon-portal-delete-two1:before {
  content: "\1ee"
}

.icon-portal-delete1:before {
  content: "\1ef"
}

.icon-portal-diamond:before {
  content: "\1f0"
}

.icon-portal-direction-down:before {
  content: "\1f1"
}

.icon-portal-direction-left-2:before {
  content: "\1f2"
}

.icon-portal-direction-left-circle:before {
  content: "\1f3"
}

.icon-portal-direction-right-2:before {
  content: "\1f4"
}

.icon-portal-direction-right-circle:before {
  content: "\1f5"
}

.icon-portal-direction-right:before {
  content: "\1f6"
}

.icon-portal-direction-up:before {
  content: "\1f7"
}

.icon-portal-discribtion:before {
  content: "\1f8"
}

.icon-portal-double-left-circle:before {
  content: "\1f9"
}

.icon-portal-double-left:before {
  content: "\1fa"
}

.icon-portal-double-right-circle:before {
  content: "\1fb"
}

.icon-portal-double-right:before {
  content: "\1fc"
}

.icon-portal-draft1:before {
  content: "\1fd"
}

.icon-portal-duplicate1:before {
  content: "\1fe"
}

.icon-portal-edit-1:before {
  content: "\1ff"
}

.icon-portal-education:before {
  content: "\200"
}

.icon-portal-filter:before {
  content: "\201"
}

.icon-portal-form:before {
  content: "\202"
}

.icon-portal-french1:before {
  content: "\203"
}

.icon-portal-go-end:before {
  content: "\204"
}

.icon-portal-group1:before {
  content: "\205"
}

.icon-portal-heart:before {
  content: "\206"
}

.icon-portal-height:before {
  content: "\207"
}

.icon-portal-help2:before {
  content: "\208"
}

.icon-portal-home:before {
  content: "\209"
}

.icon-portal-info2:before {
  content: "\20a"
}

.icon-portal-layout:before {
  content: "\20b"
}

.icon-portal-list-view:before {
  content: "\20c"
}

.icon-portal-location:before {
  content: "\20d"
}

.icon-portal-more-three2:before {
  content: "\20e"
}

.icon-portal-more-vertical:before {
  content: "\20f";
  color: #525252
}

.icon-portal-more:before {
  content: "\210"
}

.icon-portal-music:before {
  content: "\211"
}

.icon-portal-page-template1:before {
  content: "\212"
}

.icon-portal-paste1:before {
  content: "\213"
}

.icon-portal-phone:before {
  content: "\214"
}

.icon-portal-pic1:before {
  content: "\215"
}

.icon-portal-pin1:before {
  content: "\216"
}

.icon-portal-recycle-bin:before {
  content: "\217"
}

.icon-portal-reduce-two:before {
  content: "\218"
}

.icon-portal-reduce2:before {
  content: "\219"
}

.icon-portal-refresh1:before {
  content: "\21a"
}

.icon-portal-right-circle:before {
  content: "\21b"
}

.icon-portal-right-square:before {
  content: "\21c"
}

.icon-portal-ruler:before {
  content: "\21d"
}

.icon-portal-spacing:before {
  content: "\21e"
}

.icon-portal-star2:before {
  content: "\21f"
}

.icon-portal-teacher:before {
  content: "\220"
}

.icon-portal-text:before {
  content: "\221";
  color: #525252
}

.icon-portal-triangle:before {
  content: "\222"
}

.icon-portal-ungroup1:before {
  content: "\223"
}

.icon-portal-click:before {
  content: "\224"
}

.icon-portal-cn:before {
  content: "\225"
}

.icon-portal-unlock1:before {
  content: "\226"
}

.icon-portal-upload21:before {
  content: "\227"
}

.icon-portal-use1:before {
  content: "\228"
}

.icon-portal-waterfalls:before {
  content: "\229"
}

.icon-portal-width:before {
  content: "\22a"
}

.icon-portal-binding:before {
  content: "\22b";
  color: #717989
}

.icon-portal-unbind:before {
  content: "\22c";
  color: #717989
}

.icon-portal-d32:before {
  content: "\22d"
}

.icon-portal-double-line-arrow:before {
  content: "\22e";
  color: #fff
}

.icon-portal-line-arrow2:before {
  content: "\22f";
  color: #fff
}

.icon-portal-line-arrow1:before {
  content: "\230";
  color: #fff
}

.icon-portal-line-arrow3:before {
  content: "\231";
  color: #fff
}

.icon-portal-line-arrow4:before {
  content: "\232";
  color: #fff
}

.icon-portal-circle-arrow-empty2:before {
  content: "\233";
  color: #fff
}

.icon-portal-square-arrow:before {
  content: "\234";
  color: #fff
}

.icon-portal-circle-arrow-empty1:before {
  content: "\235";
  color: #fff
}

.icon-portal-circle-double-arrow-empty:before {
  content: "\236";
  color: #fff
}

.icon-portal-arrow1:before {
  content: "\237";
  color: #fff
}

.icon-portal-circle-double-arrow-fill:before {
  content: "\238";
  color: #fff
}

.icon-portal-square-arrow-fill2:before {
  content: "\239";
  color: #fff
}

.icon-portal-circle-arrow-fill1:before {
  content: "\23a";
  color: #fff
}

.icon-portal-circle-arrow-fill2:before {
  content: "\23b";
  color: #fff
}

.icon-portal-Unknown:before {
  content: "\23c"
}

.icon-portal-d23:before {
  content: "\23d"
}

.icon-portal-d9:before {
  content: "\23e"
}

.icon-portal-d28:before {
  content: "\23f"
}

.icon-portal-d16:before {
  content: "\240"
}

.icon-portal-d25:before {
  content: "\241"
}

.icon-portal-d11:before {
  content: "\242"
}

.icon-portal-d21:before {
  content: "\243"
}

.icon-portal-d7:before {
  content: "\244"
}

.icon-portal-d26:before {
  content: "\245"
}

.icon-portal-d14:before {
  content: "\246"
}

.icon-portal-d22:before {
  content: "\247"
}

.icon-portal-d8:before {
  content: "\248"
}

.icon-portal-d27:before {
  content: "\249"
}

.icon-portal-d15:before {
  content: "\24a"
}

.icon-portal-d1:before {
  content: "\24b"
}

.icon-portal-d20:before {
  content: "\24c"
}

.icon-portal-d6:before {
  content: "\24d"
}

.icon-portal-d29:before {
  content: "\24e"
}

.icon-portal-d12:before {
  content: "\24f"
}

.icon-portal-d0:before {
  content: "\250"
}

.icon-portal-d4:before {
  content: "\251"
}

.icon-portal-d5:before {
  content: "\252"
}

.icon-portal-d24:before {
  content: "\253"
}

.icon-portal-d10:before {
  content: "\254"
}

.icon-portal-d17:before {
  content: "\255"
}

.icon-portal-d19:before {
  content: "\256"
}

.icon-portal-d31:before {
  content: "\257"
}

.icon-portal-d30:before {
  content: "\258"
}

.icon-portal-d2:before {
  content: "\259"
}

.icon-portal-d3:before {
  content: "\25a"
}

.icon-portal-d13:before {
  content: "\25b"
}

.icon-portal-d18:before {
  content: "\25c"
}

.icon-portal-page:before {
  content: "\25d"
}

.icon-portal-icon-add:before {
  content: "\25e";
  color: #fff
}

.icon-portal-duplicate:before {
  content: "\25f"
}

.icon-portal-paste:before {
  content: "\260"
}

.icon-portal-down2:before {
  content: "\261"
}

.icon-portal-group:before {
  content: "\262"
}

.icon-portal-ungroup:before {
  content: "\263"
}

.icon-portal-up2:before {
  content: "\264"
}

.icon-portal-collection:before {
  content: "\265";
  color: #fff
}

.icon-portal-copy-small:before {
  content: "\266";
  color: #fff
}

.icon-portal-edit:before {
  content: "\267"
}

.icon-portal-drag:before {
  content: "\268"
}

.icon-portal-adapt:before {
  content: "\269";
  color: #fff
}

.icon-portal-mask:before {
  content: "\26a";
  color: #3d82f2
}

.icon-portal-pin:before {
  content: "\26b"
}

.icon-portal-pined:before {
  content: "\26c"
}

.icon-portal-text-bold1:before {
  content: "\26d";
  color: #3d82f2
}

.icon-portal-text-underline1:before {
  content: "\26e";
  color: #717989
}

.icon-portal-text-italic1:before {
  content: "\26f";
  color: #717989
}

.icon-portal-text-leftt1:before {
  content: "\270";
  color: #717989
}

.icon-portal-text-right1:before {
  content: "\271";
  color: #717989
}

.icon-portal-text-center1:before {
  content: "\272"
}

.icon-portal-text-both1:before {
  content: "\273";
  color: #717989
}

.icon-portal-text-down1:before {
  content: "\274";
  color: #717989
}

.icon-portal-adjustment1:before {
  content: "\275";
  color: #717989
}

.icon-portal-full-screen1:before {
  content: "\276"
}

.icon-portal-french:before {
  content: "\277"
}

.icon-portal-english:before {
  content: "\278"
}

.icon-portal-add-one:before {
  content: "\279"
}

.icon-portal-add:before {
  content: "\27a"
}

.icon-portal-Align-left:before {
  content: "\27b"
}

.icon-portal-Align-right:before {
  content: "\27c"
}

.icon-portal-Align-up:before {
  content: "\27d"
}

.icon-portal-attention:before {
  content: "\27e"
}

.icon-portal-bottom-justify:before {
  content: "\27f"
}

.icon-portal-Center-lr:before {
  content: "\280"
}

.icon-portal-Center-ud:before {
  content: "\281"
}

.icon-portal-check-one:before {
  content: "\282"
}

.icon-portal-close-one:before {
  content: "\283"
}

.icon-portal-down-one:before {
  content: "\284"
}

.icon-portal-down:before {
  content: "\285"
}

.icon-portal-help:before {
  content: "\286"
}

.icon-portal-Hori-equidistance:before {
  content: "\287"
}

.icon-portal-info:before {
  content: "\288"
}

.icon-portal-left-one:before {
  content: "\289"
}

.icon-portal-more-three:before {
  content: "\28a"
}

.icon-portal-reduce-one:before {
  content: "\28b"
}

.icon-portal-reduce:before {
  content: "\28c"
}

.icon-portal-right-one:before {
  content: "\28d"
}

.icon-portal-sort:before {
  content: "\28e"
}

.icon-portal-up-one:before {
  content: "\28f"
}

.icon-portal-up:before {
  content: "\290"
}

.icon-portal-Vertical-equidistance:before {
  content: "\291"
}

.icon-portal-add_Module:before {
  content: "\292"
}

.icon-portal-add-one1:before {
  content: "\293"
}

.icon-portal-add1:before {
  content: "\294"
}

.icon-portal-adjustment:before {
  content: "\295"
}

.icon-portal-animate:before {
  content: "\296"
}

.icon-portal-arrows-down:before {
  content: "\297"
}

.icon-portal-arrows-left:before {
  content: "\298"
}

.icon-portal-arrows-right:before {
  content: "\299"
}

.icon-portal-arrows-up:before {
  content: "\29a"
}

.icon-portal-attention1:before {
  content: "\29b"
}

.icon-portal-backstage:before {
  content: "\29c"
}

.icon-portal-check-one1:before {
  content: "\29d"
}

.icon-portal-check-small:before {
  content: "\29e"
}

.icon-portal-check:before {
  content: "\29f"
}

.icon-portal-chinese-one:before {
  content: "\2a0"
}

.icon-portal-clock:before {
  content: "\2a1"
}

.icon-portal-close-one1:before {
  content: "\2a2"
}

.icon-portal-close-small:before {
  content: "\2a3"
}

.icon-portal-close:before {
  content: "\2a4"
}

.icon-portal-copy:before {
  content: "\2a5"
}

.icon-portal-delete-one:before {
  content: "\2a6"
}

.icon-portal-delete-two:before {
  content: "\2a7"
}

.icon-portal-delete:before {
  content: "\2a8"
}

.icon-portal-down1:before {
  content: "\2a9"
}

.icon-portal-draft:before {
  content: "\2aa"
}

.icon-portal-effects:before {
  content: "\2ab"
}

.icon-portal-full-screen:before {
  content: "\2ac"
}

.icon-portal-go-on:before {
  content: "\2ad"
}

.icon-portal-help1:before {
  content: "\2ae"
}

.icon-portal-info1:before {
  content: "\2af"
}

.icon-portal-lock:before {
  content: "\2b0"
}

.icon-portal-minus:before {
  content: "\2b1"
}

.icon-portal-module:before {
  content: "\2b2"
}

.icon-portal-more-three1:before {
  content: "\2b3"
}

.icon-portal-padding-around:before {
  content: "\2b4"
}

.icon-portal-padding:before {
  content: "\2b5"
}

.icon-portal-part:before {
  content: "\2b6"
}

.icon-portal-pic:before {
  content: "\2b7"
}

.icon-portal-plus-small:before {
  content: "\2b8"
}

.icon-portal-plus:before {
  content: "\2b9"
}

.icon-portal-preview-close-one:before {
  content: "\2ba"
}

.icon-portal-preview-close:before {
  content: "\2bb"
}

.icon-portal-preview-open:before {
  content: "\2bc"
}

.icon-portal-reduce-one1:before {
  content: "\2bd"
}

.icon-portal-reduce1:before {
  content: "\2be"
}

.icon-portal-refresh:before {
  content: "\2bf"
}

.icon-portal-return:before {
  content: "\2c0"
}

.icon-portal-search:before {
  content: "\2c1"
}

.icon-portal-setting1:before {
  content: "\2c2"
}

.icon-portal-style:before {
  content: "\2c3"
}

.icon-portal-swap-right:before {
  content: "\2c4"
}

.icon-portal-switch1:before {
  content: "\2c5"
}

.icon-portal-text-bold:before {
  content: "\2c6"
}

.icon-portal-text-both:before {
  content: "\2c7"
}

.icon-portal-text-center:before {
  content: "\2c8"
}

.icon-portal-text-down:before {
  content: "\2c9"
}

.icon-portal-text-italic:before {
  content: "\2ca"
}

.icon-portal-text-leftt:before {
  content: "\2cb"
}

.icon-portal-text-right:before {
  content: "\2cc"
}

.icon-portal-text-underline:before {
  content: "\2cd"
}

.icon-portal-unlock:before {
  content: "\2ce"
}

.icon-portal-up1:before {
  content: "\2cf"
}

.icon-portal-upload:before {
  content: "\2d0"
}

.icon-portal-use:before {
  content: "\2d1"
}

.icon-portal-write:before {
  content: "\2d2"
}

.icon-portal-zoom-in:before {
  content: "\2d3"
}

.icon-portal-zoom-out:before {
  content: "\2d4"
}

.icon-portal-artboard2:before {
  content: "\2d5"
}

.icon-portal-tab-small1:before {
  content: "\2d6"
}

.icon-portal-pagination1:before {
  content: "\2d7"
}

.icon-portal-accordion1:before {
  content: "\2d8"
}

.icon-portal-icon_select1:before {
  content: "\2d9"
}

.icon-portal-page-scroll21:before {
  content: "\2da"
}

.icon-portal-scale1:before {
  content: "\2db"
}

.icon-portal-shadow1:before {
  content: "\2dc"
}

.icon-portal-text-21:before {
  content: "\2dd"
}

.icon-portal-w-h2:before {
  content: "\2de"
}

.icon-portal-Union-11:before {
  content: "\2df"
}

.icon-portal-page-load1:before {
  content: "\2e0"
}

.icon-portal-hover1:before {
  content: "\2e1"
}

.icon-portal-auto-width1:before {
  content: "\2e2";
  color: #86909c
}

.icon-portal-clone1:before {
  content: "\2e3"
}

.icon-portal-switch2:before {
  content: "\2e4";
  color: #2b67ff
}

.icon-portal-direction-h1:before {
  content: "\2e5"
}

.icon-portal-direction-v1:before {
  content: "\2e6"
}

.icon-portal-line_h1:before {
  content: "\2e7"
}

.icon-portal-line_v1:before {
  content: "\2e8"
}

.icon-portal-upload-31:before {
  content: "\2e9"
}

.icon-portal-direction-left1:before {
  content: "\2ea"
}

.icon-portal-h21:before {
  content: "\2eb"
}

.icon-portal-h31:before {
  content: "\2ec"
}

.icon-portal-h41:before {
  content: "\2ed"
}

.icon-portal-h51:before {
  content: "\2ee"
}

.icon-portal-h61:before {
  content: "\2ef"
}

.icon-portal-plain-text1:before {
  content: "\2f0"
}

.icon-portal-preview-open11:before {
  content: "\2f1";
  color: #717989
}

.icon-portal-preview-close-one11:before {
  content: "\2f2"
}

.icon-portal-round1:before {
  content: "\2f3"
}

.icon-portal-rounded-rectangle1:before {
  content: "\2f4"
}

.icon-portal-rectangle1:before {
  content: "\2f5"
}

.icon-portal-square1:before {
  content: "\2f6"
}

.icon-portal-menu_icon1:before {
  content: "\2f7"
}

.icon-portal-layout_11:before {
  content: "\2f8"
}

.icon-portal-layout_21:before {
  content: "\2f9"
}

.icon-portal-layout_31:before {
  content: "\2fa"
}

.icon-portal-layout_41:before {
  content: "\2fb"
}


.myContainer,
.outerContainer {
  z-index: 0
}

.outerContainer.animate-current {
  z-index: 1
}

.outerContainer.animate-active {
  z-index: 2
}

.myContainer.animate-current {
  z-index: 1;
  display: inline-block
}

.myContainer.animate-active {
  z-index: 2;
  display: block
}

.cx-animate-regular.myContainer.up {
  transform: translateY(-100%)
}

.cx-animate-regular.myContainer.down {
  transform: translateY(100%)
}

.cx-animate-regular.myContainer.left {
  transform: translateX(-100%)
}

.cx-animate-regular.myContainer.right {
  transform: translateX(100%)
}

.cx-animate-regular.myContainer.cx-animate {
  transform: translate(0);
  transition: transform .4s linear 0s
}

.cx-animate-inertia.myContainer.up {
  transform: translateY(-100%)
}

.cx-animate-inertia.myContainer.down {
  transform: translateY(100%)
}

.cx-animate-inertia.myContainer.left {
  transform: translateX(-100%)
}

.cx-animate-inertia.myContainer.right {
  transform: translateX(100%)
}

.cx-animate-inertia.myContainer.cx-animate {
  transform: translate(0);
  transition: transform .4s linear 0s
}

.cx-animate-inertia-out.myContainer {
  transform: scale(1)
}

.cx-animate-inertia-out.myContainer.cx-animate {
  transform: scale(0);
  transition: transform .4s linear 0s
}

.cx-animate-flip.myContainer.down,
.cx-animate-flip.myContainer.left,
.cx-animate-flip.myContainer.right,
.cx-animate-flip.myContainer.up {
  transform: translateX(0)
}

.cx-animate-flip.myContainer.cx-animate {
  transform: translateX(0);
  transition: transform .4s linear 0s
}

.cx-animate-flip.outerContainer {
  z-index: 1
}

.cx-animate-flip-out.myContainer.down,
.cx-animate-flip-out.myContainer.left,
.cx-animate-flip-out.myContainer.right,
.cx-animate-flip-out.myContainer.up,
.cx-animate-flip-out.outerContainer.down,
.cx-animate-flip-out.outerContainer.left,
.cx-animate-flip-out.outerContainer.right,
.cx-animate-flip-out.outerContainer.up {
  transform: translate(0)
}

.cx-animate-flip-out.outerContainer.up.cx-animate {
  transform: translate(100%);
  transition: transform .4s linear 0s
}

.cx-animate-flip-out.outerContainer.down.cx-animate {
  transform: translate(-100%);
  transition: transform .4s linear 0s
}

.cx-animate-flip-out.outerContainer.left.cx-animate {
  transform: translate(100%);
  transition: transform .4s linear 0s
}

.cx-animate-flip-out.myContainer.up.cx-animate,
.cx-animate-flip-out.outerContainer.right.cx-animate {
  transform: translate(-100%);
  transition: transform .4s linear 0s
}

.cx-animate-flip-out.myContainer.down.cx-animate {
  transform: translate(100%);
  transition: transform .4s linear 0s
}

.cx-animate-flip-out.myContainer.left.cx-animate {
  transform: translate(-100%);
  transition: transform .4s linear 0s
}

.cx-animate-flip-out.myContainer.right.cx-animate {
  transform: translate(100%);
  transition: transform .4s linear 0s
}

.cx-animate-flip-out.outerContainer {
  z-index: 2
}


@font-face {
  font-family: "Alata";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/Alata-regular.92c0f09.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "D-din";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/D-DIN-Regular.6b38ae5.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "D-din Condensed";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/D-DINCondensed.3b64871.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "D-din Exp";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/D-DINExp.77a5cf3.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "Raleway";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/Raleway-Regular.33198fe.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "SourceHanSansCN";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/思源黑体-常规体-7500版.1ec2846.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "SourceHanSansCNBold";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/SourceHanSansCN-Regular.02c0689.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "SourceHanSerifCN";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/SourceHanSerifCN-Regular.0b99fc5.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/优设标题黑.6f6a740.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正清刻本悦宋简体.0bdd30f.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正正大黑简体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正正大黑简体.20695d8.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "庞门正道标题";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/庞门正道标题体.74ae27f.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "联想小新潮酷体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/联想小新潮酷体-常规.f8c34de.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "钉钉进步体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/钉钉进步体-常规.4d03c56.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "Roboto-Regular";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/Roboto-regular.388de25.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "Roboto-Black";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/Roboto-Black.60f7b45.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "阿里妈妈数黑体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/阿里妈妈数黑体.c984a52.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "得意黑";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/得意黑.bdcea39.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正汉真广标简体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正汉真广标简体.1cc91fe.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正行楷简体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正行楷简体.11bd988.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正颜宋简体粗";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正颜宋简体粗.45067c9.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正正纤黑简体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正正纤黑简体.2180ee6.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正正准黑简体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正正准黑简体.a955d41.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "方正正中黑简体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/方正正中黑简体.387e6c0.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "庞门正道粗书体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/庞门正道粗书体.50a275c.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "思源黑体-细体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/思源黑体-细体.348b8da.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "思源黑体-中粗体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/思源黑体-中粗体.06a3e00.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "思源黑体-超粗体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/思源黑体-超粗体.3427291.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "思源宋体-细体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/思源宋体-细体.9e34659.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "思源宋体-中粗体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/思源宋体-中粗体.aafadbb.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "思源宋体-超粗体";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/思源宋体-超粗体.0471384.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "D-DIN-Bold";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/D-DIN-Bold.7e3f41a.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "D-DINCondensed-Bold";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/D-DINCondensed-Bold.12d2d30.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "D-DINExp-Bold";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/D-DINExp-Bold.daa1add.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "Raleway-Regular";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/Raleway-Regular.33198fe.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "Raleway-Black";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/Raleway-Black.6bb430f.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "阿里巴巴普惠体3-55";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/阿里巴巴普惠体3.0-55.7d8088e.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "阿里巴巴普惠体3-65";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/阿里巴巴普惠体3.0-65.26e3c35.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "阿里巴巴普惠体3-75";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/阿里巴巴普惠体3.0-75.5a19466.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "阿里巴巴普惠体3-85";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/阿里巴巴普惠体3.0-85.661ba90.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "阿里巴巴普惠体3-95";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/阿里巴巴普惠体3.0-95.6600ae3.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

@font-face {
  font-family: "阿里巴巴普惠体3-105";
  src: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/fonts/阿里巴巴普惠体3.0-105.4450ba7.woff2);
  font-weight: 400;
  font-style: normal;
  font-display: block
}

body {
  font-size: 16px
}

* {
  -webkit-user-drag: none;
  -webkit-font-smoothing: antialiased
}

.vdr {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.custom_warning_dialog {
  width: 280px
}

.el-message {
  min-width: 120px !important
}

.el-message-box {
  border: none;
  background-color: #fff;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 8px 20px rgba(0, 0, 0, .12);
  border-radius: 8px
}

.el-message-box .el-message-box__message {
  color: rgba(0, 0, 0, .8)
}

.el-message-box__message p {
  line-height: 20px
}

.el-message-box__status+.el-message-box__message {
  padding-left: 0;
  padding-right: 0
}

.el-button--default {
  background: #fff;
  background-color: #fff
}

.el-button--default:hover {
  border: 1px solid #2b67ff;
  color: #2b67ff;
  background-color: hsla(0, 0%, 100%, .16)
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  border-color: rgba(43, 103, 255, .8);
  color: rgba(43, 103, 255, .8)
}

.el-button--primary {
  background-color: #2b67ff !important;
  border: 1px solid #2b67ff !important
}

.el-button--primary:hover {
  color: #fff;
  background-color: rgba(43, 103, 255, .8) !important;
  border: 1px solid rgba(43, 103, 255, .8) !important
}

.el-dialog {
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 8px 20px rgba(0, 0, 0, .12);
  border-radius: 8px;
  border: 1px solid #dee0e3;
  background: #fff;
  overflow: hidden;
  box-sizing: content-box
}

.el-dialog .el-dialog__footer {
  text-align: center;
  background-color: #fff
}

.el-dialog .el-dialog__body {
  border-top: 1px solid rgba(0, 0, 0, .07);
  border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.el-dialog .el-dialog__header {
  padding: 15px 24px
}

.el-dialog .el-dialog__headerbtn {
  top: 10px;
  right: 14px;
  font-size: 20px
}

.el-dialog__headerbtn .el-dialog__close {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 4px;
  color: rgba(0, 0, 0, .6)
}

.el-dialog__headerbtn:hover .el-dialog__close {
  color: rgba(0, 0, 0, .6);
  background: #ebebeb
}

.el-dialog .el-dialog__title {
  font-weight: 600;
  font-size: 16px;
  color: rgba(0, 0, 0, .8);
  line-height: 22px
}

.bigScreen_confirm_cancel_button,
.stage_confirm_cancel_button {
  width: 60px;
  margin-bottom: 22px;
  height: 32px;
  border: 1px solid #2b67ff;
  font-size: 14px;
  border-radius: 4px;
  color: #2b67ff;
  background-color: #fff
}

.bigScreen_confirm_icon,
.custom_warning_dialog .el-icon-warning {
  margin-bottom: 24px
}

.bigScreen_confirm_button,
.stage_confirm_button {
  width: 60px;
  margin-bottom: 22px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px !important
}

.el-message-box__title.el-icon-warning {
  font-size: 30px !important;
  margin-bottom: 24px;
  transform: none
}

.el-message-box__content {
  padding: 7px 32px 17px
}

.el-message-box__content .el-icon-warning {
  position: static;
  color: #fba233;
  top: 0;
  transform: none
}

.el-message-box__btns,
.el-message-box__container {
  text-align: center
}

.el-message-box__container {
  font-size: 14px;
  line-height: 20px
}

.el-message-box__btns {
  margin-top: 15px
}

.el-button--default {
  color: #2b67ff;
  border: 1px solid #2b67ff
}

.el-button--default,
.el-button--primary {
  font-weight: 400;
  padding: 8px 15px;
  vertical-align: top
}

.el-button--primary {
  color: #fff;
  background-color: #2b67ff
}

.el-message {
  padding: 9px 16px;
  border-color: #e9e9e9;
  background-color: #fff;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 8px 20px rgba(0, 0, 0, .12)
}

.el-message .el-icon-error,
.el-message .el-icon-success {
  position: relative;
  top: -1px;
  margin-right: 8px;
  font-size: 18px
}

.el-message .el-icon-success {
  color: #4dd655
}

.el-message .el-message__content {
  font-size: 16px;
  line-height: 22px
}

.el-message .el-message--error .el-message__content,
.el-message .el-message--success .el-message__content,
.el-message .el-message--warning .el-message__content {
  color: rgba(0, 0, 0, .8)
}

[shape=emptyLayoutComponent] .row,
[shape=layoutComponent] .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex
}

div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.null-data {
  position: absolute;
  z-index: 9999;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, .4);
  text-align: center
}

.null-data .empty-img-bg {
  margin: 0 auto
}

.portal2 .el-skeleton.is-animated .el-skeleton__item,
.teleport .el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, hsla(0, 0%, 74.1%, .0902) 25%, hsla(0, 0%, 100%, .07843) 37%, hsla(0, 0%, 71.4%, .12157) 63%);
  background-size: 400% 100%;
  -webkit-animation: el-skeleton-loading 1.4s ease infinite;
  animation: el-skeleton-loading 1.4s ease infinite
}

.only-opacity0,
.opacity0 {
  opacity: 0 !important
}

.opacity0 {
  display: none !important
}

@-webkit-keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

div[custom-class=noHeightLimit] {
  height: unset !important;
  max-height: unset !important
}

.el-select .el-input__inner {
  -webkit-appearance: none;
  background-image: none;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  font-size: inherit;
  height: 32px;
  line-height: 32px;
  outline: 0;
  padding: 0 8px;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
  width: 100%;
  padding: 6px 8px
}

.el-select .el-input__icon {
  height: 100%;
  width: 16px;
  height: 16px;
  text-align: center;
  transition: all .3s;
  line-height: 16px
}

.el-select .el-input__suffix-inner {
  line-height: 32px
}

.el-input__suffix,
.el-select .el-input__prefix {
  position: absolute;
  -webkit-transition: all .3s;
  height: 100%
}

.el-select .el-input__inner {
  font-size: 14px;
  line-height: 20px
}

.el-select-dropdown__item.selected {
  font-weight: 500
}

.el-popper[x-placement^=bottom] {
  margin-top: 4px
}

.el-select-dropdown,
.el-select .el-select-dropdown {
  border-radius: 4px;
  border: 0;
  margin: 4px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.el-popper[x-placement^=bottom] .popper__arrow {
  display: none
}

.vue-grid-layout .vue-grid-item {
  transition: none
}

.textColor {
  color: rgba(0, 0, 0, .8)
}

.cutome-drawer-modal {
  position: fixed;
  left: 220px;
  top: 50px;
  width: calc(100% - 480px);
  height: 100%
}

.cutome-drawer-modal-mobile {
  position: fixed;
  left: calc(50% - 227px);
  top: 50px;
  width: 414px;
  height: 100%
}

.v-modal {
  opacity: .4
}

.mh-pc .layout-row__container {
  will-change: transform
}

.mh-pc .page-layout-wrapper.leftNavPageLayout .layout-col__container {
  transform-origin: 100% 0 !important
}

.mh-pc .page-layout-wrapper.own-position:not(.leftNavPageLayout) .layout-col__container {
  transform: none !important
}

.mh-pc #bayWindow .layout-col__container {
  transform-origin: 0 0 !important;
  transform: none !important;
  margin: 0 auto !important
}

.mh-pc .page-layout-wrapper.own-position:not(.leftNavPageLayout) .layout-col__container {
  margin: 0 auto !important
}

.mh-pc .enable-left-nav,
.mh-pc .layout-col__container,
.mh-pc .page-layout-wrapper {
  transform-origin: 50% 0
}

.mh-pc .anchor-layout .layout-col__container {
  transform: none !important
}

.mh-pc .tshHeaderPageLayout .layout-col__container {
  transform-origin: 0 0 !important;
  transform: none !important
}

.mh-pc .cx-popover__container .layout-col__container {
  transform: none !important;
  margin: 0 auto !important
}

.mh-pc .el-drawer__container .layout-col__container {
  transform: none !important;
  margin: 0 auto !important;
  transform-origin: 0 0 !important
}

.mh-pc .enable-left-nav .page-layout-wrapper {
  transform: scale(1) !important
}

.mh-pc .enable-left-nav .layout-col__container {
  transform-origin: 100% 0
}

.mh-pc .page-layout-wrapper.fullPage.no-scale .layout-col__container {
  transform: none !important;
  margin: 0 !important
}

.page-layout-wrapper.height-align-auto {
  display: block !important;
  flex-direction: unset !important;
  justify-content: unset !important;
  min-height: 100vh
}

.page-layout-wrapper.height-align-auto .layout-row__container {
  height: auto !important;
  display: block !important;
  flex-direction: unset !important;
  justify-content: unset !important
}

.height-align-auto .layout-row__container .layout-col__container {
  transform-origin: 50% 0 !important
}

body.mh-pc.enableFullScroll .layout-col__container {
  transform-origin: 50% 50%;
  margin-bottom: 0 !important
}

@media only screen and (min-width:1451px) and (max-width:1919px) {
  body.width_1920 {
    min-width: 1728px
  }

  body.width_1920.enableFullScroll .layout-col__container,
  body.width_1920.enableLayoutFullScroll .layout-col__container,
  body.width_1920.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1920.mhPrimary .layout-col__container {
    transform: scale(.9)
  }

  /*  !*transform: scale(0.8);*!*/
}

@media only screen and (min-width:1201px) and (max-width:1450px) {
  body.width_1920 {
    min-width: 1536px
  }

  body.width_1920.enableFullScroll .layout-col__container,
  body.width_1920.enableLayoutFullScroll .layout-col__container,
  body.width_1920.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1920.mhPrimary .layout-col__container {
    transform: scale(.8)
  }

  /*  !*transform: scale(0.8);*!*/
}

@media only screen and (max-width:1200px) {
  body.width_1920 {
    min-width: 1344px
  }

  body.width_1920.enableFullScroll .layout-col__container,
  body.width_1920.enableLayoutFullScroll .layout-col__container,
  body.width_1920.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1920.mhPrimary .layout-col__container {
    transform: scale(.7)
  }

  /*  !*transform: scale(0.7);*!*/
}

@media only screen and (min-width:1451px) and (max-width:1570px) {
  body.width_1200 {
    min-width: 1080px
  }

  body.width_1200.enableFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1200.mhPrimary .layout-col__container {
    transform: scale(.9)
  }

  /*  !*transform: scale(0.9);*!*/
}

@media only screen and (min-width:1261px) and (max-width:1450px) {
  body.width_1200 {
    min-width: 960px
  }

  body.width_1200.enableFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1200.mhPrimary .layout-col__container {
    transform: scale(.8)
  }

  /*  !*transform: scale(0.8);*!*/
}

@media only screen and (min-width:1161px) and (max-width:1260px) {
  body.width_1200 {
    min-width: 840px
  }

  body.width_1200.enableFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1200.mhPrimary .layout-col__container {
    transform: scale(.7)
  }

  /*  !*transform: scale(0.7);*!*/
}

@media only screen and (min-width:981px) and (max-width:1160px) {
  body.width_1200 {
    min-width: 780px
  }

  body.width_1200.enableFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1200.mhPrimary .layout-col__container {
    transform: scale(.65)
  }

  /*  !*transform: scale(0.65);*!*/
}

@media only screen and (max-width:980px) {
  body.width_1200 {
    min-width: 720px
  }

  body.width_1200.enableFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout-col__container,
  body.width_1200.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1200.mhPrimary .layout-col__container {
    transform: scale(.6)
  }

  /*  !*transform: scale(0.6);*!*/
}

@media only screen and (min-width:1471px) and (max-width:1610px) {
  body.width_1400 {
    min-width: 1260px
  }

  body.width_1400.enableFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1400.mhPrimary .layout-col__container {
    transform: scale(.9)
  }

  /*  !*transform: scale(0.9);*!*/
}

@media only screen and (min-width:1261px) and (max-width:1470px) {
  body.width_1400 {
    min-width: 1120px
  }

  body.width_1400.enableFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1400.mhPrimary .layout-col__container {
    transform: scale(.8)
  }

  /*  !*transform: scale(0.8);*!*/
}

@media only screen and (min-width:1161px) and (max-width:1260px) {
  body.width_1400 {
    min-width: 980px
  }

  body.width_1400.enableFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1400.mhPrimary .layout-col__container {
    transform: scale(.7)
  }
}

@media only screen and (min-width:1061px) and (max-width:1160px) {
  body.width_1400 {
    min-width: 896px
  }

  body.width_1400.enableFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1400.mhPrimary .layout-col__container {
    transform: scale(.64)
  }
}

@media only screen and (min-width:981px) and (max-width:1060px) {
  body.width_1400 {
    min-width: 812px
  }

  body.width_1400.enableFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1400.mhPrimary .layout-col__container {
    transform: scale(.58)
  }
}

@media only screen and (max-width:980px) {
  body.width_1400 {
    min-width: 756px
  }

  body.width_1400.enableFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout-col__container,
  body.width_1400.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1400.mhPrimary .layout-col__container {
    transform: scale(.54)
  }
}

@media only screen and (min-width:1611px) and (max-width:1870px) {
  body.width_1600 {
    min-width: 1440px
  }

  body.width_1600.enableFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1600.mhPrimary .layout-col__container {
    transform: scale(.9)
  }
}

@media only screen and (min-width:1361px) and (max-width:1610px) {
  body.width_1600 {
    min-width: 1280px
  }

  body.width_1600.enableFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1600.mhPrimary .layout-col__container {
    transform: scale(.8)
  }
}

@media only screen and (min-width:1211px) and (max-width:1360px) {
  body.width_1600 {
    min-width: 1120px
  }

  body.width_1600.enableFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1600.mhPrimary .layout-col__container {
    transform: scale(.7)
  }
}

@media only screen and (min-width:1161px) and (max-width:1210px) {
  body.width_1600 {
    min-width: 960px
  }

  body.width_1600.enableFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1600.mhPrimary .layout-col__container {
    transform: scale(.6)
  }
}

@media only screen and (min-width:981px) and (max-width:1160px) {
  body.width_1600 {
    min-width: 912px
  }

  body.width_1600.enableFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1600.mhPrimary .layout-col__container {
    transform: scale(.57)
  }
}

@media only screen and (max-width:980px) {
  body.width_1600 {
    min-width: 864px
  }

  body.width_1600.enableFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout-col__container,
  body.width_1600.enableLayoutFullScroll .layout_100vh .layout-col__container,
  body.width_1600.mhPrimary .layout-col__container {
    transform: scale(.54)
  }
}

.page-layout-wrapper {
  max-width: 100%
}

.phone-page>div::-webkit-scrollbar {
  width: 0
}

.pageOutHidden {
  visibility: hidden;
  position: absolute !important;
  left: -5000px !important
}

.width0 {
  width: 0 !important
}

.enable-left-nav .layout-col__container,
.width0+#container_0 {
  width: 100% !important
}

ul {
  margin: 0
}

.vdr.vdr-backgroundFilter .style-wrap,
.vdr.vdr-backgroundFilter>.full_rect>.rect:not(.has-no-style),
.vdr.vdr-backgroundFilter>.rect:not(.has-no-style) {
  -webkit-backdrop-filter: var(--BackdropFilter);
  backdrop-filter: var(--BackdropFilter)
}

.vdr:not(.vdr-backgroundFilter) .style-wrap,
.vdr:not(.vdr-backgroundFilter)>.full_rect>.rect:not(.has-no-style),
.vdr:not(.vdr-backgroundFilter)>.rect:not(.has-no-style) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none
}

.el-message.gray-message {
  background: #212633;
  border: none;
  box-shadow: none
}

.el-message.gray-message .el-message__content {
  color: #fff
}

.bv-example-row {
  box-sizing: border-box
}

.full-screen .el-drawer__container .layout-col__container {
  width: 100% !important
}

.full-screen .el-drawer__container .layout-col__container .layout-col,
.full-screen .el-drawer__container .layout-col__container .layout-columns {
  height: 100% !important
}

.full-screen .el-drawer__container .el-drawer__body {
  overflow: hidden
}

.el-drawer__body .other_content {
  overflow-x: clip
}


.vdr {
  perspective: 2000px;
  perspective-origin: calc(50% + 120px) 50%
}

.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__fadeIn {
  -webkit-animation-name: animate__fadeIn;
  animation-name: animate__fadeIn
}

@-webkit-keyframes animate__fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes animate__fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate__fadeOut {
  -webkit-animation-name: animate__fadeOut;
  animation-name: animate__fadeOut
}

@-webkit-keyframes animate__fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes animate__fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.animate__slideIn_top {
  -webkit-animation-name: animate__slideIn_top;
  animation-name: animate__slideIn_top
}

@-webkit-keyframes animate__slideIn_top {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes animate__slideIn_top {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(0)
  }
}

.animate__slideOut_top {
  -webkit-animation-name: animate__slideOut_top;
  animation-name: animate__slideOut_top
}

@-webkit-keyframes animate__slideOut_top {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-100%)
  }
}

@keyframes animate__slideOut_top {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-100%)
  }
}

.animate__slideIn_bottom {
  -webkit-animation-name: animate__slideIn_bottom;
  animation-name: animate__slideIn_bottom
}

@-webkit-keyframes animate__slideIn_bottom {
  0% {
    transform: translateY(100%)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes animate__slideIn_bottom {
  0% {
    transform: translateY(100%)
  }

  to {
    transform: translateY(0)
  }
}

.animate__slideOut_bottom {
  -webkit-animation-name: animate__slideOut_bottom;
  animation-name: animate__slideOut_bottom
}

@-webkit-keyframes animate__slideOut_bottom {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(100%)
  }
}

@keyframes animate__slideOut_bottom {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(100%)
  }
}

.animate__slideIn_left {
  -webkit-animation-name: animate__slideIn_left;
  animation-name: animate__slideIn_left
}

@-webkit-keyframes animate__slideIn_left {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes animate__slideIn_left {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(0)
  }
}

.animate__slideOut_left {
  -webkit-animation-name: animate__slideOut_left;
  animation-name: animate__slideOut_left
}

@-webkit-keyframes animate__slideOut_left {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes animate__slideOut_left {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

.animate__slideIn_right {
  -webkit-animation-name: animate__slideIn_right;
  animation-name: animate__slideIn_right
}

@-webkit-keyframes animate__slideIn_right {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes animate__slideIn_right {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(0)
  }
}

.animate__slideOut_right {
  -webkit-animation-name: animate__slideOut_right;
  animation-name: animate__slideOut_right
}

@-webkit-keyframes animate__slideOut_right {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(100%)
  }
}

@keyframes animate__slideOut_right {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(100%)
  }
}

.cx_animate__fadeIn_left {
  position: relative;
  -webkit-animation-name: cx_animate__fadeIn_left;
  animation-name: cx_animate__fadeIn_left
}

@-webkit-keyframes cx_animate__fadeIn_left {
  0% {
    right: -100%
  }

  to {
    right: 0
  }
}

@keyframes cx_animate__fadeIn_left {
  0% {
    right: -100%
  }

  to {
    right: 0
  }
}

.cx_animate__fadeIn_right {
  position: relative;
  -webkit-animation-name: cx_animate__fadeIn_right;
  animation-name: cx_animate__fadeIn_right
}

@-webkit-keyframes cx_animate__fadeIn_right {
  0% {
    left: -100%
  }

  to {
    left: 0
  }
}

@keyframes cx_animate__fadeIn_right {
  0% {
    left: -100%
  }

  to {
    left: 0
  }
}

.cx_animate__fadeIn_up {
  position: relative;
  -webkit-animation-name: cx_animate__fadeIn_up;
  animation-name: cx_animate__fadeIn_up
}

@-webkit-keyframes cx_animate__fadeIn_up {
  0% {
    bottom: -100%
  }

  to {
    bottom: 0
  }
}

@keyframes cx_animate__fadeIn_up {
  0% {
    bottom: -100%
  }

  to {
    bottom: 0
  }
}

.cx_animate__fadeIn_down {
  position: relative;
  -webkit-animation-name: cx_animate__fadeIn_down;
  animation-name: cx_animate__fadeIn_down
}

@-webkit-keyframes cx_animate__fadeIn_down {
  0% {
    top: -100%
  }

  to {
    top: 0
  }
}

@keyframes cx_animate__fadeIn_down {
  0% {
    top: -100%
  }

  to {
    top: 0
  }
}

.cx_animate__move {
  -webkit-animation-name: cx_animate__move;
  animation-name: cx_animate__move
}

.cx_animate__move.dataGrid {
  width: 100%
}

@-webkit-keyframes cx_animate__move {
  0% {
    margin-left: var(--Left);
    margin-top: var(--Top)
  }

  to {
    margin-left: 0;
    margin-top: 0
  }
}

@keyframes cx_animate__move {
  0% {
    margin-left: var(--Left);
    margin-top: var(--Top)
  }

  to {
    margin-left: 0;
    margin-top: 0
  }
}

.cx_animate__rotate_scale {
  -webkit-animation-name: cx_animate__rotate_scale;
  animation-name: cx_animate__rotate_scale
}

@-webkit-keyframes cx_animate__rotate_scale {
  0% {
    transform: rotate(var(--Rotate)) scale(var(--Scale))
  }
}

@keyframes cx_animate__rotate_scale {
  0% {
    transform: rotate(var(--Rotate)) scale(var(--Scale))
  }
}

.cx_animate__opacity {
  -webkit-animation-name: cx_animate__opacity;
  animation-name: cx_animate__opacity
}

@-webkit-keyframes cx_animate__opacity {
  0% {
    opacity: var(--Opacity)
  }
}

@keyframes cx_animate__opacity {
  0% {
    opacity: var(--Opacity)
  }
}

.cx_hover__fadeIn_left {
  position: relative;
  -webkit-animation-name: cx_hover__fadeIn_left;
  animation-name: cx_hover__fadeIn_left
}

@-webkit-keyframes cx_hover__fadeIn_left {
  0% {
    left: 0
  }

  to {
    left: -100%
  }
}

@keyframes cx_hover__fadeIn_left {
  0% {
    left: 0
  }

  to {
    left: -100%
  }
}

.cx_hover_leave__fadeIn_left {
  position: relative;
  -webkit-animation-name: cx_hover_leave__fadeIn_left;
  animation-name: cx_hover_leave__fadeIn_left
}

@-webkit-keyframes cx_hover_leave__fadeIn_left {
  to {
    left: 0
  }
}

@keyframes cx_hover_leave__fadeIn_left {
  to {
    left: 0
  }
}

.cx_hover__fadeIn_right {
  position: relative;
  -webkit-animation-name: cx_hover__fadeIn_right;
  animation-name: cx_hover__fadeIn_right
}

@-webkit-keyframes cx_hover__fadeIn_right {
  0% {
    right: 0
  }

  to {
    right: -100%
  }
}

@keyframes cx_hover__fadeIn_right {
  0% {
    right: 0
  }

  to {
    right: -100%
  }
}

.cx_hover_leave__fadeIn_right {
  position: relative;
  -webkit-animation-name: cx_hover_leave__fadeIn_right;
  animation-name: cx_hover_leave__fadeIn_right
}

@-webkit-keyframes cx_hover_leave__fadeIn_right {
  to {
    right: 0
  }
}

@keyframes cx_hover_leave__fadeIn_right {
  to {
    left: 0
  }
}

.cx_hover__fadeIn_up {
  position: relative;
  -webkit-animation-name: cx_hover__fadeIn_up;
  animation-name: cx_hover__fadeIn_up
}

@-webkit-keyframes cx_hover__fadeIn_up {
  0% {
    top: 0
  }

  to {
    top: -100%
  }
}

@keyframes cx_hover__fadeIn_up {
  0% {
    top: 0
  }

  to {
    top: -100%
  }
}

.cx_hover_leave__fadeIn_up {
  position: relative;
  -webkit-animation-name: cx_hover_leave__fadeIn_up;
  animation-name: cx_hover_leave__fadeIn_up
}

@-webkit-keyframes cx_hover_leave__fadeIn_up {
  to {
    top: 0
  }
}

@keyframes cx_hover_leave__fadeIn_up {
  to {
    top: 0
  }
}

.cx_hover__fadeIn_down {
  position: relative;
  -webkit-animation-name: cx_hover__fadeIn_down;
  animation-name: cx_hover__fadeIn_down
}

@-webkit-keyframes cx_hover__fadeIn_down {
  0% {
    bottom: 0
  }

  to {
    bottom: -100%
  }
}

@keyframes cx_hover__fadeIn_down {
  0% {
    bottom: 0
  }

  to {
    bottom: -100%
  }
}

.cx_hover_leave__fadeIn_down {
  position: relative;
  -webkit-animation-name: cx_hover_leave__fadeIn_down;
  animation-name: cx_hover_leave__fadeIn_down
}

@-webkit-keyframes cx_hover_leave__fadeIn_down {
  to {
    bottom: 0
  }
}

@keyframes cx_hover_leave__fadeIn_down {
  to {
    bottom: 0
  }
}

.cx_hover__move {
  position: relative;
  -webkit-animation-name: cx_hover__move;
  animation-name: cx_hover__move
}

@-webkit-keyframes cx_hover__move {
  0% {
    left: 0;
    top: 0
  }

  to {
    left: var(--hoverLeft);
    top: var(--hoverTop)
  }
}

@keyframes cx_hover__move {
  0% {
    left: 0;
    top: 0
  }

  to {
    left: var(--hoverLeft);
    top: var(--hoverTop)
  }
}

.cx_hover_leave__move {
  -webkit-animation-name: cx_hover_leave__move;
  animation-name: cx_hover_leave__move
}

@-webkit-keyframes cx_hover_leave__move {
  to {
    left: 0;
    top: 0
  }
}

@keyframes cx_hover_leave__move {
  to {
    left: 0;
    top: 0
  }
}

.cx_hover__rotate_scale {
  -webkit-animation-name: cx_hover__rotate_scale;
  animation-name: cx_hover__rotate_scale
}

@-webkit-keyframes cx_hover__rotate_scale {
  to {
    transform: rotate(var(--hoverRotate)) scale(var(--hoverScale))
  }
}

@keyframes cx_hover__rotate_scale {
  to {
    transform: rotate(var(--hoverRotate)) scale(var(--hoverScale))
  }
}

.cx_hover_leave__rotate_scale {
  -webkit-animation-name: cx_hover_leave__rotate_scale;
  animation-name: cx_hover_leave__rotate_scale
}

.cx_hover__image_scale {
  -webkit-animation-name: cx_hover__image_scale;
  animation-name: cx_hover__image_scale;
  overflow: hidden
}

@-webkit-keyframes cx_hover__image_scale {
  0% {
    transform: scale(1) rotate(0deg)
  }

  to {
    transform: scale(var(--hoverImageScale)) rotate(0deg)
  }
}

@keyframes cx_hover__image_scale {
  0% {
    transform: scale(1) rotate(0deg)
  }

  to {
    transform: scale(var(--hoverImageScale)) rotate(0deg)
  }
}

.cx_hover__icon_replace.btn-container svg path[stroke],
.cx_hover__icon_replace.fontIcon-container svg path[stroke] {
  stroke: var(--hoverIconColor) !important
}

.cx_hover_leave__image_scale {
  -webkit-animation-name: cx_hover_leave__image_scale;
  animation-name: cx_hover_leave__image_scale;
  overflow: hidden
}

@-webkit-keyframes cx_hover_leave__image_scale {
  to {
    transform: scale(1) rotate(0deg)
  }
}

@keyframes cx_hover_leave__image_scale {
  to {
    transform: scale(1) rotate(0deg)
  }
}

.cx_hover__fontColor {
  -webkit-animation-name: cx_hover__fontColor;
  animation-name: cx_hover__fontColor
}

@-webkit-keyframes cx_hover__fontColor {
  0% {
    color: #000
  }

  to {
    color: var(--hoverColor)
  }
}

@keyframes cx_hover__fontColor {
  0% {
    color: #000
  }

  to {
    color: var(--hoverColor)
  }
}

.cx_hover__fontColor div,
.cx_hover__fontColor p,
.cx_hover__fontColor span {
  color: var(--hoverColor) !important
}

.cx_hover__fontColor .el-date-editor {
  --hoverColor: inherit !important
}

.cx_hover__fontColor.fontIcon-container svg path[stroke] {
  stroke: var(--hoverColor) !important
}

.cx_hover__fontSize {
  -webkit-animation-name: cx_hover__fontSize;
  animation-name: cx_hover__fontSize
}

@-webkit-keyframes cx_hover__fontSize {
  0% {
    font-size: 16px
  }

  to {
    font-size: var(--hoverFontSize)
  }
}

@keyframes cx_hover__fontSize {
  0% {
    font-size: 16px
  }

  to {
    font-size: var(--hoverFontSize)
  }
}

.cx_hover__fontSize div,
.cx_hover__fontSize p,
.cx_hover__fontSize span {
  font-size: var(--hoverFontSize) !important
}

.cx_hover__fontWeight {
  -webkit-animation-name: cx_hover__fontWeight;
  animation-name: cx_hover__fontWeight
}

@-webkit-keyframes cx_hover__fontWeight {
  to {
    font-weight: var(--hoverFontWeight)
  }
}

@keyframes cx_hover__fontWeight {
  to {
    font-weight: var(--hoverFontWeight)
  }
}

.cx_hover__fontWeight.rect span {
  font-weight: var(--hoverFontWeight) !important
}

.cx_hover__opacity {
  -webkit-animation-name: cx_hover__opacity;
  animation-name: cx_hover__opacity
}

.cx_hover__opacity .btn-inner,
.cx_hover__opacity .img-box {
  -webkit-animation: inherit;
  animation: inherit
}

@-webkit-keyframes cx_hover__opacity {
  to {
    opacity: var(--hoverOpacity)
  }
}

@keyframes cx_hover__opacity {
  to {
    opacity: var(--hoverOpacity)
  }
}

.cx_hover_leave__opacity {
  -webkit-animation-name: cx_hover_leave__opacity;
  animation-name: cx_hover_leave__opacity
}

@-webkit-keyframes cx_hover_leave__opacity {
  to {
    opacity: 1
  }
}

@keyframes cx_hover_leave__opacity {
  to {
    opacity: 1
  }
}

.cx_hover__background {
  -webkit-animation-name: cx_hover__background;
  animation-name: cx_hover__background;
  background-repeat: var(--hoverBackgroundRepeat) !important
}

@-webkit-keyframes cx_hover__background {
  0% {
    background: var(--hoverBackground);
    background-color: var(--hoverBackgroundColor);
    background-size: var(--hoverBackgroundSize)
  }

  to {
    background: var(--hoverBackground);
    background-color: var(--hoverBackgroundColor);
    background-size: var(--hoverBackgroundSize)
  }
}

@keyframes cx_hover__background {
  0% {
    background: var(--hoverBackground);
    background-color: var(--hoverBackgroundColor);
    background-size: var(--hoverBackgroundSize)
  }

  to {
    background: var(--hoverBackground);
    background-color: var(--hoverBackgroundColor);
    background-size: var(--hoverBackgroundSize)
  }
}

.cx_hover__background.btn-container .btn-inner,
.cx_hover__background.img-container .img-box {
  background: var(--hoverBackground) !important;
  background-color: var(--hoverBackgroundColor) !important;
  background-size: var(--hoverBackgroundSize) !important;
  background-clip: var(--backgroundClip) !important;
  background-origin: var(--backgroundOrigin) !important
}

.cx_hover__background .el-date-editor {
  background: var(--hoverBackground) !important
}

.btn-container.cx_hover__background,
.cx_hover__background.comment-container iframe,
.cx_hover__background.label-container .label-inner {
  background: none !important
}

.cx_hover__border {
  -webkit-animation-name: cx_hover__border;
  animation-name: cx_hover__border
}

.cx_hover__border.col-box>.componentBox {
  border: none !important
}

@-webkit-keyframes cx_hover__border {
  0% {
    border-left: var(--hoverBorderLeftWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-bottom: var(--hoverBorderBottomWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-right: var(--hoverBorderRightWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-top: var(--hoverBorderTopWidth) var(--hoverBorderStyle) var(--hoverBorderColor)
  }

  to {
    border-left: var(--hoverBorderLeftWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-bottom: var(--hoverBorderBottomWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-right: var(--hoverBorderRightWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-top: var(--hoverBorderTopWidth) var(--hoverBorderStyle) var(--hoverBorderColor)
  }
}

@keyframes cx_hover__border {
  0% {
    border-left: var(--hoverBorderLeftWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-bottom: var(--hoverBorderBottomWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-right: var(--hoverBorderRightWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-top: var(--hoverBorderTopWidth) var(--hoverBorderStyle) var(--hoverBorderColor)
  }

  to {
    border-left: var(--hoverBorderLeftWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-bottom: var(--hoverBorderBottomWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-right: var(--hoverBorderRightWidth) var(--hoverBorderStyle) var(--hoverBorderColor);
    border-top: var(--hoverBorderTopWidth) var(--hoverBorderStyle) var(--hoverBorderColor)
  }
}

.cx_hover__border.btn-container,
.cx_hover__border.img-container {
  border: none !important
}

.cx_hover__border.btn-container .btn-inner,
.cx_hover__border.img-container .img-box {
  border-left: var(--hoverBorderLeftWidth) var(--hoverBorderStyle) var(--hoverBorderColor) !important;
  border-bottom: var(--hoverBorderBottomWidth) var(--hoverBorderStyle) var(--hoverBorderColor) !important;
  border-right: var(--hoverBorderRightWidth) var(--hoverBorderStyle) var(--hoverBorderColor) !important;
  border-top: var(--hoverBorderTopWidth) var(--hoverBorderStyle) var(--hoverBorderColor) !important
}

.cx_hover__borderRadius {
  -webkit-animation-name: cx_hover__borderRadius;
  animation-name: cx_hover__borderRadius;
  overflow: hidden
}

.cx_hover__borderRadius .btn-inner,
.cx_hover__borderRadius .img-box,
.cx_hover__borderRadius.text-component>div {
  -webkit-animation: inherit;
  animation: inherit
}

@-webkit-keyframes cx_hover__borderRadius {
  0% {
    border-radius: var(--hoverborderOrgRadius)
  }

  to {
    border-radius: var(--hoverBorderRadius)
  }
}

@keyframes cx_hover__borderRadius {
  0% {
    border-radius: var(--hoverborderOrgRadius)
  }

  to {
    border-radius: var(--hoverBorderRadius)
  }
}

.cx_hover_leave__borderRadius {
  -webkit-animation-name: cx_hover_leave__borderRadius;
  animation-name: cx_hover_leave__borderRadius;
  overflow: hidden
}

@-webkit-keyframes cx_hover_leave__borderRadius {
  to {
    border-radius: var(--hoverborderOrgRadius)
  }
}

@keyframes cx_hover_leave__borderRadius {
  to {
    border-radius: var(--hoverborderOrgRadius)
  }
}

.cx_hover__boxShadow {
  -webkit-animation-name: cx_hover__boxShadow;
  animation-name: cx_hover__boxShadow;
  background: transparent
}

.cx_hover__boxShadow>div {
  box-shadow: inherit !important
}

@-webkit-keyframes cx_hover__boxShadow {
  to {
    box-shadow: var(--hoverBoxShadow)
  }
}

@keyframes cx_hover__boxShadow {
  to {
    box-shadow: var(--hoverBoxShadow)
  }
}

.cx_hover_leave__boxShadow {
  -webkit-animation-name: cx_hover_leave__boxShadow;
  animation-name: cx_hover_leave__boxShadow;
  background: transparent
}

@-webkit-keyframes cx_hover_leave__boxShadow {
  0% {
    box-shadow: var(--hoverBoxShadow)
  }
}

@keyframes cx_hover_leave__boxShadow {
  0% {
    box-shadow: var(--hoverBoxShadow)
  }
}

.cx_hover__size {
  -webkit-animation-name: cx_hover__size;
  animation-name: cx_hover__size;
  background: transparent
}

@-webkit-keyframes cx_hover__size {
  to {
    width: var(--hoverWidth);
    height: var(--hoverHeight);
    margin-top: var(--hoverMarginTop);
    margin-left: var(--hoverMarginLeft)
  }
}

@keyframes cx_hover__size {
  to {
    width: var(--hoverWidth);
    height: var(--hoverHeight);
    margin-top: var(--hoverMarginTop);
    margin-left: var(--hoverMarginLeft)
  }
}

.cx_hover_leave__size {
  -webkit-animation-name: cx_hover_leave__size;
  animation-name: cx_hover_leave__size;
  background: transparent
}

@-webkit-keyframes cx_hover_leave__size {
  0% {
    width: var(--hoverWidth);
    height: var(--hoverHeight);
    margin-top: var(--hoverMarginTop);
    margin-left: var(--hoverMarginLeft)
  }
}

@keyframes cx_hover_leave__size {
  0% {
    width: var(--hoverWidth);
    height: var(--hoverHeight);
    margin-top: var(--hoverMarginTop);
    margin-left: var(--hoverMarginLeft)
  }
}

.cx_click__fadeIn_left {
  position: relative;
  -webkit-animation-name: cx_click__fadeIn_left;
  animation-name: cx_click__fadeIn_left
}

@-webkit-keyframes cx_click__fadeIn_left {
  0% {
    left: 0
  }

  to {
    left: -100%
  }
}

@keyframes cx_click__fadeIn_left {
  0% {
    left: 0
  }

  to {
    left: -100%
  }
}

.cx_click__fadeIn_right {
  position: relative;
  -webkit-animation-name: cx_click__fadeIn_right;
  animation-name: cx_click__fadeIn_right
}

@-webkit-keyframes cx_click__fadeIn_right {
  0% {
    right: 0
  }

  to {
    right: 100%
  }
}

@keyframes cx_click__fadeIn_right {
  0% {
    right: 0
  }

  to {
    right: 100%
  }
}

.cx_click__fadeIn_up {
  position: relative;
  -webkit-animation-name: cx_click__fadeIn_up;
  animation-name: cx_click__fadeIn_up
}

@-webkit-keyframes cx_click__fadeIn_up {
  0% {
    top: 0
  }

  to {
    top: -100%
  }
}

@keyframes cx_click__fadeIn_up {
  0% {
    top: 0
  }

  to {
    top: -100%
  }
}

.cx_click__fadeIn_down {
  position: relative;
  -webkit-animation-name: cx_click__fadeIn_down;
  animation-name: cx_click__fadeIn_down
}

@-webkit-keyframes cx_click__fadeIn_down {
  0% {
    bottom: 0
  }

  to {
    bottom: 100%
  }
}

@keyframes cx_click__fadeIn_down {
  0% {
    bottom: 0
  }

  to {
    bottom: 100%
  }
}

.cx_click__move {
  position: relative;
  -webkit-animation-name: cx_click__move;
  animation-name: cx_click__move
}

@-webkit-keyframes cx_click__move {
  0% {
    left: 0;
    top: 0
  }

  to {
    left: var(--clickLeft);
    top: var(--clickTop)
  }
}

@keyframes cx_click__move {
  0% {
    left: 0;
    top: 0
  }

  to {
    left: var(--clickLeft);
    top: var(--clickTop)
  }
}

.cx_click__rotate_scale {
  -webkit-animation-name: cx_click__rotate_scale;
  animation-name: cx_click__rotate_scale
}

@-webkit-keyframes cx_click__rotate_scale {
  0% {
    transform: rotate(0) scale(1)
  }

  to {
    transform: rotate(var(--clickRotate)) scale(var(--clickScale))
  }
}

@keyframes cx_click__rotate_scale {
  0% {
    transform: rotate(0) scale(1)
  }

  to {
    transform: rotate(var(--clickRotate)) scale(var(--clickScale))
  }
}

.cx_click__image_scale {
  -webkit-animation-name: cx_click__image_scale;
  animation-name: cx_click__image_scale;
  overflow: hidden
}

.cx_click__image_scale .img-box {
  transform: scale(var(--clickImageScale)) rotate(0deg) !important
}

@-webkit-keyframes cx_click__image_scale {
  0% {
    transform: scale(1) rotate(0deg)
  }

  to {
    transform: scale(var(--clickImageScale)) rotate(0deg)
  }
}

@keyframes cx_click__image_scale {
  0% {
    transform: scale(1) rotate(0deg)
  }

  to {
    transform: scale(var(--clickImageScale)) rotate(0deg)
  }
}

.cx_click__icon_replace.btn-container svg path[stroke],
.cx_click__icon_replace.fontIcon-container svg path[stroke] {
  stroke: var(--clickIconColor) !important
}

.cx_click__fontColor {
  -webkit-animation-name: cx_click__fontColor;
  animation-name: cx_click__fontColor
}

@-webkit-keyframes cx_click__fontColor {
  0% {
    color: #000
  }

  to {
    color: var(--clickColor)
  }
}

@keyframes cx_click__fontColor {
  0% {
    color: #000
  }

  to {
    color: var(--clickColor)
  }
}

.cx_click__fontColor div,
.cx_click__fontColor p,
.cx_click__fontColor span {
  color: var(--clickColor) !important
}

.cx_click__fontColor.fontIcon-container svg path[stroke] {
  stroke: var(--hoverColor) !important
}

.cx_click__fontSize {
  -webkit-animation-name: cx_click__fontSize;
  animation-name: cx_click__fontSize
}

@-webkit-keyframes cx_click__fontSize {
  0% {
    font-size: medium
  }

  to {
    font-size: var(--clickFontSize)
  }
}

@keyframes cx_click__fontSize {
  0% {
    font-size: medium
  }

  to {
    font-size: var(--clickFontSize)
  }
}

.cx_click__fontSize div,
.cx_click__fontSize p,
.cx_click__fontSize span {
  font-size: var(--clickFontSize) !important
}

.cx_click__fontWeight {
  -webkit-animation-name: cx_click__fontWeight;
  animation-name: cx_click__fontWeight
}

@-webkit-keyframes cx_click__fontWeight {
  0% {
    font-weight: 400
  }

  to {
    font-weight: var(--clickFontWeight)
  }
}

@keyframes cx_click__fontWeight {
  0% {
    font-weight: 400
  }

  to {
    font-weight: var(--clickFontWeight)
  }
}

.cx_click__fontWeight.rect span {
  font-weight: var(--clickFontWeight) !important
}

.cx_click__opacity {
  -webkit-animation-name: cx_click__opacity;
  animation-name: cx_click__opacity
}

.cx_click__opacity .btn-inner,
.cx_click__opacity .img-box {
  -webkit-animation: inherit;
  animation: inherit
}

@-webkit-keyframes cx_click__opacity {
  to {
    opacity: var(--clickOpacity)
  }
}

@keyframes cx_click__opacity {
  to {
    opacity: var(--clickOpacity)
  }
}

.cx_click__background {
  -webkit-animation-name: cx_click__background;
  animation-name: cx_click__background;
  background-repeat: var(--clickBackgroundRepeat) !important
}

@-webkit-keyframes cx_click__background {
  0% {
    background: var(--clickBackground);
    background-color: var(--clickBackgroundColor);
    background-size: var(--clickBackgroundSize)
  }

  to {
    background: var(--clickBackground);
    background-color: var(--clickBackgroundColor);
    background-size: var(--clickBackgroundSize)
  }
}

@keyframes cx_click__background {
  0% {
    background: var(--clickBackground);
    background-color: var(--clickBackgroundColor);
    background-size: var(--clickBackgroundSize)
  }

  to {
    background: var(--clickBackground);
    background-color: var(--clickBackgroundColor);
    background-size: var(--clickBackgroundSize)
  }
}

.cx_click__background.btn-container .btn-inner,
.cx_click__background.img-container .img-box {
  background: var(--clickBackground) !important;
  background-color: var(--clickBackgroundColor) !important;
  background-size: var(--clickBackgroundSize) !important;
  background-clip: var(--backgroundClip) !important;
  background-origin: var(--backgroundOrigin) !important
}

.cx_click__background .el-date-editor {
  background: var(--hoverBackground) !important
}

.btn-container.cx_click__background,
.cx_click__background.comment-container iframe,
.cx_click__background.label-container .label-inner {
  background: none !important
}

.cx_click__border {
  -webkit-animation-name: cx_click__border;
  animation-name: cx_click__border
}

.cx_click__border.col-box>.componentBox {
  border: none !important
}

@-webkit-keyframes cx_click__border {
  0% {
    border-left: var(--clickBorderLeftWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-bottom: var(--clickBorderBottomWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-right: var(--clickBorderRightWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-top: var(--clickBorderTopWidth) var(--clickBorderStyle) var(--clickBorderColor)
  }

  to {
    border-left: var(--clickBorderLeftWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-bottom: var(--clickBorderBottomWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-right: var(--clickBorderRightWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-top: var(--clickBorderTopWidth) var(--clickBorderStyle) var(--clickBorderColor)
  }
}

@keyframes cx_click__border {
  0% {
    border-left: var(--clickBorderLeftWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-bottom: var(--clickBorderBottomWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-right: var(--clickBorderRightWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-top: var(--clickBorderTopWidth) var(--clickBorderStyle) var(--clickBorderColor)
  }

  to {
    border-left: var(--clickBorderLeftWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-bottom: var(--clickBorderBottomWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-right: var(--clickBorderRightWidth) var(--clickBorderStyle) var(--clickBorderColor);
    border-top: var(--clickBorderTopWidth) var(--clickBorderStyle) var(--clickBorderColor)
  }
}

.cx_click__border.btn-container,
.cx_click__border.img-container {
  border: none !important
}

.cx_click__border.btn-container .btn-inner,
.cx_click__border.img-container .img-box {
  border-left: var(--clickBorderLeftWidth) var(--clickBorderStyle) var(--clickBorderColor) !important;
  border-bottom: var(--clickBorderBottomWidth) var(--clickBorderStyle) var(--clickBorderColor) !important;
  border-right: var(--clickBorderRightWidth) var(--clickBorderStyle) var(--clickBorderColor) !important;
  border-top: var(--clickBorderTopWidth) var(--clickBorderStyle) var(--clickBorderColor) !important
}

.cx_click__borderRadius {
  -webkit-animation-name: cx_click__borderRadius;
  animation-name: cx_click__borderRadius;
  overflow: hidden
}

.cx_click__borderRadius .btn-inner,
.cx_click__borderRadius .img-box,
.cx_click__borderRadius.text-component>div {
  -webkit-animation: inherit;
  animation: inherit
}

@-webkit-keyframes cx_click__borderRadius {
  0% {
    border-radius: var(--clickborderOrgRadius)
  }

  to {
    border-radius: var(--clickBorderRadius)
  }
}

@keyframes cx_click__borderRadius {
  0% {
    border-radius: var(--clickborderOrgRadius)
  }

  to {
    border-radius: var(--clickBorderRadius)
  }
}

.cx_click__boxShadow {
  -webkit-animation-name: cx_click__boxShadow;
  animation-name: cx_click__boxShadow;
  background: transparent
}

.cx_click__boxShadow>div {
  box-shadow: inherit !important
}

@-webkit-keyframes cx_click__boxShadow {
  to {
    box-shadow: var(--clickBoxShadow)
  }
}

@keyframes cx_click__boxShadow {
  to {
    box-shadow: var(--clickBoxShadow)
  }
}

.cx_click__size {
  -webkit-animation-name: cx_click__size;
  animation-name: cx_click__size;
  background: transparent
}

@-webkit-keyframes cx_click__size {
  to {
    width: var(--clickWidth);
    height: var(--clickHeight);
    margin-top: var(--clickMarginTop);
    margin-left: var(--clickMarginLeft)
  }
}

@keyframes cx_click__size {
  to {
    width: var(--clickWidth);
    height: var(--clickHeight);
    margin-top: var(--clickMarginTop);
    margin-left: var(--clickMarginLeft)
  }
}

.imgScalcBorder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: transparent;
  pointer-events: none
}

.animate__infinite {
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  animation-direction: alternate-reverse
}

.fade-in__defaultStyle:not(.fade-in__scroll):not(.fade-in__reverse) {
  opacity: 0 !important
}

.fade-in__scroll {
  -webkit-animation-name: cxFadeIn;
  animation-name: cxFadeIn;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in__reverse,
.fade-in__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in__reverse {
  -webkit-animation-name: cxFadeInReverse;
  animation-name: cxFadeInReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeIn {
  0% {
    opacity: 0
  }
}

@-webkit-keyframes cxFadeIn {
  0% {
    opacity: 0
  }
}

@keyframes cxFadeInReverse {
  to {
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInReverse {
  to {
    opacity: 0
  }
}

.fade-in-left__defaultStyle {
  transform: translate3d(-50px, 0, 0)
}

.fade-in-left__defaultStyle:not(.fade-in-left__scroll):not(.fade-in-left__reverse) {
  opacity: 0 !important
}

.fade-in-left__scroll {
  -webkit-animation-name: cxFadeInLeft;
  animation-name: cxFadeInLeft;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-left__reverse,
.fade-in-left__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-left__reverse {
  -webkit-animation-name: cxFadeInLeftReverse;
  animation-name: cxFadeInLeftReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInLeft {
  0% {
    transform: translate3d(-50px, 0, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInLeft {
  0% {
    transform: translate3d(-50px, 0, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInLeftReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-50px, 0, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInLeftReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-50px, 0, 0);
    opacity: 0
  }
}

.fade-in-right__defaultStyle {
  transform: translate3d(50px, 0, 0)
}

.fade-in-right__defaultStyle:not(.fade-in-right__scroll):not(.fade-in-right__reverse) {
  opacity: 0 !important
}

.fade-in-right__scroll {
  -webkit-animation-name: cxFadeInRight;
  animation-name: cxFadeInRight;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-right__reverse,
.fade-in-right__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-right__reverse {
  -webkit-animation-name: cxFadeInRightReverse;
  animation-name: cxFadeInRightReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInRight {
  0% {
    transform: translate3d(50px, 0, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInRight {
  0% {
    transform: translate3d(50px, 0, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInRightReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(50px, 0, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInRightReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(50px, 0, 0);
    opacity: 0
  }
}

.fade-in-down__defaultStyle {
  transform: translate3d(0, 50px, 0);
  opacity: 0
}

.fade-in-down__defaultStyle:not(.fade-in-down__scroll):not(.fade-in-down__reverse) {
  opacity: 0 !important
}

.fade-in-down__scroll {
  -webkit-animation-name: cxFadeInDown;
  animation-name: cxFadeInDown;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-down__reverse,
.fade-in-down__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-down__reverse {
  -webkit-animation-name: cxFadeInDownReverse;
  animation-name: cxFadeInDownReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInDown {
  0% {
    transform: translate3d(0, 50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInDown {
  0% {
    transform: translate3d(0, 50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInDownReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, 50px, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInDownReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, 50px, 0);
    opacity: 0
  }
}

.fade-in-up__defaultStyle {
  transform: translate3d(0, -50px, 0)
}

.fade-in-up__defaultStyle:not(.fade-in-up__scroll):not(.fade-in-up__reverse) {
  opacity: 0 !important
}

.fade-in-up__scroll {
  -webkit-animation-name: cxFadeInUp;
  animation-name: cxFadeInUp;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-up__reverse,
.fade-in-up__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-up__reverse {
  -webkit-animation-name: cxFadeInUpReverse;
  animation-name: cxFadeInUpReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInUp {
  0% {
    transform: translate3d(0, -50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInUp {
  0% {
    transform: translate3d(0, -50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInUpReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, -50px, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInUpReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(0, -50px, 0);
    opacity: 0
  }
}

.fade-in-left-up__defaultStyle {
  transform: translate3d(-50px, -50px, 0)
}

.fade-in-left-up__defaultStyle:not(.fade-in-left-up__scroll):not(.fade-in-left-up__reverse) {
  opacity: 0 !important
}

.fade-in-left-up__scroll {
  -webkit-animation-name: cxFadeInLeftUp;
  animation-name: cxFadeInLeftUp;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-left-up__reverse,
.fade-in-left-up__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-left-up__reverse {
  -webkit-animation-name: cxFadeInLeftUpReverse;
  animation-name: cxFadeInLeftUpReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInLeftUp {
  0% {
    transform: translate3d(-50px, -50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInLeftUp {
  0% {
    transform: translate3d(-50px, -50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInLeftUpReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-50px, -50px, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInLeftUpReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-50px, -50px, 0);
    opacity: 0
  }
}

.fade-in-right-up__defaultStyle {
  transform: translate3d(50px, -50px, 0)
}

.fade-in-right-up__defaultStyle:not(.fade-in-right-up__scroll):not(.fade-in-right-up__reverse) {
  opacity: 0 !important
}

.fade-in-right-up__scroll {
  -webkit-animation-name: cxFadeInRightUp;
  animation-name: cxFadeInRightUp;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-right-up__reverse,
.fade-in-right-up__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-right-up__reverse {
  -webkit-animation-name: cxFadeInRightUpReverse;
  animation-name: cxFadeInRightUpReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInRightUp {
  0% {
    transform: translate3d(50px, -50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInRightUp {
  0% {
    transform: translate3d(50px, -50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInRightUpReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(50px, -50px, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInRightUpReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(50px, -50px, 0);
    opacity: 0
  }
}

.fade-in-left-down__defaultStyle {
  transform: translate3d(-50px, 50px, 0)
}

.fade-in-left-down__defaultStyle:not(.fade-in-left-down__scroll):not(.fade-in-left-down__reverse) {
  opacity: 0 !important
}

.fade-in-left-down__scroll {
  -webkit-animation-name: cxFadeInLeftDown;
  animation-name: cxFadeInLeftDown;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-left-down__reverse,
.fade-in-left-down__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-left-down__reverse {
  -webkit-animation-name: cxFadeInLeftDownReverse;
  animation-name: cxFadeInLeftDownReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInLeftDown {
  0% {
    transform: translate3d(-50px, 50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInLeftDown {
  0% {
    transform: translate3d(-50px, 50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInLeftDownReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-50px, 50px, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInLeftDownReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(-50px, 50px, 0);
    opacity: 0
  }
}

.fade-in-right-down__defaultStyle {
  transform: translate3d(50px, 50px, 0)
}

.fade-in-right-down__defaultStyle:not(.fade-in-right-down__scroll):not(.fade-in-right-down__reverse) {
  opacity: 0 !important
}

.fade-in-right-down__scroll {
  -webkit-animation-name: cxFadeInRightDown;
  animation-name: cxFadeInRightDown;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.fade-in-right-down__reverse,
.fade-in-right-down__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.fade-in-right-down__reverse {
  -webkit-animation-name: cxFadeInRightDownReverse;
  animation-name: cxFadeInRightDownReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFadeInRightDown {
  0% {
    transform: translate3d(50px, 50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@-webkit-keyframes cxFadeInRightDown {
  0% {
    transform: translate3d(50px, 50px, 0);
    opacity: 0
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cxFadeInRightDownReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(50px, 50px, 0);
    opacity: 0
  }
}

@-webkit-keyframes cxFadeInRightDownReverse {
  0% {
    transform: translateZ(0)
  }

  to {
    transform: translate3d(50px, 50px, 0);
    opacity: 0
  }
}

.flip-horizontal-top__defaultStyle {
  transform: rotateX(180deg) translateZ(0)
}

.flip-horizontal-top__defaultStyle:not(.flip-horizontal-top__scroll):not(.flip-horizontal-top__reverse) {
  opacity: 0 !important
}

.flip-horizontal-top__scroll {
  -webkit-animation-name: cxFlipHorizontalTop;
  animation-name: cxFlipHorizontalTop;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.flip-horizontal-top__reverse,
.flip-horizontal-top__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.flip-horizontal-top__reverse {
  -webkit-animation-name: cxFlipHorizontalTopReverse;
  animation-name: cxFlipHorizontalTopReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFlipHorizontalTop {
  0% {
    transform: rotateX(180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateX(0) translateZ(0)
  }
}

@-webkit-keyframes cxFlipHorizontalTop {
  0% {
    transform: rotateX(180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateX(0) translateZ(0)
  }
}

@keyframes cxFlipHorizontalTopReverse {
  0% {
    transform: rotateX(0) translateZ(0)
  }

  to {
    transform: rotateX(180deg) translateZ(0);
    opacity: 0
  }
}

@-webkit-keyframes cxFlipHorizontalTopReverse {
  0% {
    transform: rotateX(0) translateZ(0)
  }

  to {
    transform: rotateX(180deg) translateZ(0);
    opacity: 0
  }
}

.flip-horizontal-bottom__defaultStyle {
  transform: rotateX(-180deg) translateZ(0)
}

.flip-horizontal-bottom__defaultStyle:not(.flip-horizontal-bottom__scroll):not(.flip-horizontal-bottom__reverse) {
  opacity: 0 !important
}

.flip-horizontal-bottom__scroll {
  -webkit-animation-name: cxFlipHorizontalBottom;
  animation-name: cxFlipHorizontalBottom;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.flip-horizontal-bottom__reverse,
.flip-horizontal-bottom__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.flip-horizontal-bottom__reverse {
  -webkit-animation-name: cxFlipHorizontalBottomReverse;
  animation-name: cxFlipHorizontalBottomReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFlipHorizontalBottom {
  0% {
    transform: rotateX(-180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateX(0) translateZ(0)
  }
}

@-webkit-keyframes cxFlipHorizontalBottom {
  0% {
    transform: rotateX(-180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateX(0) translateZ(0)
  }
}

@keyframes cxFlipHorizontalBottomReverse {
  0% {
    transform: rotateX(0) translateZ(0)
  }

  to {
    transform: rotateX(-180deg) translateZ(0);
    opacity: 0
  }
}

@-webkit-keyframes cxFlipHorizontalBottomReverse {
  0% {
    transform: rotateX(0) translateZ(0)
  }

  to {
    transform: rotateX(-180deg) translateZ(0);
    opacity: 0
  }
}

.flip-vertical-left__defaultStyle {
  transform: rotateY(-180deg) translateZ(0)
}

.flip-vertical-left__defaultStyle:not(.flip-vertical-left__scroll):not(.flip-vertical-left__reverse) {
  opacity: 0 !important
}

.flip-vertical-left__scroll {
  -webkit-animation-name: cxFlipVerticalLeft;
  animation-name: cxFlipVerticalLeft;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.flip-vertical-left__reverse,
.flip-vertical-left__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.flip-vertical-left__reverse {
  -webkit-animation-name: cxFlipVerticalLeftReverse;
  animation-name: cxFlipVerticalLeftReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFlipVerticalLeft {
  0% {
    transform: rotateY(-180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateY(0) translateZ(0)
  }
}

@-webkit-keyframes cxFlipVerticalLeft {
  0% {
    transform: rotateY(-180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateY(0) translateZ(0)
  }
}

@keyframes cxFlipVerticalLeftReverse {
  0% {
    transform: rotateY(0) translateZ(0)
  }

  to {
    transform: rotateY(-180deg) translateZ(0);
    opacity: 0
  }
}

@-webkit-keyframes cxFlipVerticalLeftReverse {
  0% {
    transform: rotateY(0) translateZ(0)
  }

  to {
    transform: rotateY(-180deg) translateZ(0);
    opacity: 0
  }
}

.flip-vertical-right__defaultStyle {
  transform: rotateY(180deg) translateZ(0)
}

.flip-vertical-right__defaultStyle:not(.flip-vertical-right__scroll):not(.flip-vertical-right__reverse) {
  opacity: 0 !important
}

.flip-vertical-right__scroll {
  -webkit-animation-name: cxFlipVerticalRight;
  animation-name: cxFlipVerticalRight;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.flip-vertical-right__reverse,
.flip-vertical-right__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.flip-vertical-right__reverse {
  -webkit-animation-name: cxFlipVerticalRightReverse;
  animation-name: cxFlipVerticalRightReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxFlipVerticalRight {
  0% {
    transform: rotateY(180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateY(0) translateZ(0)
  }
}

@-webkit-keyframes cxFlipVerticalRight {
  0% {
    transform: rotateY(180deg) translateZ(0);
    opacity: 0
  }

  to {
    transform: rotateY(0) translateZ(0)
  }
}

@keyframes cxFlipVerticalRightReverse {
  0% {
    transform: rotateY(0) translateZ(0)
  }

  to {
    transform: rotateY(180deg) translateZ(0);
    opacity: 0
  }
}

@-webkit-keyframes cxFlipVerticalRightReverse {
  0% {
    transform: rotateY(0) translateZ(0)
  }

  to {
    transform: rotateY(180deg) translateZ(0);
    opacity: 0
  }
}

.move__defaultStyle {
  transform: translate(var(--animateGroupmovex), var(--animateGroupmovey))
}

.move__scroll {
  -webkit-animation-name: cxMoveGroup;
  animation-name: cxMoveGroup;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

.move__reverse,
.move__scroll {
  -webkit-animation-delay: var(--animateGroupDelay);
  animation-delay: var(--animateGroupDelay);
  -webkit-animation-duration: var(--animateGroupDuration);
  animation-duration: var(--animateGroupDuration)
}

.move__reverse {
  -webkit-animation-name: cxMoveGroupReverse;
  animation-name: cxMoveGroupReverse;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards
}

@keyframes cxMoveGroup {
  0% {
    transform: translate(var(--animateGroupmovex), var(--animateGroupmovey))
  }

  to {
    transform: translate(0)
  }
}

@-webkit-keyframes cxMoveGroup {
  0% {
    transform: translate(var(--animateGroupmovex), var(--animateGroupmovey))
  }

  to {
    transform: translate(0)
  }
}

@keyframes cxMoveGroupReverse {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(var(--animateGroupmovex), var(--animateGroupmovey))
  }
}

@-webkit-keyframes cxMoveGroupReverse {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(var(--animateGroupmovex), var(--animateGroupmovey))
  }
}


.box[data-v-641f91f2],
.stage_layout[data-v-641f91f2] {
  width: 100%;
  height: 100%
}

.box[data-v-641f91f2] {
  background-color: #fff
}


.layout-cell-container[data-v-111b9a9f] {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.is_full_rect[data-v-111b9a9f] {
  position: absolute;
  width: 100% !important;
  height: 100% !important
}

.is_full_rect[data-v-111b9a9f]:not(.animate__animated) {
  top: 0 !important;
  left: 0 !important;
  transform: translate(0) !important
}

.ref-line[data-v-111b9a9f] {
  position: absolute;
  background-color: #f0c;
  z-index: 9999
}

.v-line[data-v-111b9a9f] {
  width: 1px
}

.h-line[data-v-111b9a9f] {
  height: 1px
}

.accordionContent[data-v-111b9a9f] {
  width: 100%;
  height: 100%
}

.hidden[data-v-111b9a9f] {
  display: none
}

.scroller.pcScroll[data-v-111b9a9f]::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.noScroller[data-v-111b9a9f]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}


[data-v-0bf39c96] .layout-col,
[data-v-0bf39c96] .layout-row {
  position: relative;
  box-sizing: border-box
}

.layout-row__container[data-v-0bf39c96] {
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  overflow: visible;
  width: 100%
}

.icon.add-col[data-v-0bf39c96] {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  top: 50%;
  right: -9px;
  margin-top: -9px;
  z-index: 9999;
  cursor: pointer
}

.layout-col-container[data-v-0bf39c96],
.layout-row-container[data-v-0bf39c96] {
  position: relative;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center
}

.layout-col-container[data-v-0bf39c96],
.layout-container[data-v-0bf39c96],
.layout-row-container[data-v-0bf39c96] {
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100%
}

.layout-row-container[data-v-0bf39c96] {
  flex-wrap: wrap
}

.layout-columns[data-v-0bf39c96] {
  justify-content: center;
  flex-direction: column;
  will-change: flex, max-width;
  height: 100%;
  box-sizing: border-box
}

.layout-columns[data-v-0bf39c96],
.layout-row[data-v-0bf39c96] {
  display: flex;
  position: relative;
  flex-basis: 100%;
  overflow: visible
}

.layout-row[data-v-0bf39c96] {
  flex-wrap: wrap;
  text-align: left;
  max-width: 100%;
  width: 100%
}

.drag-handle-left[data-v-0bf39c96] {
  left: -10px
}

.drag-handle-left[data-v-0bf39c96],
.drag-handle-right[data-v-0bf39c96] {
  position: absolute;
  z-index: 10;
  width: 20px;
  height: 100%;
  background-color: green;
  cursor: ew-resize
}

.drag-handle-right[data-v-0bf39c96] {
  right: -10px
}

.auto-layout-container[data-v-0bf39c96] {
  position: relative;
  overflow: hidden;
  min-width: 20px;
  min-height: 20px;
  outline: 1px solid var(--themeColor)
}

.padding-block[data-v-0bf39c96] {
  position: absolute;
  left: 0;
  right: 0;
  cursor: ns-resize;
  background-color: transparent;
  z-index: 1;
  font-size: 0;
  color: var(--themeColor)
}

.padding-block.active[data-v-0bf39c96] {
  font-size: 14px;
  background-color: rgba(43, 103, 255, .12)
}

.padding-block-top[data-v-0bf39c96] {
  top: 0
}

.padding-block-bottom[data-v-0bf39c96] {
  bottom: 0
}

.layout-box[data-v-0bf39c96] {
  height: 100%
}

[data-v-0bf39c96].layout-box.active {
  border-color: var(--themeColor)
}

[data-v-0bf39c96].layout-container.active>.layout-sets .cell-sets,
[data-v-0bf39c96].layout-container.set_active>.layout-sets .cell-sets,
[data-v-0bf39c96].layout-container.set_active>.layout-sets .cell-sets:not(.has-position) .submover {
  display: inline-block
}

[data-v-0bf39c96].layout-container.set_active>.layout-sets .cell-sets:not(.has-position) .default-icon {
  display: none
}

[data-v-0bf39c96].layout-container.set_active>.layout-sets .cell-sets-toolbar {
  display: inline-block;
  top: -50px;
  opacity: 1;
  z-index: 1;
  height: 34px;
  width: auto;
  overflow: unset
}

[data-v-0bf39c96].layout-container.set_active>.layout-sets .cell-sets-toolbar.isBottom {
  top: 30px
}

.layout-container.active:hover>.resize_handle[data-v-0bf39c96],
.layout-container.active>.resize_handle[data-v-0bf39c96],
.layout-container.set_active>.resize_handle[data-v-0bf39c96],
.layout-row>.layout-container.active:hover>.resize-handle-bottom[data-v-0bf39c96],
.layout-row>.layout-container.set_active>.resize-handle-bottom[data-v-0bf39c96] {
  display: block
}

.default-icon[data-v-0bf39c96] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  border-radius: 50%;
  transition: all .1s
}

.default-icon[data-v-0bf39c96]:hover,
.mover[data-v-0bf39c96],
.submover[data-v-0bf39c96] {
  transform: scale(1.3)
}

.mover[data-v-0bf39c96],
.submover[data-v-0bf39c96] {
  display: none;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  border-radius: 50%;
  cursor: move
}

.resize_handle[data-v-0bf39c96] {
  position: absolute;
  display: none;
  z-index: 9999;
  background-color: transparent;
  width: 10px;
  height: 100%;
  top: 0;
  cursor: ew-resize
}

.resize_handle[data-v-0bf39c96]:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 24px;
  top: 50%;
  left: 16%;
  transform: translateY(-50%);
  border-radius: 20px;
  z-index: 9999;
  background-color: var(--themeColor)
}

.resize_handle .size[data-v-0bf39c96] {
  position: absolute;
  padding: 8px 12px;
  left: 0;
  top: -40px;
  transform: translateX(-50%);
  background-color: var(--tipsBgColor);
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  word-break: keep-all;
  width: 100px;
  margin-left: 5px
}

.resize_handle .size.is-bottom[data-v-0bf39c96] {
  top: 10px
}

.resize_handle .size.is-down[data-v-0bf39c96] {
  top: calc(100% + 6px)
}

.resize_handle .size[data-v-0bf39c96]:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top: 6px solid var(--tipsBgColor)
}

.resize_handle .size.is-bottom[data-v-0bf39c96]:before,
.resize_handle .size.is-down[data-v-0bf39c96]:before {
  top: -12px;
  bottom: auto;
  border-left-color: transparent;
  border-bottom-color: var(--tipsBgColor);
  border-right-color: transparent;
  border-top-color: transparent
}

.resize_handle .split-line[data-v-0bf39c96] {
  color: var(--alertBackGround);
  margin: 0 4px
}

.resize-handle-left[data-v-0bf39c96] {
  left: -4px
}

.resize-handle-right[data-v-0bf39c96] {
  right: -4px
}

.resize-handle-bottom[data-v-0bf39c96] {
  width: 100%;
  height: 10px;
  left: 0;
  bottom: -3px;
  top: unset;
  cursor: ns-resize
}

.resize_handle.resize-handle-bottom[data-v-0bf39c96]:before {
  top: 6px;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 6px
}

.handle-bb[data-v-0bf39c96],
.handle-lb[data-v-0bf39c96],
.handle-rb[data-v-0bf39c96],
.handle-tb[data-v-0bf39c96] {
  display: none
}

.layout-container.active>.handle-bb[data-v-0bf39c96],
.layout-container.active>.handle-lb[data-v-0bf39c96],
.layout-container.active>.handle-rb[data-v-0bf39c96],
.layout-container.active>.handle-tb[data-v-0bf39c96] {
  display: block !important
}

.layout-container.set_active>.handle-bb[data-v-0bf39c96],
.layout-container.set_active>.handle-tb[data-v-0bf39c96] {
  height: 2px;
  display: block !important
}

.layout-container.set_active>.handle-lb[data-v-0bf39c96],
.layout-container.set_active>.handle-rb[data-v-0bf39c96] {
  width: 2px;
  display: block !important
}

.hidden[data-v-0bf39c96] {
  visibility: hidden;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  border: 0 !important
}

.transition[data-v-0bf39c96] {
  transition: all .4s ease-in-out
}


.layout-row__container[data-v-53d69e4f] {
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  overflow: visible;
  width: 100%;
  height: 100%
}

.icon.add-col[data-v-53d69e4f] {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  top: 50%;
  right: -9px;
  margin-top: -9px;
  z-index: 9999;
  cursor: pointer
}

.layout-col-container[data-v-53d69e4f] {
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  overflow: visible
}

.layout-col[data-v-53d69e4f],
.layout-col-container[data-v-53d69e4f] {
  position: relative;
  width: 100%;
  height: 100%
}

.layout-col[data-v-53d69e4f] {
  box-sizing: content-box;
  z-index: 2;
  max-width: 100%
}

.layout-col[data-level=top-level][data-v-53d69e4f] {
  z-index: 10000 !important
}

.layout-row[data-v-53d69e4f] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
  overflow: visible
}

.drag-handle-left[data-v-53d69e4f] {
  left: -10px
}

.drag-handle-left[data-v-53d69e4f],
.drag-handle-right[data-v-53d69e4f] {
  position: absolute;
  z-index: 10;
  width: 20px;
  height: 100%;
  background-color: green;
  cursor: ew-resize
}

.drag-handle-right[data-v-53d69e4f] {
  right: -10px
}

.row-sets[data-v-53d69e4f] {
  position: absolute;
  top: -9px;
  right: -9px;
  z-index: 9999
}

.row-sets-toolbar[data-v-53d69e4f] {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  border-radius: 999px;
  background-color: #3d3d3d;
  padding: 0 8px;
  height: 32px
}

.row-sets-toolbar .icon[data-v-53d69e4f] {
  display: inline-block;
  font-size: 14px;
  width: 32px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  color: #fff;
  cursor: pointer
}

.row-sets-toolbar .icon[data-v-53d69e4f]:not(:last-child) {
  border-right: 1px solid hsla(0, 0%, 100%, .08)
}

.row-sets-toolbar[data-v-53d69e4f]:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, .8)
}

.default-icon[data-v-53d69e4f] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  border-radius: 50%;
  transition: all .1s
}

.default-icon[data-v-53d69e4f]:hover,
.mover[data-v-53d69e4f] {
  transform: scale(1.3)
}

.mover[data-v-53d69e4f] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  border-radius: 50%
}

.isDrag-over[data-v-53d69e4f]:before,
.mover[data-v-53d69e4f] {
  background-color: var(--themeColor)
}

.isDrag-over[data-v-53d69e4f]:before {
  position: absolute;
  height: 3px;
  width: 100%;
  top: -2px;
  content: ""
}

[data-v-53d69e4f].layout-col-fullPage .layout-col:last-child .layout-sets .cell-sets-toolbar,
[data-v-53d69e4f].layout-col-fullPage>.layout-container:last-child>.layout-sets .cell-sets-toolbar {
  right: -10px;
  left: auto;
  transform: translateX(0)
}

[data-v-53d69e4f].layout-col-fullPage .layout-col:last-child .layout-sets .cell-sets-toolbar:before,
[data-v-53d69e4f].layout-col-fullPage>.layout-container:last-child>.layout-sets .cell-sets-toolbar:before {
  left: auto;
  right: 14px;
  transform: translateX(0)
}

[data-v-53d69e4f] .layout-col.no-size-limit,
[data-v-53d69e4f] .layout-col.no-size-limit .layout-cell-container,
[data-v-53d69e4f] .layout-col.no-size-limit .layout-columns,
[data-v-53d69e4f] .layout-col.no-size-limit .layout-container {
  height: unset !important;
  max-height: unset !important
}

[data-v-53d69e4f] .layout-col.no-size-limit.vertical .layout-cell-container>.vdr {
  display: block;
  margin-top: var(--custom-margin)
}

[data-v-53d69e4f] .layout-col.no-size-limit.vertical .layout-cell-container>.vdr:first-child {
  margin-top: 0
}

[data-v-53d69e4f] .layout-col.no-size-limit.horizon .layout-cell-container>.vdr {
  display: inline-block;
  margin-left: var(--custom-margin)
}

[data-v-53d69e4f] .layout-col.no-size-limit.horizon .layout-cell-container>.vdr:first-child {
  margin-left: 0
}

[data-v-53d69e4f] .layout-col.no-size-limit .layout-cell-container>.vdr {
  position: relative;
  transform: none !important
}

.positionAbsolute[data-v-53d69e4f] {
  position: absolute
}

.positionAbsolute.heightFix[data-v-53d69e4f] {
  position: fixed !important
}

[data-v-53d69e4f] .layout-col.row-col-layout .layout-cell-container>.accordionContent>.vdr,
[data-v-53d69e4f] .layout-col.row-col-layout .layout-cell-container>.vdr,
[data-v-53d69e4f] .layout-row.row-col-layout .layout-cell-container>.accordionContent>.vdr,
[data-v-53d69e4f] .layout-row.row-col-layout .layout-cell-container>.vdr {
  flex-shrink: 0;
  position: relative;
  transform: none !important
}

[data-v-53d69e4f] .row-col-layout .hover-active .layout-cell-container,
[data-v-53d69e4f] .row-col-layout .hover-active .layout-cell-container>.vdr .vdr_shade,
[data-v-53d69e4f] .row-col-layout .layout-cell-container>.dragging {
  cursor: -webkit-grab !important;
  cursor: grab !important
}

[data-v-53d69e4f] .row-col-layout .hover-active .layout-cell-container>.dragging>div {
  opacity: .5 !important
}

[data-v-53d69e4f] .vertical-layout .layout-cell-container>.ghost:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--themeColor)
}

[data-v-53d69e4f] .vertical-layout .layout-cell-container>.ghost.before:after {
  top: var(--custom-margin)
}

[data-v-53d69e4f] .vertical-layout .layout-cell-container>.ghost.after:after {
  bottom: var(--custom-margin)
}

[data-v-53d69e4f] .horizon-layout .layout-cell-container>.ghost:after {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background: var(--themeColor)
}

[data-v-53d69e4f] .horizon-layout .layout-cell-container>.ghost.before:after {
  top: 0;
  left: var(--custom-margin)
}

[data-v-53d69e4f] .horizon-layout .layout-cell-container>.ghost.after:after {
  left: auto;
  right: var(--custom-margin)
}

[data-v-53d69e4f] .row-col-layout .layout-cell-container>.vdr:first-child:after {
  top: 0 !important;
  left: 0 !important
}

[data-v-53d69e4f] .row-col-layout .layout-cell-container>div:last-of-type:after {
  bottom: 0 !important;
  right: 0 !important
}

[data-v-53d69e4f] .row-col-layout .layout-cell-container .ref-line {
  display: none !important
}


.componentBox[data-v-61003229] {
  width: 100%;
  height: 100%
}

.ref-line[data-v-61003229] {
  position: absolute;
  background-color: #f0c;
  z-index: 9999
}

.v-line[data-v-61003229] {
  width: 1px
}

.h-line[data-v-61003229] {
  height: 1px
}

.componentBox .text-component[data-v-61003229] {
  pointer-events: none
}

.hoverStyle[data-v-61003229]:hover {
  cursor: pointer !important
}


.big_img_preview[data-v-42568202] {
  position: fixed;
  width: 100%;
  height: 100%;
  background: red
}

.componentBox[data-v-42568202] {
  position: relative
}

.componentBox[data-v-42568202],
.componentBox .img[data-v-42568202] {
  width: 100%;
  height: 100%
}

.ref-line[data-v-42568202] {
  position: absolute;
  background-color: #f0c;
  z-index: 9999
}

.v-line[data-v-42568202] {
  width: 1px
}

.h-line[data-v-42568202] {
  height: 1px
}

.video-box[data-v-42568202] {
  width: 100%;
  height: 100%
}

.video-box .video-js[data-v-42568202] {
  margin: 0 auto
}

.video-box .video-js[data-v-42568202],
.video-box .video-js video[data-v-42568202] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

[data-v-42568202] .video-js.vjs-paused .vjs-big-play-button {
  display: block;
  margin-top: 0;
  margin-left: 0;
  transform: translate(-50%, -50%)
}

.opacity0[data-v-42568202] {
  opacity: 0
}


.swiper-slide-animate-curve {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out
}


.swiper-style1[data-v-b90ce64e] {
  width: 100%;
  height: 100%
}

.swiper-button-next[data-v-b90ce64e],
.swiper-button-prev[data-v-b90ce64e] {
  display: flex
}

[data-v-b90ce64e].mySwiper {
  --swiper-navigation-size: 40px
}

[data-v-b90ce64e] .swiper-pagination-progressbar-fill {
  background: var(--swiper-button-box-progressbarBackground) !important
}

[data-v-b90ce64e] .swiper-pagination-bullet {
  margin: var(--swiper-bullets-bulletsMargin) !important;
  width: var(--swiper-bullets-bulletsWidth);
  height: var(--swiper-bullets-bulletsHeight);
  border-radius: var(--swiper-bullets-bulletsRadius);
  background: var(--swiper-bullets-primary-color) !important;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  opacity: 1;
  display: inline-block !important
}

[data-v-b90ce64e] .swiper-container-vertical>.swiper-pagination-bullets {
  transform: rotate(90deg);
  left: 0;
  right: auto
}

.pagination-bottom[data-v-b90ce64e] {
  top: 99%
}

.button_base_style[data-v-b90ce64e] {
  z-index: 999;
  width: var(--swiper-button-box-width);
  height: var(--swiper-button-box-height);
  border-radius: var(--swiper-button-box-border-radius);
  background: var(--swiper-button-box-background);
  box-shadow: var(--swiper-button-box-shadow)
}

.button_base_style .icon[data-v-b90ce64e] {
  font-size: var(--swiper-button-size)
}

.button_base_style .icon[data-v-b90ce64e],
.button_base_style .icon[data-v-b90ce64e]:before {
  color: var(--swiper-button-color)
}

.swiper-button-next[data-v-b90ce64e] {
  right: var(--swiper-button-box-right-x);
  top: var(--swiper-button-box-right-y)
}

.swiper-button-prev[data-v-b90ce64e] {
  left: var(--swiper-button-box-left-x);
  top: var(--swiper-button-box-left-y)
}

.button_base_curve.swiper-button-next[data-v-b90ce64e],
.button_base_curve.swiper-button-prev[data-v-b90ce64e] {
  margin-top: 0
}

.button_base_curve.swiper-button-next[data-v-b90ce64e] {
  bottom: var(--swiper-button-box-right-y1)
}

.button_base_style[data-v-b90ce64e]:before {
  color: var(--swiper-button-color);
  font-size: var(--swiper-button-size)
}

.button_base_style[data-v-b90ce64e]:after {
  display: none
}

.swiper-button-next[data-v-b90ce64e] {
  transform: rotate(180deg)
}

.vue-asome-swiper[data-v-b90ce64e] {
  overflow: hidden
}

.styles[data-v-b90ce64e],
.swiper_edit_box[data-v-b90ce64e],
.vue-asome-swiper[data-v-b90ce64e] {
  height: 100%;
  width: 100%
}

.swiper_edit_box[data-v-b90ce64e] {
  display: flex
}

.swiper_deep[data-v-b90ce64e] {
  z-index: 100;
  height: 100%
}

.swiper_deep[data-v-b90ce64e],
.swiper_top[data-v-b90ce64e] {
  position: absolute;
  width: 100%
}

.swiper_top[data-v-b90ce64e] {
  z-index: 101
}

.swiper_img[data-v-b90ce64e] {
  width: 100%;
  height: 100%;
  background-size: cover
}

.hoverStyle .rect[data-v-b90ce64e],
.hoverStyle[data-v-b90ce64e]:hover {
  cursor: pointer !important
}

.swiper-container-3d[data-v-b90ce64e] {
  perspective: 1200px
}

[data-v-b90ce64e] .swiper-pagination-bullet-active {
  background: var(--swiper-bullets-active-Color) !important;
  width: var(--swiper-bullets-activeWidth);
  height: var(--swiper-bullets-activeHeight);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important
}

.thumbsSwiperBox[data-v-b90ce64e] {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: var(--thumbs-padding-left);
  right: var(--thumbs-padding-right)
}

.newThumbsSwiperBox[data-v-b90ce64e] {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden
}

.thumbsSwiperBox .swiper-slide.active-thumbs[data-v-b90ce64e],
.thumbsSwiperBox .swiper-slide.swiper-slide-active[data-v-b90ce64e] {
  border: var(--active-border-width) var(--active-border-style) var(--active-border-color) !important;
  opacity: var(--active-opacity) !important;
  box-shadow: var(--active-box-shadow) !important;
  border-top-left-radius: var(--active-border-top-left-radius) !important;
  border-top-right-radius: var(--active-border-top-right-radius) !important;
  border-bottom-right-radius: var(--active-border-bottom-right-radius) !important;
  border-bottom-left-radius: var(--active-border-bottom-left-radius) !important
}

.percentSwiper .swiper-slide.swiper-slide-next[data-v-b90ce64e],
.percentSwiper .swiper-slide.swiper-slide-prev[data-v-b90ce64e] {
  width: var(--swiper-page-width) !important
}

.percentSwiper .swiper-slide.swiper-slide-active[data-v-b90ce64e] {
  width: var(--middle-page-percent) !important
}

[data-v-b90ce64e] .swiper-container-cube .swiper-cube-shadow {
  filter: blur(var(--cube-shadow-blur))
}

[data-v-b90ce64e].swiper-container {
  padding-bottom: var(--swiper-padding-bottom);
  overflow: var(--swiper-overflow)
}

.newThumbsSwiperBox[data-v-b90ce64e] .swiper-container {
  padding-bottom: 0
}

.coverflowSwiper .swiper-slide[data-v-b90ce64e] {
  width: var(--slide-width) !important;
  height: var(--slide-height) !important
}

.slideBorderRadius .swiper-slide[data-v-b90ce64e] {
  border-radius: var(--slide-border-radius);
  overflow: hidden
}

.swiper-container-horizontal>.swiper-pagination-progressbar[data-v-b90ce64e] {
  top: auto;
  bottom: 0
}

.swiper-pagination[data-v-b90ce64e] {
  color: var(--swiper-pagination-primary-color)
}

.null-data[data-v-b90ce64e] {
  position: absolute;
  z-index: 9999;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, .4);
  font-size: 14px;
  text-align: center
}

.swiper-slide[data-v-b90ce64e] {
  transform: scale(1)
}

.animation0[data-v-b90ce64e] {
  -webkit-animation: animation0-data-v-b90ce64e 7s linear 0s;
  animation: animation0-data-v-b90ce64e 7s linear 0s;
  opacity: 1
}

.animation1[data-v-b90ce64e] {
  -webkit-animation: animation1-data-v-b90ce64e 1s cubic-bezier(.5, 0, .2, 1) 0s;
  animation: animation1-data-v-b90ce64e 1s cubic-bezier(.5, 0, .2, 1) 0s
}

[data-v-b90ce64e] .imageDialog.el-dialog {
  box-shadow: unset;
  background: unset;
  border: unset;
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
  margin-bottom: 0
}

[data-v-b90ce64e] .imageDialog .el-dialog__body {
  border-top: unset;
  border-bottom: unset;
  background: unset;
  height: 100%;
  padding: 0
}

[data-v-b90ce64e] .imageDialog .el-dialog__header {
  display: none
}

[data-v-b90ce64e] .imageDialog .swiper-container {
  height: 100%;
  padding-bottom: 100px
}

[data-v-b90ce64e] .imageDialog .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}

[data-v-b90ce64e] .imageDialog .swiper-slide img {
  -o-object-fit: contain;
  object-fit: contain
}

[data-v-b90ce64e] .imageDialog .button_style {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-content: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer
}

[data-v-b90ce64e] .imageDialog .button_style span {
  line-height: 48px;
  font-size: 28px;
  color: #fff
}

[data-v-b90ce64e] .imageDialog .button_style.dialog-swiper-button-prev {
  left: 16px
}

[data-v-b90ce64e] .imageDialog .button_style.dialog-swiper-button-next {
  right: 16px
}

[data-v-b90ce64e] .imageDialog .dialog-swiper-pagination {
  position: absolute;
  text-align: center;
  z-index: 1;
  top: auto;
  bottom: 110px;
  color: #fff;
  font-size: 18px
}

[data-v-b90ce64e] .imageDialog .swiper-pagination-bullet {
  margin: 5px !important;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%
}

[data-v-b90ce64e] .imageDialog .swiper-pagination-bullet-active {
  background: #2b67ff
}

.newThumbsSwiperBox .swiper-slide[data-v-b90ce64e],
.newThumbsSwiperBox .swiper-slide .vdr[data-v-b90ce64e] {
  cursor: pointer
}

[data-v-b90ce64e] .zoom-box {
  position: absolute;
  z-index: 2;
  bottom: 160px;
  left: 50%;
  transform: translateX(-50%);
  width: 904px;
  height: 34px;
  line-height: 34px;
  background: rgba(0, 0, 0, .08);
  display: flex;
  align-items: center;
  justify-content: center
}

[data-v-b90ce64e] .zoom-box input {
  background-color: transparent;
  color: #fff;
  border-radius: 8px;
  text-align: left;
  padding: 8px 5px;
  font-size: 13px;
  width: 44px;
  height: 34px;
  line-height: 34px;
  vertical-align: top;
  border: none;
  box-sizing: border-box
}

[data-v-b90ce64e] .zoom-box input:focus {
  box-shadow: none
}

[data-v-b90ce64e] .zoom-box .input-box {
  position: relative
}

[data-v-b90ce64e] .zoom-box .input-box .text {
  position: absolute;
  right: 2px;
  font-size: 13px;
  line-height: 34px;
  color: #fff
}

[data-v-b90ce64e] .zoom-box .zoomIcon {
  z-index: 10;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  width: 22px;
  height: 34px;
  line-height: 34px;
  text-align: center
}

[data-v-b90ce64e] .zoom-box .zoomIcon.icon-portal-zoom-out {
  left: 4px
}

[data-v-b90ce64e] .zoom-box .zoomIcon.icon-portal-zoom-in {
  right: 4px
}

@-webkit-keyframes animation0-data-v-b90ce64e {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(1.05)
  }
}

@keyframes animation0-data-v-b90ce64e {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(1.05)
  }
}

@-webkit-keyframes animation1-data-v-b90ce64e {
  0% {
    transform: scale(1.05);
    opacity: 1
  }

  to {
    transform: scale(1.5);
    opacity: 0
  }
}

@keyframes animation1-data-v-b90ce64e {
  0% {
    transform: scale(1.05);
    opacity: 1
  }

  to {
    transform: scale(1.5);
    opacity: 0
  }
}


.overflowHidMultiLines[data-v-b436cd60] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.iframe-container[data-v-b436cd60] {
  position: relative;
  overflow: hidden
}

.iframe-container[data-v-b436cd60],
.iframe-container>iframe[data-v-b436cd60] {
  width: 100%;
  height: 100%
}

.iframe-container>iframe[data-v-b436cd60]::-webkit-scrollbar {
  display: none
}

.iframe-shadow[data-v-b436cd60] {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 20px;
  z-index: 2
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill[data-v-b436cd60] {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

[data-v-b436cd60] .swiper-pagination-progressbar-fill {
  background: var(--swiper-button-box-progressbarBackground) !important
}

[data-v-b436cd60] .swiper-pagination-bullet {
  margin: var(--swiper-bullets-bulletsMargin) !important;
  width: var(--swiper-bullets-bulletsWidth);
  height: var(--swiper-bullets-bulletsHeight);
  border-radius: var(--swiper-bullets-bulletsRadius);
  background: var(--swiper-bullets-primary-color);
  opacity: 1;
  display: inline-block !important;
  cursor: pointer
}

[data-v-b436cd60] .swiper-pagination-bullet-active {
  background: var(--swiper-bullets-active-Color);
  width: var(--swiper-bullets-activeWidth);
  height: var(--swiper-bullets-activeHeight)
}


[data-v-ddb1b9ea].vjs-big-play-centered .vjs-big-play-button {
  margin: 0;
  transform: translate(-50%, -50%);
  font-size: 30px;
  opacity: 0
}

.video-component-wrap[data-v-ddb1b9ea] {
  width: 100%;
  height: 100%
}

.video-component-wrap .video-transfer-box[data-v-ddb1b9ea] {
  width: 100%;
  height: 100%;
  padding: 16px;
  overflow: hidden;
  background-color: #f6f7f9
}

.video-component-wrap .video-transfer-box .tips-center[data-v-ddb1b9ea] {
  font-size: 16px;
  color: rgba(0, 0, 0, .4);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.overflowHidMultiLines[data-v-ddb1b9ea] {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.video-component[data-v-ddb1b9ea] {
  padding: 16px;
  overflow: hidden
}

.video-component[data-v-ddb1b9ea],
.video-container[data-v-ddb1b9ea] {
  width: 100%;
  height: 100%
}

.video-container .vedio-shade[data-v-ddb1b9ea] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .3)
}

.video-js[data-v-ddb1b9ea] {
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 2
}

[data-v-ddb1b9ea] .video-js .vjs-tech {
  outline: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--videoWidth);
  height: var(--videoHeight);
  -o-object-fit: var(--objectFit);
  object-fit: var(--objectFit)
}

[data-v-ddb1b9ea] .video-js.vjs-paused .vjs-big-play-button {
  display: block
}

.eventsNone[data-v-ddb1b9ea] {
  pointer-events: none
}

[data-v-ddb1b9ea] .vjs-poster {
  background-color: transparent;
  background-size: cover
}

.video-component-wrap .video-img-box[data-v-ddb1b9ea] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hideVideo[data-v-ddb1b9ea] {
  opacity: 0
}


.chart[data-v-6962354c] {
  height: 100%
}


.chart[data-v-64d44e89] {
  height: 100%
}


.chart[data-v-077a3b95] {
  height: 100%
}


.chart[data-v-4c0dcdc4] {
  height: 100%
}


.chart[data-v-76248e4c] {
  height: 100%
}


.visualMapTxt[data-v-b764fe6c] {
  color: #fff;
  font-size: 12px
}

.centerLineBox[data-v-b764fe6c] {
  position: relative;
  margin: 0 16px;
  width: 100px;
  height: 12px
}

.visualMapColor[data-v-b764fe6c] {
  display: block;
  width: 100px;
  height: 12px
}

.left-angle[data-v-b764fe6c] {
  left: -24px
}

.left-angle[data-v-b764fe6c],
.right-angle[data-v-b764fe6c] {
  position: absolute;
  top: 12px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 12px 12px 0
}

.right-angle[data-v-b764fe6c] {
  right: -24px
}

.horConBox[data-v-b764fe6c] {
  position: relative
}

.numberAndAngle[data-v-b764fe6c] {
  position: absolute;
  color: #fff;
  font-size: 12px
}

.minNumber[data-v-b764fe6c] {
  top: 20px;
  left: 10px
}

.maxNumber[data-v-b764fe6c] {
  top: 20px;
  right: 10px
}

.horVerBox[data-v-b764fe6c] {
  position: relative
}

.horVerBox .centerLineBox[data-v-b764fe6c] {
  position: relative;
  display: block;
  margin: 16px 0;
  width: 12px;
  height: 100px
}

.horVerBox .visualMapColor[data-v-b764fe6c] {
  margin-left: 12px;
  width: 12px;
  height: 100px
}

.horVerBox .minNumber[data-v-b764fe6c] {
  left: 40px
}

.horVerBox .maxNumber[data-v-b764fe6c] {
  top: auto;
  bottom: 20px;
  left: 40px
}

.horVerBox .left-angle[data-v-b764fe6c] {
  top: -12px;
  left: 12px
}

.horVerBox .right-angle[data-v-b764fe6c] {
  bottom: -12px;
  left: 12px;
  top: auto;
  right: auto;
  border: 12px solid transparent;
  border-top-width: 0
}

.pieColorBox .color-module[data-v-b764fe6c] {
  margin-right: 6px;
  display: inline-block;
  width: 20px;
  height: 14px;
  border-radius: 4px
}

.pieColorBox .pieColorItem[data-v-b764fe6c] {
  margin-bottom: 4px;
  line-height: 18px;
  height: 18px
}

.pieColorBox .color-txt[data-v-b764fe6c] {
  color: #fff;
  font-size: 12px
}

.horPieBox .color-txt[data-v-b764fe6c] {
  display: inline-block;
  white-space: nowrap;
  width: 70px
}

.horPieBox .pieColorItem[data-v-b764fe6c] {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  margin-bottom: 0
}

.tooltip-info[data-v-b764fe6c] {
  position: absolute;
  white-space: normal;
  width: 100%;
  width: var(--paddingWidth);
  height: var(--paddingHeight)
}

.tooltip-info li[data-v-b764fe6c] {
  white-space: normal;
  word-break: break-all
}

.tooltip-info li img[data-v-b764fe6c] {
  width: 100%;
  height: 100%
}

.tooltip-info li div>span[data-v-b764fe6c] {
  display: inline-block;
  vertical-align: top
}

.noWrap[data-v-b764fe6c] {
  white-space: nowrap
}

.opacity0[data-v-b764fe6c] {
  opacity: 0;
  display: none
}

.verticallyMiddle[data-v-b764fe6c] {
  vertical-align: middle;
  display: inline-block
}

.height100[data-v-b764fe6c] {
  height: 100%
}


.height100[data-v-3f1491a2],
.map-3d[data-v-3f1491a2] {
  height: 100%
}

.tooltip-info[data-v-3f1491a2] {
  position: absolute;
  white-space: normal;
  width: 100%;
  width: var(--paddingWidth);
  height: var(--paddingHeight)
}

.tooltip-info-fix li[data-v-3f1491a2],
.tooltip-info li[data-v-3f1491a2] {
  white-space: normal;
  word-break: break-all
}

.tooltip-info-fix li img[data-v-3f1491a2],
.tooltip-info li img[data-v-3f1491a2] {
  width: 100%;
  height: 100%
}

.tooltip-info-fix[data-v-3f1491a2] {
  position: fixed;
  top: 0;
  z-index: 9999999;
  overflow: hidden
}

.noWrap[data-v-3f1491a2] {
  white-space: nowrap
}

.opacity0[data-v-3f1491a2] {
  opacity: 0;
  display: none
}

.verticallyMiddle[data-v-3f1491a2] {
  vertical-align: middle;
  display: inline-block
}


.chart[data-v-61994fc8] {
  height: 100%
}


.chart[data-v-46c052fc] {
  height: 100%
}


.chart[data-v-0695cbd2] {
  height: 100%
}


.grid-item-content[data-v-32ba15e6] {
  position: relative;
  width: 100%;
  height: 100%
}

.vue-grid-item[data-v-32ba15e6]:not(.vue-grid-placeholder) {
  background: transparent;
  overflow: visible;
  box-sizing: border-box
}

.vue-grid-item .resizing[data-v-32ba15e6] {
  opacity: .9
}

.vue-grid-item .static[data-v-32ba15e6] {
  background: #cce
}

.vue-grid-item .text[data-v-32ba15e6] {
  font-size: 24px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.vue-grid-item .no-drag[data-v-32ba15e6],
.vue-grid-item .text[data-v-32ba15e6] {
  height: 100%;
  width: 100%
}

.vue-grid-item .minMax[data-v-32ba15e6] {
  font-size: 12px
}

.remove[data-v-32ba15e6],
.vue-grid-item .add[data-v-32ba15e6] {
  cursor: pointer
}

.remove[data-v-32ba15e6] {
  position: absolute;
  top: 0;
  right: 0
}

.vue-grid-item .is_full_rect[data-v-32ba15e6] {
  width: 100% !important;
  height: 100% !important
}

[data-v-32ba15e6] .vue-grid-item:hover .position-control,
[data-v-32ba15e6] .vue-grid-item:hover .size-control {
  display: none
}


.layout-cell-container[data-v-428c8b89] {
  position: relative;
  width: 100%;
  height: 100%
}

.is_full_rect[data-v-428c8b89] {
  position: absolute;
  width: 100% !important;
  height: 100% !important
}

.is_full_rect[data-v-428c8b89]:not(.animate__animated) {
  top: 0 !important;
  left: 0 !important;
  transform: translate(0) !important
}

.is_full_rect>div[data-v-428c8b89] {
  height: 100%
}

.isDrag-over[data-v-428c8b89]:after,
.isDrag-over[data-v-428c8b89]:before {
  position: absolute;
  width: 3px;
  top: 0;
  height: 100%;
  content: "";
  background-color: var(--themeColor)
}

.isDrag-over[data-v-428c8b89]:before {
  left: 0
}

.isDrag-over[data-v-428c8b89]:after {
  right: 0
}

.empty-rect-tip[data-v-428c8b89] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--thirdTextColor)
}

.scroller.pcScroll[data-v-428c8b89]::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

.noScroller[data-v-428c8b89]::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none
}

.anchor-btn[data-v-428c8b89] {
  width: var(--btnSize_width);
  height: var(--btnSize_height);
  line-height: var(--btnTextLineHeight);
  letter-spacing: var(--btnTextLetterSpacing);
  font-weight: var(--btnText_fontWeight);
  font-size: var(--btnText_fontSize);
  color: var(--btnText_fontColor);
  font-family: var(--btnText_fontFamily);
  border-width: var(--btnBorder_borderWidth);
  border-color: var(--btnBorder_borderColor) !important;
  border-style: var(--btnBorder_borderStyle);
  background-repeat: var(--btnBackground_backgroundRepeat);
  background-image: var(--btnBackground_backgroundImage);
  background-color: var(--btnBackground_backgroundColor);
  background-size: var(--btnBackground_backgroundSize);
  background-position: var(--btnBackground_backgroundPosition);
  border-radius: var(--btnRadius);
  opacity: var(--btnOpacity);
  box-shadow: var(--btnShadow);
  cursor: pointer;
  margin: var(--custom-margin) auto 0 auto;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center
}

.anchor-btn>span[data-v-428c8b89] {
  -ms-writing-mode: var(--btnTextMode);
  writing-mode: var(--btnTextMode)
}

.anchor-btn[data-v-428c8b89]:first-child {
  margin-top: 0
}

.anchor-btn.column[data-v-428c8b89] {
  flex-direction: column
}

.anchor-btn[data-v-428c8b89]:hover {
  font-weight: var(--btnTextHover_fontWeight);
  font-size: var(--btnTextHover_fontSize);
  color: var(--btnTextHover_fontColor);
  font-family: var(--btnTextHover_fontFamily);
  border-width: var(--btnBorderHover_borderWidth);
  border-color: var(--btnBorderHover_borderColor) !important;
  border-style: var(--btnBorderHover_borderStyle);
  background-repeat: var(--btnBackgroundHover_backgroundRepeat);
  background-image: var(--btnBackgroundHover_backgroundImage);
  background-color: var(--btnBackgroundHover_backgroundColor);
  background-size: var(--btnBackgroundHover_backgroundSize);
  background-position: var(--btnBackgroundHover_backgroundPosition);
  border-radius: var(--btnRadiusHover);
  opacity: var(--btnOpacityHover);
  box-shadow: var(--btnShadowHover)
}

.anchor-btn.active[data-v-428c8b89],
.anchorSwiper .swiper-slide-active .anchor-btn[data-v-428c8b89] {
  font-weight: var(--btnTextActive_fontWeight);
  font-size: var(--btnTextActive_fontSize);
  color: var(--btnTextActive_fontColor);
  font-family: var(--btnTextActive_fontFamily);
  border-width: var(--btnBorderActive_borderWidth);
  border-color: var(--btnBorderActive_borderColor) !important;
  border-style: var(--btnBorderActive_borderStyle);
  background-repeat: var(--btnBackgroundActive_backgroundRepeat);
  background-image: var(--btnBackgroundActive_backgroundImage);
  background-color: var(--btnBackgroundActive_backgroundColor);
  background-size: var(--btnBackgroundActive_backgroundSize);
  background-position: var(--btnBackgroundActive_backgroundPosition);
  border-radius: var(--btnRadiusActive);
  opacity: var(--btnOpacityActive);
  box-shadow: var(--btnShadowActive)
}

.anchorSwiper .swiper-slide .vdr[data-v-428c8b89] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important
}

.anchorSwiper .swiper-slide>div[data-v-428c8b89] {
  justify-content: start
}

[data-v-428c8b89] .anchorSwiper .swiper-slide {
  height: 160px
}

[data-v-428c8b89] .anchorSwiper .swiper-wrapper {
  height: 480px
}

[data-v-428c8b89] .anchorSwiper:before {
  content: "";
  display: block;
  height: 680px;
  width: 500px;
  position: absolute;
  left: var(--lineLeft);
  border: var(--lineBorderWidth) solid var(--lineColor);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%)
}

.inline[data-v-428c8b89] {
  display: inline-block;
  line-height: 1
}

.back-btn[data-v-428c8b89] {
  position: relative;
  width: var(--backSize_width);
  height: var(--backSize_height);
  line-height: var(--backTextLineHeight);
  letter-spacing: var(--backTextLetterSpacing);
  font-weight: var(--backText_fontWeight);
  font-size: var(--backText_fontSize);
  color: var(--backText_fontColor);
  font-family: var(--backText_fontFamily);
  border-width: var(--backBorder_borderWidth);
  border-color: var(--backBorder_borderColor) !important;
  border-style: var(--backBorder_borderStyle);
  background-repeat: var(--backTopBackground_backgroundRepeat);
  background-image: var(--backTopBackground_backgroundImage);
  background-color: var(--backTopBackground_backgroundColor);
  background-size: var(--backTopBackground_backgroundSize);
  background-position: var(--backTopBackground_backgroundPosition);
  border-radius: var(--backRadius);
  opacity: var(--backOpacity);
  box-shadow: var(--backShadow);
  cursor: pointer;
  margin: 0 auto
}

.back-btn[data-v-428c8b89]:hover {
  font-weight: var(--backTextHover_fontWeight);
  font-size: var(--backTextHover_fontSize);
  color: var(--backTextHover_fontColor);
  font-family: var(--backTextHover_fontFamily);
  border-width: var(--backBorderHover_borderWidth);
  border-color: var(--backBorderHover_borderColor) !important;
  border-style: var(--backBorderHover_borderStyle);
  background-repeat: var(--backTopBackgroundHover_backgroundRepeat);
  background-image: var(--backTopBackgroundHover_backgroundImage);
  background-color: var(--backTopBackgroundHover_backgroundColor);
  background-size: var(--backTopBackgroundHover_backgroundSize);
  background-position: var(--backTopBackgroundHover_backgroundPosition);
  border-radius: var(--backRadiusHover);
  opacity: var(--backOpacityHover);
  box-shadow: var(--backShadowHover)
}

.expand-btn[data-v-428c8b89] {
  position: relative;
  width: var(--expandSize_width);
  height: var(--expandSize_height);
  line-height: var(--expandTextLineHeight);
  letter-spacing: var(--backTextLetterSpacing);
  font-weight: var(--expandText_fontWeight);
  font-size: var(--expandText_fontSize);
  color: var(--expandText_fontColor);
  font-family: var(--expandText_fontFamily);
  border-width: var(--expandBorder_borderWidth);
  border-color: var(--expandBorder_borderColor) !important;
  border-style: var(--expandBorder_borderStyle);
  background-repeat: var(--expandBackground_backgroundRepeat);
  background-image: var(--expandBackground_backgroundImage);
  background-color: var(--expandBackground_backgroundColor);
  background-size: var(--expandBackground_backgroundSize);
  background-position: var(--expandBackground_backgroundPosition);
  border-radius: var(--expandRadius);
  opacity: var(--expandOpacity);
  box-shadow: var(--expandShadow);
  cursor: pointer;
  margin: 0 auto
}

.expand-btn[data-v-428c8b89]:hover {
  font-weight: var(--expandTextHover_fontWeight);
  font-size: var(--expandTextHover_fontSize);
  color: var(--expandTextHover_fontColor);
  font-family: var(--expandTextHover_fontFamily);
  border-width: var(--expandBorderHover_borderWidth);
  border-color: var(--expandBorderHover_borderColor) !important;
  border-style: var(--expandBorderHover_borderStyle);
  background-repeat: var(--expandBackgroundHover_backgroundRepeat);
  background-image: var(--expandBackgroundHover_backgroundImage);
  background-color: var(--expandBackgroundHover_backgroundColor);
  background-size: var(--expandBackgroundHover_backgroundSize);
  background-position: var(--expandBackgroundHover_backgroundPosition);
  border-radius: var(--expandRadiusHover);
  opacity: var(--expandOpacityHover);
  box-shadow: var(--expandShadowHover)
}

.tooltips[data-v-428c8b89] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  font-weight: var(--tipsText_fontWeight);
  font-size: var(--tipsText_fontSize);
  color: var(--tipsText_fontColor);
  font-family: var(--tipsText_fontFamily);
  background-repeat: var(--tipsBackground_backgroundRepeat);
  background-image: var(--tipsBackground_backgroundImage);
  background-color: var(--tipsBackground_backgroundColor);
  background-size: var(--tipsBackground_backgroundSize);
  background-position: var(--tipsBackground_backgroundPosition);
  border-width: var(--tipsBorder_borderWidth);
  border-color: var(--tipsBorder_borderColor) !important;
  border-style: var(--tipsBorder_borderStyle);
  border-radius: var(--tipsRadius);
  padding: var(--tipsPadding);
  box-shadow: var(--tipsShadow);
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease-out
}

.tooltips.show[data-v-428c8b89] {
  visibility: visible;
  opacity: var(--tipsOpacity)
}

.anchorSwiper.swiperOffset[data-v-428c8b89] {
  width: var(--swiperWidth);
  margin-left: -192px
}

[data-v-428c8b89] .anchorSwiper.swiperOffset .swiper-wrapper {
  width: var(--anchorWidth);
  margin-left: 192px
}

.anchorSwiper.swiperOffset[data-v-428c8b89]:before {
  margin-left: 192px
}

.accordionContent[data-v-428c8b89] {
  width: 100%;
  height: 100%
}

.hidden[data-v-428c8b89] {
  display: none
}


[data-v-cab09186] .layout-col,
[data-v-cab09186] .layout-row {
  position: relative;
  box-sizing: border-box
}

.layout-row__container[data-v-cab09186] {
  position: relative;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  overflow: visible;
  width: 100%
}

.icon.add-col[data-v-cab09186] {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  top: 50%;
  right: -9px;
  margin-top: -9px;
  z-index: 9999;
  cursor: pointer
}

.layout-col-container[data-v-cab09186],
.layout-row-container[data-v-cab09186] {
  position: relative;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center
}

.layout-col-container[data-v-cab09186],
.layout-container[data-v-cab09186],
.layout-row-container[data-v-cab09186] {
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100%
}

.layout-row-container[data-v-cab09186] {
  flex-wrap: wrap;
  align-content: flex-start
}

.layout-columns[data-v-cab09186] {
  justify-content: center;
  flex-direction: column;
  will-change: flex, max-width;
  height: 100%;
  box-sizing: border-box
}

.layout-columns[data-v-cab09186],
.layout-row[data-v-cab09186] {
  display: flex;
  position: relative;
  flex-basis: 100%;
  overflow: visible
}

.layout-row[data-v-cab09186] {
  flex-wrap: wrap;
  text-align: left;
  max-width: 100%;
  width: 100%
}

.drag-handle-left[data-v-cab09186] {
  left: -10px
}

.drag-handle-left[data-v-cab09186],
.drag-handle-right[data-v-cab09186] {
  position: absolute;
  z-index: 10;
  width: 20px;
  height: 100%;
  background-color: green;
  cursor: ew-resize
}

.drag-handle-right[data-v-cab09186] {
  right: -10px
}

.auto-layout-container[data-v-cab09186] {
  position: relative;
  overflow: hidden;
  min-width: 20px;
  min-height: 20px
}

.padding-block[data-v-cab09186] {
  position: absolute;
  left: 0;
  right: 0;
  cursor: ns-resize;
  background-color: transparent;
  z-index: 1;
  font-size: 0;
  color: var(--themeColor)
}

.padding-block.active[data-v-cab09186] {
  font-size: 14px;
  background-color: rgba(43, 103, 255, .12)
}

.padding-block-top[data-v-cab09186] {
  top: 0
}

.padding-block-bottom[data-v-cab09186] {
  bottom: 0
}

[data-v-cab09186].layout-box.active {
  border-color: var(--themeColor)
}

[data-v-cab09186].layout-container.active>.layout-sets .cell-sets,
[data-v-cab09186].layout-container.set_active>.layout-sets .submover {
  display: inline-block
}

[data-v-cab09186].layout-container.set_active>.layout-sets .default-icon {
  display: none
}

.layout-container:hover>.resize_handle[data-v-cab09186],
[data-v-cab09186].layout-container.set_active>.layout-sets .cell-sets-toolbar {
  display: block
}

.default-icon[data-v-cab09186] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  border-radius: 50%;
  transition: all .1s
}

.default-icon[data-v-cab09186]:hover,
.mover[data-v-cab09186],
.submover[data-v-cab09186] {
  transform: scale(1.3)
}

.mover[data-v-cab09186],
.submover[data-v-cab09186] {
  display: none;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  border-radius: 50%;
  cursor: move
}

.ghostClass[data-v-cab09186] {
  transform: scale(1) !important
}

.resize_handle[data-v-cab09186] {
  position: absolute;
  display: none;
  z-index: 9999;
  background-color: transparent;
  width: 10px;
  height: 100%;
  top: 0;
  cursor: ew-resize
}

.resize_handle[data-v-cab09186]:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 20px;
  z-index: 9999;
  background-color: var(--themeColor)
}

.resize_handle .size[data-v-cab09186] {
  position: absolute;
  padding: 8px 12px;
  left: 0;
  top: -40px;
  transform: translateX(-50%);
  background-color: var(--tipsBgColor);
  color: var(--editBgColor);
  font-size: 14px;
  border-radius: 4px;
  word-break: keep-all;
  width: 100px;
  margin-left: 5px
}

.resize_handle .size[data-v-cab09186]:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top: 6px solid var(--tipsBgColor)
}

.resize_handle .split-line[data-v-cab09186] {
  color: var(--alertBackGround);
  margin: 0 4px
}

.resize-handle-left[data-v-cab09186] {
  left: -5px
}

.resize-handle-right[data-v-cab09186] {
  right: -5px
}

.resize-handle-bottom[data-v-cab09186] {
  width: 100%;
  height: 10px;
  left: 0;
  bottom: -5px;
  top: unset;
  cursor: ns-resize
}

.resize_handle.resize-handle-bottom[data-v-cab09186]:before {
  top: 2px;
  left: 50%;
  width: 24px;
  height: 6px
}

.hidden[data-v-cab09186] {
  visibility: hidden;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  border: 0 !important
}

.transition[data-v-cab09186] {
  transition: all .4s ease-in-out
}


.layout-row__container[data-v-4dba1c66] {
  position: relative;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  overflow: visible;
  width: 100%;
  height: 100%
}

.icon.add-col[data-v-4dba1c66] {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  top: 50%;
  right: -9px;
  margin-top: -9px;
  z-index: 9999;
  cursor: pointer
}

.layout-col-container[data-v-4dba1c66] {
  position: relative;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  overflow: visible;
  width: 100%;
  height: 100%
}

.layout-col[data-v-4dba1c66] {
  box-sizing: content-box
}

.layout-col[data-v-4dba1c66],
.layout-row[data-v-4dba1c66] {
  position: relative;
  width: 100%;
  max-width: 100%
}

.layout-row[data-v-4dba1c66] {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  flex-basis: 100%;
  overflow: visible
}

.drag-handle-left[data-v-4dba1c66] {
  left: -10px
}

.drag-handle-left[data-v-4dba1c66],
.drag-handle-right[data-v-4dba1c66] {
  position: absolute;
  z-index: 10;
  width: 20px;
  height: 100%;
  background-color: green;
  cursor: ew-resize
}

.drag-handle-right[data-v-4dba1c66] {
  right: -10px
}

.auto-layout-container[data-v-4dba1c66] {
  position: relative;
  overflow: hidden;
  min-width: 20px;
  min-height: 20px;
  max-width: 100%;
  max-height: 100%
}

.padding-block[data-v-4dba1c66] {
  position: absolute;
  left: 0;
  right: 0;
  cursor: ns-resize;
  background-color: transparent;
  z-index: 1;
  font-size: 0;
  color: var(--themeColor)
}

.padding-block.active[data-v-4dba1c66] {
  font-size: 14px;
  background-color: rgba(43, 103, 255, .12)
}

.padding-block-top[data-v-4dba1c66] {
  top: 0
}

.padding-block-bottom[data-v-4dba1c66] {
  bottom: 0
}

.row-sets[data-v-4dba1c66] {
  position: absolute;
  top: -9px;
  right: -9px;
  z-index: 9999
}

.row-sets-toolbar[data-v-4dba1c66] {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  border-radius: 999px;
  background-color: #3d3d3d;
  padding: 0 8px;
  height: 32px
}

.row-sets-toolbar .icon[data-v-4dba1c66] {
  display: inline-block;
  font-size: 14px;
  width: 32px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  color: #fff;
  cursor: pointer
}

.row-sets-toolbar .icon[data-v-4dba1c66]:not(:last-child) {
  border-right: 1px solid hsla(0, 0%, 100%, .08)
}

.row-sets-toolbar[data-v-4dba1c66]:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, .8)
}

.default-icon[data-v-4dba1c66] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  border-radius: 50%;
  transition: all .1s
}

.default-icon[data-v-4dba1c66]:hover,
.mover[data-v-4dba1c66] {
  transform: scale(1.3)
}

.mover[data-v-4dba1c66] {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  border-radius: 50%
}

[data-v-4dba1c66] .layout-col.no-size-limit,
[data-v-4dba1c66] .layout-col.no-size-limit .layout-cell-container,
[data-v-4dba1c66] .layout-col.no-size-limit .layout-columns,
[data-v-4dba1c66] .layout-col.no-size-limit .layout-container {
  height: unset;
  max-height: unset
}

[data-v-4dba1c66] .layout-col.no-size-limit.vertical .layout-cell-container>.vdr {
  display: block;
  margin-top: var(--custom-margin)
}

[data-v-4dba1c66] .layout-col.no-size-limit.vertical .layout-cell-container>.vdr:first-child {
  margin-top: 0
}

[data-v-4dba1c66] .layout-col.no-size-limit.horizon .layout-cell-container>.vdr {
  display: inline-block;
  margin-left: var(--custom-margin)
}

[data-v-4dba1c66] .layout-col.no-size-limit.horizon .layout-cell-container>.vdr:first-child {
  margin-left: 0
}

[data-v-4dba1c66] .layout-col.no-size-limit .layout-cell-container>.vdr {
  position: relative;
  transform: none !important
}

[data-v-4dba1c66] .layout-col.no-size-limit .layout-cell-container {
  min-height: unset !important
}

[data-v-4dba1c66] .el-drawer .layout-container .layout-columns {
  height: 100% !important
}

[data-v-4dba1c66] .el-drawer .layout-container .layout-cell-container {
  min-height: auto !important
}

[data-v-4dba1c66] .el-drawer {
  background-color: transparent;
  box-shadow: none
}

.positionAbsolute[data-v-4dba1c66] {
  position: absolute
}

.positionAbsolute.heightFix[data-v-4dba1c66] {
  position: fixed !important
}

.hidden[data-v-4dba1c66] {
  visibility: hidden;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  border: 0 !important
}

.layout-bg-img-color[data-v-4dba1c66],
.layout-bg-video[data-v-4dba1c66] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: inherit;
  overflow: hidden
}

.layout-bg-video video[data-v-4dba1c66] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

[data-v-4dba1c66] .layout-col.row-col-layout.vertical-layout .layout-cell-container>.vdr:first-child {
  margin-top: 0 !important
}

[data-v-4dba1c66] .layout-col.row-col-layout.horizon-layout .layout-cell-container>.vdr:first-child {
  margin-left: 0 !important
}

[data-v-4dba1c66] .layout-col.row-col-layout .layout-cell-container>.accordionContent>.vdr,
[data-v-4dba1c66] .layout-col.row-col-layout .layout-cell-container>.vdr,
[data-v-4dba1c66] .layout-row.row-col-layout .layout-cell-container>.accordionContent>.vdr,
[data-v-4dba1c66] .layout-row.row-col-layout .layout-cell-container>.vdr {
  flex-shrink: 0;
  position: relative;
  transform: none !important
}


.notice-drawer[data-v-5e1451b2] {
  z-index: 20002 !important
}

[data-v-5e1451b2] .el-drawer__body {
  height: 100%
}

[data-v-5e1451b2] .el-drawer {
  box-shadow: none;
  background-color: hsla(0, 0%, 100%, 0) !important
}

.el-drawer__wrapper[data-v-5e1451b2] {
  z-index: 20001;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0
}

.el-drawer__wrapper.noAnimate[data-v-5e1451b2] {
  -webkit-animation: none;
  animation: none
}

.el-drawer__wrapper .el-drawer__container[data-v-5e1451b2] {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%
}

.el-drawer__body[data-v-5e1451b2] {
  overflow: visible
}

.el-drawer.center[data-v-5e1451b2] {
  display: none
}

.el-drawer__open .el-drawer.center[data-v-5e1451b2] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block
}


.cx-popover-enter-active[data-v-7dc30b04],
.cx-popover-leave-active[data-v-7dc30b04] {
  transition: opacity .5s
}

.cx-popover-enter[data-v-7dc30b04],
.cx-popover-leave-to[data-v-7dc30b04] {
  opacity: 0
}


.pagelayout_full_scroll[data-v-28eb3e4d]::-webkit-scrollbar {
  display: none
}

.myContainer.fixed[data-v-28eb3e4d] {
  position: fixed;
  z-index: 9999 !important
}

.page-layout-wrapper[data-v-28eb3e4d] {
  position: relative;
  margin: 0 auto
}

.page-footer[data-v-28eb3e4d],
.page-header[data-v-28eb3e4d] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content
}

.page-layout-wrapper.pageLayoutHide[data-v-28eb3e4d] {
  display: block !important;
  height: 0 !important;
  overflow: hidden !important
}

[data-v-28eb3e4d] .page-layout-wrapper .closed-btn {
  display: none;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 999;
  border-radius: 0 0 0 8px;
  background: rgba(0, 0, 0, .4);
  justify-content: center;
  align-items: center
}

[data-v-28eb3e4d] #bayWindow:hover .closed-btn {
  display: flex
}

.page-layout-wrapper[data-level=top-level-video][data-v-28eb3e4d] {
  z-index: 10000 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.page-layout-wrapper[data-level=top-level-video]>div[data-v-28eb3e4d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%
}

[data-v-28eb3e4d] .page-layout-wrapper[data-level=top-level-video] :not(.video-container):not(.video-container *) {
  background-color: unset !important
}

.page-layout-wrapper .container_btn[data-v-28eb3e4d] {
  display: none;
  position: absolute;
  z-index: 999;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: var(--themeColor);
  color: #fff;
  cursor: pointer;
  padding: 0
}

.page-layout-wrapper.active[data-v-28eb3e4d] {
  box-shadow: 0 2px 0 var(--themeColor)
}

.page-layout-wrapper.active .container_btn[data-v-28eb3e4d] {
  display: block
}

.myContainer[data-v-28eb3e4d] {
  height: auto;
  min-height: 200px;
  position: relative;
  background-color: transparent
}

.myContainer.active[data-v-28eb3e4d] {
  border: 1px solid #1d7ce2
}

.saveModule[data-v-28eb3e4d] {
  display: none;
  position: absolute;
  top: -42px;
  right: 0;
  width: 80px;
  text-align: center;
  font-size: 14px;
  color: var(--themeColor);
  line-height: 40px;
  border-radius: 0 4px 4px 0;
  height: 40px;
  background: #fff;
  border: 1px solid hsla(0, 0%, 39.6%, .2);
  border-left: none;
  cursor: pointer;
  z-index: 2
}

.saveModule[data-v-28eb3e4d]:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -8px;
  height: 16px;
  width: 1px;
  background-color: #f2f2f2
}

.save_module[data-v-28eb3e4d] {
  width: 100%;
  padding: 10px 20px 0;
  display: flex;
  flex-direction: row
}

.pageLayout-drag-over[data-v-28eb3e4d] {
  cursor: -webkit-grab;
  cursor: grab
}

.pageLayout-drag-over[data-v-28eb3e4d]:before {
  position: absolute;
  height: 3px;
  width: 100%;
  background-color: var(--themeColor);
  top: -2px;
  content: ""
}


.myContainer>.handle-btn-groups[data-v-28eb3e4d] {
  margin-top: 0;
  right: 0
}

.myContainer.fixed>.handle-btn-groups[data-v-28eb3e4d] {
  right: 0
}

.handle-btn-groups[data-v-28eb3e4d] {
  border-right: none;
  border-radius: 4px 0 0 4px;
  position: absolute;
  right: 0;
  text-align: right;
  margin-top: -38px;
  border-radius: 4px;
  padding: 0 2px;
  min-width: 40px;
  height: 36px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 12px;
  z-index: 1001
}

.handle-btn-groups+.saveModule[data-v-28eb3e4d] {
  right: 2px;
  z-index: 1001
}

.handle-btn-groups .handel-icon-box[data-v-28eb3e4d] {
  position: relative
}

.handle-btn-groups .handel-icon-box:hover .icon-tips[data-v-28eb3e4d] {
  display: block
}

.handle-btn-groups .handel-icon-box .icon-tips[data-v-28eb3e4d] {
  position: absolute;
  display: none;
  background: rgba(0, 13, 34, .9);
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 14px;
  top: -46px;
  left: 50%;
  transform: translateX(-50%);
  color: hsla(0, 0%, 100%, .8);
  z-index: 2;
  line-height: 20px;
  box-sizing: border-box;
  word-break: keep-all
}

.handle-btn-groups .handel-icon-box .icon-tips[data-v-28eb3e4d]:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 13, 34, .9);
  z-index: 2
}

.handle-btn-groups .handel-icon-box .icon[data-v-28eb3e4d] {
  display: inline-block;
  text-align: center;
  font-size: 20px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
  margin: 0 2px;
  color: #717989
}

.handle-btn-groups .handel-icon-box .icon[data-v-28eb3e4d]:hover {
  background: rgba(0, 0, 0, .06)
}

.handle-btn-groups .handel-icon-box .icon.active[data-v-28eb3e4d] {
  color: #3d82f2;
  background: rgba(61, 130, 242, .1)
}

.handle-btn-groups .handel-icon-box i[data-v-28eb3e4d] {
  margin-right: 4px;
  font-size: 16px
}

.handle-btn-groups .handel-icon-box div[data-v-28eb3e4d] {
  cursor: pointer
}

.handle-btn-groups .handel-icon-box *[data-v-28eb3e4d] {
  display: inline-block;
  vertical-align: middle
}

.container_bg[data-v-28eb3e4d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: transparent
}

.other_content .vdr.active[data-v-28eb3e4d] {
  z-index: 100 !important
}

.vdr_shade[data-v-28eb3e4d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  background: transparent
}

.boundingBox[data-v-28eb3e4d] {
  background: rgba(61, 130, 242, .1);
  border: 1px solid rgba(61, 130, 242, .5);
  border-radius: 6px
}

.boundingBox[data-v-28eb3e4d],
.distance-wrapper[data-v-28eb3e4d] {
  position: absolute
}

[data-v-28eb3e4d] .page-layout-wrapper:not(.anchor-layout) .layout-col.no-size-limit .layout-cell-container>.vdr {
  width: unset !important;
  height: unset !important
}

#thirdContent[data-v-28eb3e4d] {
  font-size: 16px
}

.isApp .page-layout-wrapper.pageLayoutShow[data-v-28eb3e4d] {
  z-index: 999 !important
}

.enable-left-nav .layout-row__container[data-v-28eb3e4d] {
  height: 100vh
}


.pagescroll-transition {
  transition: transform .7s ease
}

#__layout.refresh {
  line-height: unset !important
}

@media print {
  body {
    height: auto !important
  }

  .myContainer {
    page-break-after: always
  }
}

#__layout,
#__layout>div,
#__nuxt,
.height100,
body,
html {
  height: 100%;
  overflow: auto
}

body {
  margin: 0
}

body p {
  margin-bottom: 0
}

.nuxt-progress,
.vdr.hide {
  display: none !important
}

.fixed-container {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.edit_stage {
  display: flex;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden
}

.myContainer {
  flex: 1
}

.phone-page .myContainer {
  width: 100%
}

.login_page .myContainer,
.login_page .page-layout-wrapper.page-middle-content .layout-row__container,
.login_page .page-layout-wrapper.page-middle-content .layout-row__container>div,
.login_page .page-layout-wrapper.page-middle-content .page-layout-container,
.login_page .page-layout-wrapper.page-middle-content>div {
  height: 100% !important
}

.login_page .page-layout-wrapper.page-middle-content .layout-col__container>div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.scroller::-webkit-scrollbar {
  position: relative;
  width: .2rem;
  height: .2rem;
  z-index: 9999
}

.scroller::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 2rem
}

.scroller::-webkit-scrollbar-thumb {
  background-color: rgba(147, 147, 153, .5);
  border-radius: 2rem
}


.turn-down-icon[data-v-033a6366] {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -30px;
  color: #fff;
  z-index: 9999
}

.turn-down-icon .icon[data-v-033a6366] {
  display: inline-block;
  transform: rotate(180deg);
  font-size: .375rem
}

.edit_stage_wrap[data-v-033a6366] {
  position: relative;
  z-index: 1
}

.edit_stage_wrap.login_page[data-v-033a6366] {
  height: 100% !important
}

.edit_stage.page-turn-mode[data-v-033a6366] {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden
}

.page-turn-mode .myContainer[data-v-033a6366] {
  display: none
}

.page-turn-mode .myContainer.animate-active[data-v-033a6366],
.page-turn-mode .myContainer.animate-current[data-v-033a6366] {
  display: block
}

.page-turn-mode .myContainer[data-v-033a6366] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  min-height: 100%
}

.audio-box[data-v-033a6366] {
  position: absolute;
  z-index: 9999;
  top: 10px
}

.audioLeft[data-v-033a6366] {
  left: 10px
}

.audioRight[data-v-033a6366] {
  right: 10px
}

.audio-box .audio-play[data-v-033a6366] {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/img/music-on.ddb0cc8.png);
  background-size: 100%;
  cursor: pointer;
  -webkit-animation: audio-animation-data-v-033a6366 3s linear infinite;
  animation: audio-animation-data-v-033a6366 3s linear infinite
}

@-webkit-keyframes audio-animation-data-v-033a6366 {
  to {
    transform: rotate(1turn)
  }
}

@keyframes audio-animation-data-v-033a6366 {
  to {
    transform: rotate(1turn)
  }
}

.audio-box .audio-stop[data-v-033a6366] {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://static.mh.chaoxing.com/sv2/49f30a74-666d-453b-bc4b-d1f45fe8a328_2025062502/img/music-off.f85cb7e.png);
  background-size: 100%;
  cursor: pointer
}


/*******/
a.link {}
a.link:hover span {color: #774BFB !important;}
a.link:hover svg path[stroke] {stroke: #3d82f2 !important;}
/*******/