@charset "UTF-8";





.animated {

  -webkit-animation-duration: 1s;

          animation-duration: 1s;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

}



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

}



.animated.hinge {

  -webkit-animation-duration: 2s;

          animation-duration: 2s;

}



@-webkit-keyframes bounce {

  0%, 20%, 53%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

  }



  40%, 43% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -30px, 0);

            transform: translate3d(0, -30px, 0);

  }



  70% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -15px, 0);

            transform: translate3d(0, -15px, 0);

  }



  90% {

    -webkit-transform: translate3d(0,-4px,0);

            transform: translate3d(0,-4px,0);

  }

}



@keyframes bounce {

  0%, 20%, 53%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

  }



  40%, 43% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -30px, 0);

            transform: translate3d(0, -30px, 0);

  }



  70% {

    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

    -webkit-transform: translate3d(0, -15px, 0);

            transform: translate3d(0, -15px, 0);

  }



  90% {

    -webkit-transform: translate3d(0,-4px,0);

            transform: translate3d(0,-4px,0);

  }

}



.bounce {

  -webkit-animation-name: bounce;

          animation-name: bounce;

  -webkit-transform-origin: center bottom;

      -ms-transform-origin: center bottom;

          transform-origin: center bottom;

}



@-webkit-keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

  }



  25%, 75% {

    opacity: 0;

  }

}



@keyframes flash {

  0%, 50%, 100% {

    opacity: 1;

  }



  25%, 75% {

    opacity: 0;

  }

}



.flash {

  -webkit-animation-name: flash;

          animation-name: flash;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

            transform: scale3d(1.05, 1.05, 1.05);

  }



  100% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



@keyframes pulse {

  0% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

            transform: scale3d(1.05, 1.05, 1.05);

  }



  100% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



.pulse {

  -webkit-animation-name: pulse;

          animation-name: pulse;

}



@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

            transform: scale3d(1.25, 0.75, 1);

  }



  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

            transform: scale3d(0.75, 1.25, 1);

  }



  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

            transform: scale3d(1.15, 0.85, 1);

  }



  65% {

    -webkit-transform: scale3d(.95, 1.05, 1);

            transform: scale3d(.95, 1.05, 1);

  }



  75% {

    -webkit-transform: scale3d(1.05, .95, 1);

            transform: scale3d(1.05, .95, 1);

  }



  100% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



@keyframes rubberBand {

  0% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  30% {

    -webkit-transform: scale3d(1.25, 0.75, 1);

            transform: scale3d(1.25, 0.75, 1);

  }



  40% {

    -webkit-transform: scale3d(0.75, 1.25, 1);

            transform: scale3d(0.75, 1.25, 1);

  }



  50% {

    -webkit-transform: scale3d(1.15, 0.85, 1);

            transform: scale3d(1.15, 0.85, 1);

  }



  65% {

    -webkit-transform: scale3d(.95, 1.05, 1);

            transform: scale3d(.95, 1.05, 1);

  }



  75% {

    -webkit-transform: scale3d(1.05, .95, 1);

            transform: scale3d(1.05, .95, 1);

  }



  100% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



.rubberBand {

  -webkit-animation-name: rubberBand;

          animation-name: rubberBand;

}



@-webkit-keyframes shake {

  0%, 100% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

            transform: translate3d(-10px, 0, 0);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

            transform: translate3d(10px, 0, 0);

  }

}



@keyframes shake {

  0%, 100% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

            transform: translate3d(-10px, 0, 0);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

            transform: translate3d(10px, 0, 0);

  }

}



.shake {

  -webkit-animation-name: shake;

          animation-name: shake;

}



@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

            transform: rotate3d(0, 0, 1, 15deg);

  }



  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

            transform: rotate3d(0, 0, 1, -10deg);

  }



  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

            transform: rotate3d(0, 0, 1, 5deg);

  }



  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

            transform: rotate3d(0, 0, 1, -5deg);

  }



  100% {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

            transform: rotate3d(0, 0, 1, 0deg);

  }

}



@keyframes swing {

  20% {

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

            transform: rotate3d(0, 0, 1, 15deg);

  }



  40% {

    -webkit-transform: rotate3d(0, 0, 1, -10deg);

            transform: rotate3d(0, 0, 1, -10deg);

  }



  60% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

            transform: rotate3d(0, 0, 1, 5deg);

  }



  80% {

    -webkit-transform: rotate3d(0, 0, 1, -5deg);

            transform: rotate3d(0, 0, 1, -5deg);

  }



  100% {

    -webkit-transform: rotate3d(0, 0, 1, 0deg);

            transform: rotate3d(0, 0, 1, 0deg);

  }

}



.swing {

  -webkit-transform-origin: top center;

      -ms-transform-origin: top center;

          transform-origin: top center;

  -webkit-animation-name: swing;

          animation-name: swing;

}



@-webkit-keyframes tada {

  0% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  10%, 20% {

    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  100% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



@keyframes tada {

  0% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }



  10%, 20% {

    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

  }



  30%, 50%, 70%, 90% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

  }



  40%, 60%, 80% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

  }



  100% {

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



.tada {

  -webkit-animation-name: tada;

          animation-name: tada;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes wobble {

  0% {

    -webkit-transform: none;

            transform: none;

  }



  15% {

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

            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }



  30% {

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

            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }



  45% {

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

            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }



  60% {

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

            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }



  75% {

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

            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes wobble {

  0% {

    -webkit-transform: none;

            transform: none;

  }



  15% {

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

            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

  }



  30% {

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

            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

  }



  45% {

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

            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

  }



  60% {

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

            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

  }



  75% {

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

            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



.wobble {

  -webkit-animation-name: wobble;

          animation-name: wobble;

}



@-webkit-keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

            transform: scale3d(1.1, 1.1, 1.1);

  }



  40% {

    -webkit-transform: scale3d(.9, .9, .9);

            transform: scale3d(.9, .9, .9);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

            transform: scale3d(1.03, 1.03, 1.03);

  }



  80% {

    -webkit-transform: scale3d(.97, .97, .97);

            transform: scale3d(.97, .97, .97);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



@keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

            transform: scale3d(1.1, 1.1, 1.1);

  }



  40% {

    -webkit-transform: scale3d(.9, .9, .9);

            transform: scale3d(.9, .9, .9);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

            transform: scale3d(1.03, 1.03, 1.03);

  }



  80% {

    -webkit-transform: scale3d(.97, .97, .97);

            transform: scale3d(.97, .97, .97);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



.bounceIn {

  -webkit-animation-name: bounceIn;

          animation-name: bounceIn;

  -webkit-animation-duration: .75s;

          animation-duration: .75s;

}



@-webkit-keyframes bounceInDown {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

            transform: translate3d(0, -3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

            transform: translate3d(0, 25px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, -10px, 0);

            transform: translate3d(0, -10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, 5px, 0);

            transform: translate3d(0, 5px, 0);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes bounceInDown {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -3000px, 0);

            transform: translate3d(0, -3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, 25px, 0);

            transform: translate3d(0, 25px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, -10px, 0);

            transform: translate3d(0, -10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, 5px, 0);

            transform: translate3d(0, 5px, 0);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



.bounceInDown {

  -webkit-animation-name: bounceInDown;

          animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

            transform: translate3d(-3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

            transform: translate3d(25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

            transform: translate3d(-10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(5px, 0, 0);

            transform: translate3d(5px, 0, 0);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes bounceInLeft {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(-3000px, 0, 0);

            transform: translate3d(-3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(25px, 0, 0);

            transform: translate3d(25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(-10px, 0, 0);

            transform: translate3d(-10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(5px, 0, 0);

            transform: translate3d(5px, 0, 0);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

          animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

            transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

            transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

            transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

            transform: translate3d(-5px, 0, 0);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes bounceInRight {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(3000px, 0, 0);

            transform: translate3d(3000px, 0, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(-25px, 0, 0);

            transform: translate3d(-25px, 0, 0);

  }



  75% {

    -webkit-transform: translate3d(10px, 0, 0);

            transform: translate3d(10px, 0, 0);

  }



  90% {

    -webkit-transform: translate3d(-5px, 0, 0);

            transform: translate3d(-5px, 0, 0);

  }



  100% {

    -webkit-transform: none;

            transform: none;

  }

}



.bounceInRight {

  -webkit-animation-name: bounceInRight;

          animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

            transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

            transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

            transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

            transform: translate3d(0, -5px, 0);

  }



  100% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInUp {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 3000px, 0);

            transform: translate3d(0, 3000px, 0);

  }



  60% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

            transform: translate3d(0, -20px, 0);

  }



  75% {

    -webkit-transform: translate3d(0, 10px, 0);

            transform: translate3d(0, 10px, 0);

  }



  90% {

    -webkit-transform: translate3d(0, -5px, 0);

            transform: translate3d(0, -5px, 0);

  }



  100% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}



.bounceInUp {

  -webkit-animation-name: bounceInUp;

          animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(.9, .9, .9);

            transform: scale3d(.9, .9, .9);

  }



  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

            transform: scale3d(1.1, 1.1, 1.1);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }

}



@keyframes bounceOut {

  20% {

    -webkit-transform: scale3d(.9, .9, .9);

            transform: scale3d(.9, .9, .9);

  }



  50%, 55% {

    opacity: 1;

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

            transform: scale3d(1.1, 1.1, 1.1);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }

}



.bounceOut {

  -webkit-animation-name: bounceOut;

          animation-name: bounceOut;

  -webkit-animation-duration: .75s;

          animation-duration: .75s;

}



@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

            transform: translate3d(0, 10px, 0);

  }



  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

            transform: translate3d(0, -20px, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

            transform: translate3d(0, 2000px, 0);

  }

}



@keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

            transform: translate3d(0, 10px, 0);

  }



  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

            transform: translate3d(0, -20px, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

            transform: translate3d(0, 2000px, 0);

  }

}



.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

          animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

            transform: translate3d(20px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

            transform: translate3d(-2000px, 0, 0);

  }

}



@keyframes bounceOutLeft {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(20px, 0, 0);

            transform: translate3d(20px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

            transform: translate3d(-2000px, 0, 0);

  }

}



.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

          animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

            transform: translate3d(-20px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

            transform: translate3d(2000px, 0, 0);

  }

}



@keyframes bounceOutRight {

  20% {

    opacity: 1;

    -webkit-transform: translate3d(-20px, 0, 0);

            transform: translate3d(-20px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

            transform: translate3d(2000px, 0, 0);

  }

}



.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

          animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

            transform: translate3d(0, -10px, 0);

  }



  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

            transform: translate3d(0, 20px, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }

}



@keyframes bounceOutUp {

  20% {

    -webkit-transform: translate3d(0, -10px, 0);

            transform: translate3d(0, -10px, 0);

  }



  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, 20px, 0);

            transform: translate3d(0, 20px, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }

}



.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

          animation-name: bounceOutUp;

}



@-webkit-keyframes fadeIn {

  0% {opacity: 0;}

  100% {opacity: 1;}

}



@keyframes fadeIn {

  0% {opacity: 0;}

  100% {opacity: 1;}

}



.fadeIn {

  -webkit-animation-name: fadeIn;

          animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

          animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

          animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-20%, 0, 0);

            transform: translate3d(-20%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-20%, 0, 0);

            transform: translate3d(-20%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

          animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

            transform: translate3d(-2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

            transform: translate3d(-2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

          animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(20%, 0, 0);

            transform: translate3d(20%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(20%, 0, 0);

            transform: translate3d(20%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

          animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

            transform: translate3d(2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

            transform: translate3d(2000px, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

          animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

            transform: translate3d(0, 20%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

            transform: translate3d(0, 20%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

          animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

            transform: translate3d(0, 2000px, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

            transform: translate3d(0, 2000px, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

          animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOut {

  0% {opacity: 1;}

  100% {opacity: 0;}

}



@keyframes fadeOut {

  0% {opacity: 1;}

  100% {opacity: 0;}

}



.fadeOut {

  -webkit-animation-name: fadeOut;

          animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }

}



@keyframes fadeOutDown {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

            transform: translate3d(0, 100%, 0);

  }

}



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

          animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

            transform: translate3d(0, 2000px, 0);

  }

}



@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 2000px, 0);

            transform: translate3d(0, 2000px, 0);

  }

}



.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

          animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

  }

}



@keyframes fadeOutLeft {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

  }

}



.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

          animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

            transform: translate3d(-2000px, 0, 0);

  }

}



@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(-2000px, 0, 0);

            transform: translate3d(-2000px, 0, 0);

  }

}



.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

          animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }

}



@keyframes fadeOutRight {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }

}



.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

          animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

            transform: translate3d(2000px, 0, 0);

  }

}



@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(2000px, 0, 0);

            transform: translate3d(2000px, 0, 0);

  }

}



.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

          animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }

}



@keyframes fadeOutUp {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

  }

}



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

          animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }

}



@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, -2000px, 0);

            transform: translate3d(0, -2000px, 0);

  }

}



.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

          animation-name: fadeOutUpBig;

}



@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }



  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }



  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }



  80% {

    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

            transform: perspective(400px) scale3d(.95, .95, .95);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }



  100% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

}



@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }



  40% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

    -webkit-animation-timing-function: ease-out;

            animation-timing-function: ease-out;

  }



  50% {

    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }



  80% {

    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

            transform: perspective(400px) scale3d(.95, .95, .95);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }



  100% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

    -webkit-animation-timing-function: ease-in;

            animation-timing-function: ease-in;

  }

}



.animated.flip {

  -webkit-backface-visibility: visible;

          backface-visibility: visible;

  -webkit-animation-name: flip;

          animation-name: flip;

}



@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }



  80% {

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

            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }



  100% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }

}



@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

  }



  80% {

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

            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

  }



  100% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }

}



.flipInX {

  -webkit-backface-visibility: visible !important;

          backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

          animation-name: flipInX;

}



@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }



  80% {

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

            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }



  100% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }

}



@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

    opacity: 0;

  }



  40% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

            transition-timing-function: ease-in;

  }



  60% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

    opacity: 1;

  }



  80% {

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

            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

  }



  100% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }

}



.flipInY {

  -webkit-backface-visibility: visible !important;

          backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

          animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1;

  }



  100% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0;

  }

}



@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    opacity: 1;

  }



  100% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    opacity: 0;

  }

}



.flipOutX {

  -webkit-animation-name: flipOutX;

          animation-name: flipOutX;

  -webkit-animation-duration: .75s;

          animation-duration: .75s;

  -webkit-backface-visibility: visible !important;

          backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1;

  }



  100% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }

}



@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px);

            transform: perspective(400px);

  }



  30% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

    opacity: 1;

  }



  100% {

    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }

}



.flipOutY {

  -webkit-backface-visibility: visible !important;

          backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

          animation-name: flipOutY;

  -webkit-animation-duration: .75s;

          animation-duration: .75s;

}



@-webkit-keyframes lightSpeedIn {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

            transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

            transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

            transform: skewX(-5deg);

    opacity: 1;

  }



  100% {

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



@keyframes lightSpeedIn {

  0% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

            transform: translate3d(100%, 0, 0) skewX(-30deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: skewX(20deg);

            transform: skewX(20deg);

    opacity: 1;

  }



  80% {

    -webkit-transform: skewX(-5deg);

            transform: skewX(-5deg);

    opacity: 1;

  }



  100% {

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

          animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

          animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOut {

  0% {

    opacity: 1;

  }



  100% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

            transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}



@keyframes lightSpeedOut {

  0% {

    opacity: 1;

  }



  100% {

    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

            transform: translate3d(100%, 0, 0) skewX(30deg);

    opacity: 0;

  }

}



.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

          animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

          animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

  0% {

    -webkit-transform-origin: center;

            transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

            transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: center;

            transform-origin: center;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



@keyframes rotateIn {

  0% {

    -webkit-transform-origin: center;

            transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, -200deg);

            transform: rotate3d(0, 0, 1, -200deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: center;

            transform-origin: center;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



.rotateIn {

  -webkit-animation-name: rotateIn;

          animation-name: rotateIn;

}



@-webkit-keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

            transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



@keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

            transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

          animation-name: rotateInDownLeft;

}



@-webkit-keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

            transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



@keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

            transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

          animation-name: rotateInDownRight;

}



@-webkit-keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

            transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



@keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

            transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

          animation-name: rotateInUpLeft;

}



@-webkit-keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

            transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



@keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -90deg);

            transform: rotate3d(0, 0, 1, -90deg);

    opacity: 0;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: none;

            transform: none;

    opacity: 1;

  }

}



.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

          animation-name: rotateInUpRight;

}



@-webkit-keyframes rotateOut {

  0% {

    -webkit-transform-origin: center;

            transform-origin: center;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: center;

            transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

            transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0;

  }

}



@keyframes rotateOut {

  0% {

    -webkit-transform-origin: center;

            transform-origin: center;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: center;

            transform-origin: center;

    -webkit-transform: rotate3d(0, 0, 1, 200deg);

            transform: rotate3d(0, 0, 1, 200deg);

    opacity: 0;

  }

}



.rotateOut {

  -webkit-animation-name: rotateOut;

          animation-name: rotateOut;

}



@-webkit-keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

            transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }

}



@keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, 45deg);

            transform: rotate3d(0, 0, 1, 45deg);

    opacity: 0;

  }

}



.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

          animation-name: rotateOutDownLeft;

}



@-webkit-keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

            transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



@keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

            transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

          animation-name: rotateOutDownRight;

}



@-webkit-keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

            transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



@keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: left bottom;

            transform-origin: left bottom;

    -webkit-transform: rotate3d(0, 0, 1, -45deg);

            transform: rotate3d(0, 0, 1, -45deg);

    opacity: 0;

  }

}



.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

          animation-name: rotateOutUpLeft;

}



@-webkit-keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

            transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0;

  }

}



@keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    opacity: 1;

  }



  100% {

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    -webkit-transform: rotate3d(0, 0, 1, 90deg);

            transform: rotate3d(0, 0, 1, 90deg);

    opacity: 0;

  }

}



.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

          animation-name: rotateOutUpRight;

}



@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

            transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

            animation-timing-function: ease-in-out;

  }



  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

            transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

            transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

            animation-timing-function: ease-in-out;

  }



  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

            transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

            transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

            animation-timing-function: ease-in-out;

    opacity: 1;

  }



  100% {

    -webkit-transform: translate3d(0, 700px, 0);

            transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}



@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

            transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

            animation-timing-function: ease-in-out;

  }



  20%, 60% {

    -webkit-transform: rotate3d(0, 0, 1, 80deg);

            transform: rotate3d(0, 0, 1, 80deg);

    -webkit-transform-origin: top left;

            transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

            animation-timing-function: ease-in-out;

  }



  40%, 80% {

    -webkit-transform: rotate3d(0, 0, 1, 60deg);

            transform: rotate3d(0, 0, 1, 60deg);

    -webkit-transform-origin: top left;

            transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

            animation-timing-function: ease-in-out;

    opacity: 1;

  }



  100% {

    -webkit-transform: translate3d(0, 700px, 0);

            transform: translate3d(0, 700px, 0);

    opacity: 0;

  }

}



.hinge {

  -webkit-animation-name: hinge;

          animation-name: hinge;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



.rollIn {

  -webkit-animation-name: rollIn;

          animation-name: rollIn;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes rollOut {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}



@keyframes rollOut {

  0% {

    opacity: 1;

  }



  100% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

  }

}



.rollOut {

  -webkit-animation-name: rollOut;

          animation-name: rollOut;

}



@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  50% {

    opacity: 1;

  }

}



@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  50% {

    opacity: 1;

  }

}



.zoomIn {

  -webkit-animation-name: zoomIn;

          animation-name: zoomIn;

}



@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



.zoomInDown {

  -webkit-animation-name: zoomInDown;

          animation-name: zoomInDown;

}



@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

          animation-name: zoomInLeft;

}



@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



.zoomInRight {

  -webkit-animation-name: zoomInRight;

          animation-name: zoomInRight;

}



@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



.zoomInUp {

  -webkit-animation-name: zoomInUp;

          animation-name: zoomInUp;

}



@-webkit-keyframes zoomOut {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  100% {

    opacity: 0;

  }

}



@keyframes zoomOut {

  0% {

    opacity: 1;

  }



  50% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  100% {

    opacity: 0;

  }

}



.zoomOut {

  -webkit-animation-name: zoomOut;

          animation-name: zoomOut;

}



@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

            transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

    -webkit-transform-origin: center bottom;

            transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

          animation-name: zoomOutDown;

}



@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

            transform: scale(.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

            transform-origin: left center;

  }

}



@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

            transform: scale(.1) translate3d(-2000px, 0, 0);

    -webkit-transform-origin: left center;

            transform-origin: left center;

  }

}



.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

          animation-name: zoomOutLeft;

}



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

            transform: scale(.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

            transform-origin: right center;

  }

}



@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

            transform: scale(.1) translate3d(2000px, 0, 0);

    -webkit-transform-origin: right center;

            transform-origin: right center;

  }

}



.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

          animation-name: zoomOutRight;

}



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

            transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  100% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

    -webkit-transform-origin: center bottom;

            transform-origin: center bottom;

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

          animation-name: zoomOutUp;

}



@-webkit-keyframes slideInDown {

  0% {

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



@keyframes slideInDown {

  0% {

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



.slideInDown {

  -webkit-animation-name: slideInDown;

          animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

  0% {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



@keyframes slideInLeft {

  0% {

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



.slideInLeft {

  -webkit-animation-name: slideInLeft;

          animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

  0% {

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



@keyframes slideInRight {

  0% {

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}



.slideInRight {

  -webkit-animation-name: slideInRight;

          animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

  0% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



@keyframes slideInUp {

  0% {

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

    visibility: visible;

  }



  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}



.slideInUp {

  -webkit-animation-name: slideInUp;

          animation-name: slideInUp;

}



@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

}



@keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

}



.slideOutDown {

  -webkit-animation-name: slideOutDown;

          animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

}



@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateX(-100%);

            transform: translateX(-100%);

  }

}



.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

          animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

  }

}



@keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

  }

}



.slideOutRight {

  -webkit-animation-name: slideOutRight;

          animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

}



@keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }



  100% {

    visibility: hidden;

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

}



.slideOutUp {

  -webkit-animation-name: slideOutUp;

          animation-name: slideOutUp;

}
 
    @font-face {
  font-family: 'icomoon';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-family: "icomoon";
  src:
    url("/font/icomoon.eot?#iefix") format("embedded-opentype"),
    url("/font/icomoon.woff") format("woff"),
    url("/font/icomoon.ttf") format("truetype"),
    url("/font/icomoon.svg#$font") format("svg");
}
@font-face {
    font-family: 'icomoon_35';
font-display: swap;
    font-style: normal;
    font-weight: 400;
src: url("/font/icomoon35.eot?#iefix") format("embedded-opentype"), 
url("/font/icomoon35.woff") format("woff"), 
url("/font/icomoon35.ttf") format("truetype"), 
url("/icomoon35.svg#$font") format("svg");
}
@font-face {
    font-family: 'icomoon_9';
font-display: swap;
    font-style: normal;
    font-weight: 400;
src: url("/font/icomoon_9.eot?#iefix") format("embedded-opentype"), 
url("/font/icomoon_9.woff") format("woff"), 
url("/font/icomoon_9.ttf") format("truetype"), 
url("/icomoon_9.svg#$font") format("svg");
}
@font-face {
  font-family: 'icomoon_seh';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("/font/icomoon_seh.eot?#iefix") format("embedded-opentype"),
    url("/font/icomoon_seh.woff") format("woff"),
    url("/font/icomoon_seh.ttf") format("truetype"),
    url("/font/icomoon_seh.svg#$font") format("svg");
}
@font-face {
  font-family: 'icomoon5';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("/font/icomoon5.eot?#iefix") format("embedded-opentype"),
    url("/font/icomoon5.woff") format("woff"),
    url("/font/icomoon5.ttf") format("truetype"),
    url("/icomoon5.svg#$font") format("svg");
}
@font-face {
  font-family: 'icomoon2';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("/font/icomoon2.eot?#iefix") format("embedded-opentype"),
    url("/font/icomoon2.woff") format("woff"),
    url("/font/icomoon2.ttf") format("truetype"),
    url("/icomoon2.svg#$font") format("svg");
}
@font-face {
  font-family: 'icomoon3';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("/font/icomoon3.eot?#iefix") format("embedded-opentype"),
    url("/font/icomoon3.woff") format("woff"),
    url("/font/icomoon3.ttf") format("truetype"),
    url("/icomoon3.svg#$font") format("svg");
}
@font-face {
  font-family: "iconfont"; /* Project id 4996467 */
  src: url('//at.alicdn.com/t/c/font_4996467_1hdipx9dt0d.woff2?t=1758685382551') format('woff2'),
       url('//at.alicdn.com/t/c/font_4996467_1hdipx9dt0d.woff?t=1758685382551') format('woff'),
       url('//at.alicdn.com/t/c/font_4996467_1hdipx9dt0d.ttf?t=1758685382551') format('truetype');
}
input:focus, textarea:focus {
  outline: none;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zuozhe:before {
  content: "\e70a";
}

.icon-youjiantou:before {
  content: "\e644";
}

.icon-zuojiantou:before {
  content: "\e647";
}

.icon-shouji:before {
  content: "\e601";
}

.icon-dianhua:before {
  content: "\e6b9";
}

.icon-youjian:before {
  content: "\e62f";
}

.icon-daohang:before {
  content: "\e640";
}

.icon-xiangxiajiantou:before {
  content: "\e60b";
}

.icon-jiantou:before {
  content: "\e65e";
}

.icon-sanjiao:before {
  content: "\e60e";
}

.icon-Youtube-fill:before {
  content: "\e883";
}

.icon-linkin:before {
  content: "\e600";
}
:root{
    --MainColor:#1e5cab;
    --AssColor:#3366ff;
    --TxtColor:#333333;
    --TxtColor2:#1D5CAA;
    --TxtColor3:#4D4D4D;
    --ClubMarTop:115px;/*大板块上下间距*/
    --Gradient:linear-gradient(to right, #1E5CAB, #001c4b);
    --Turn_Gradient:linear-gradient(to right,  #001c4b,#1E5CAB);
    --Tran_Gra:linear-gradient(to bottom, rgba(0, 28, 75, 0.8), rgba(30, 92, 171, 0.4));
}
h1, h2, h3 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 1em;
}
* {
    box-sizing: border-box;
}
.hdsharef{
  display: flex;
  gap:7px;
  margin-left: 2.8%;
}
.icon-facebook:before {
  content: "\e66a";
}

.icon-a-icons8-twitter1:before {
  content: "\e604";
}
body{
    font-family: "Poppins", sans-serif;
    margin: 0;
    overflow-x: hidden;
}
.iconwe{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 22px;
    text-align: center;
    color: #173259;
    transition: all 0.3s ease 0s;
}
.iconwe .iconfont{
    font-size: 12px;
}
.iconwe:hover{
    background-color: var(--AssColor);
}
.iconwe:hover i{
    color: #fff;
}
a {
    text-decoration: none;
    display: block;
}

.cet{
  max-width: 1380px;
  width: 94%;
  margin:0 auto;
}
.cet2{
  max-width: 1600px;
  width: 94%;
  margin:0 auto;
}
.ac{
  color: var(--AssColor);
}
.header-f {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 99;
    transition: all 0.6s ease 0s;
    border-bottom: 1px solid rgba(255,255,255,.3);
        background: var(--Turn_Gradient);
    }
.hd-cov{
    position: absolute;
    background: var(--Gradient);
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
    opacity: 0;
    z-index: 1;
    transition: all 0.6s ease 0s;
}
.head-b-cet {
    display: flex;
    height: 105px;
    justify-content: space-between;
    position: relative;
    z-index: 5;
}
.bjbarwbtn{
    height: 38px;
    padding: 0 27px;
    background: var(--Gradient);
    line-height: 38px;
    display: inline-flex;
    justify-content: center;
    transition: all 0.3s ease 0s;
}
.bjbarwbtn:hover{
    background: var(--AssColor);
}
.bjbarwbtn:hover .bjbarbtn-t{
    color: var(--TxtColor);
}
.bjbarwbtn:hover .bjbarbtn-ico{
    color: var(--TxtColor);
}
.bjbarbtn-in{
    display: flex;
    gap: 15px;
}
.bjbarbtn-t{
    color: #fff;
    font-size: 16px;
    white-space: nowrap;
    transition: all 0.3s ease 0s;
}
.h-s-form{
    width: 100%;
    height: 30px;
    border-radius: 15px;
    border: 1px solid var(--MainColor);
    display: block;
    position: relative;
}
.search-in{
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    color: #fff;
    padding-left: 20px;
}
.search-btn {
    width: 40px;
    height: 24px;
    border-radius: 14px;
    background-color: var(--MainColor);
    position: absolute;
    right: 4px;
    top: 2px;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.6s ease 0s;
}
.search-btn::before {
    content: '\e900';
    width: 100%;
    position: absolute;
    font-family: icomoon_seh;
    color: #fff;
    font-size: 14px;
    transition: all 0.6s ease 0s;
    text-align: center;
    line-height: 24px;
}
.search-btnfx {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.bjbarbtn-ico{
    color: #fff;
    font-size: 10px;
    transition: all 0.3s ease 0s;
}
.yebtn{
    background: var(--AssColor);
    transition: all 0.3s ease 0s;
}
.yebtn:hover{
    background-color: #fff;
    transform: translateY(-0.15rem);
    box-shadow: 0 0.25rem 0.75rem rgba(30, 34, 40, .35);
}
picture{
      width: 100%;
    display: block;
}
.tit_1{
    display: flex;
    justify-content: center;
}
.tit1in{
    display: flex;
    gap: 20px;
}
.titicof{
        width: 17px;
        display: flex;
        align-items: center;
}

.tit1_t{
    color:var(--AssColor);
    font-size: 16px;
}
.tit_2{
    font-size: 38px;
    color: var(--TxtColor);
    font-weight: bold;
    text-align: center;
    margin:0 auto;
    margin-top: 5px;
    max-width: 800px;
    width: 100%;
    text-align: center;

}
.tit_3{
    font-size: 16px;
    text-align: center;
    color: var(--TxtColor3);
    max-width: 800px;
    width: 100%;
    margin:0 auto;
        margin-top: 5px;
}
.ico-titf{
}
.icotit-in{
    max-width: 870px;
    width: 100%;
    margin:0 auto;
    position: relative;
    display: flex;
    justify-content: center;
}
.icotit-in::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #A6A6A6;
    position: absolute;
    top:50%;
    left: 0px;
    z-index: 1;
}
.icotit-tf{
    padding:0px 20px;
    display: flex;
    background-color: #fff;
    position: relative;
    z-index: 5;
}
.icotit-t{
    margin-left: 35px;
    margin-right: 35px;
    font-size: 18px;
    font-weight: bold;
    color: var(--TxtColor);
}
.icotitimgf{
    width: 12px;
    margin-top: 2px;
}
.img{
  width: 100%;
  display: block;
}
.lan-pc {
    position: relative;
}

.logo-f {
    width: 162px;
    display: flex;
    align-items: center;
}
.btn-maincolor-txt{
  height: 38px;
  padding:0 27px;
  background-color: var(--AssColor);
  color:var(--TxtColor);
  font-size: 16px;
  font-weight: bold;
  line-height: 38px;
  white-space: nowrap;
  transition: all 0.6s ease 0s;
  cursor: pointer;
}
.btn-maincolor-txt:hover{
    transform: translateY(-0.15rem);
    box-shadow: 0 0.25rem 0.75rem rgba(30, 34, 40, .35);
}
.h-b-right {
    justify-content: flex-end;
    display: flex;
    width: calc(97% - 162px);
    align-items: center;
}
.hd-top-s2{
  margin-left: 2%;
  display: flex;
}
.btn-maincolor-txt.hd{
  margin-left: 5%;
}
.nav-f{
  width: 55%;
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.nav-s-1{
  display: flex;
  align-items: center;
  position: relative;
}
.nav-s-pro-1{
  display: flex;
  align-items: center;
}
.nav-f-pro-2{
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0px;
    z-index: 1;
    top: 80px;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 5%);
    padding:30px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.nav-s-pro-2{
    width: 25%;
    padding-right: 5%;
}
.nav-s-pro2-af{
    display: flex;
    gap:20px;
}
.nav-s-proaicof{
    display: flex;
    align-items: center;
}
.nav-s-proaico{
    height: 30px;
    width: auto;
}
.nav-s-2-pro-a{
    font-size: 16px;
    font-weight: bold;
    color: var(--TxtColor);
}
.nav-s-2-pro-a:hover{
    color: var(--MainColor);
}
.nav-s-3-pro-a:hover{
    color: var(--MainColor);
}
.nav-s-3-pro-a{
    margin-top: 15px;
        font-size: 16px;
    color: var(--TxtColor);
}

.mobile-header {
    position: fixed;
    left: 0px;
    width: 100%;
    display: none;
    z-index: 1000;
    transition: all 0.6s ease 0s;
    height: 60px;
    top:0px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;
    background: var(--Turn_Gradient);
    }
.mobile-tool {
    width: 100%;
}
html{
    scroll-behavior: smooth;
}
.mobile-tool-center {
    width: 94%;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}
.mobile-logo-f {
    float: left;
    white-space: nowrap;
    width: 115px;
    margin-top: 18px;
}
.mobile-logo-f:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mob-logo-img {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 0px;
}
.mobile-menu {
    cursor: pointer;
    float: right;
    width: 30px;
    text-align: center;
}
.mobile-menu:before {
    content: '\f0c9';
    display: block;
    font-family: icomoon5;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    float: left;
}
.mob-contact-btn {
    cursor: pointer;
    float: right;
    width: 30px;
    margin-right: 20px;
    text-align: center;
}
.mob-contact-btn:before {
    content: '\e900';
    display: block;
    font-family: icomoon5;
    font-size: 25px;
    color: #fff;
    line-height: 60px;
    float: left;
}
.nav-s-1:hover .nav-f-2 {
    display: block !important;
    top: 105px;
    opacity: 1;
    visibility: visible;
}
.nav-s-pro-1:hover .nav-f-pro-2 {
    top: 105px;
    opacity: 1;
    visibility: visible;
}
.nav-s-1:hover .nav-s-1-a{
    color: var(--AssColor);
}
.nav-s-1:hover .nav-sj{
    color: var(--AssColor);
}
.mob-search-btn {
    cursor: pointer;
    float: right;
    width: 30px;
    margin-right: 20px;
    text-align: center;
}
.mob-search-btn:before {
    content: '\e900';
    font-family: icomoon_seh;
    display: block;
    font-size: 25px;
    color: #fff;
    line-height: 60px;
    float: left;
}
.mob-search-cover {
    position: fixed;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #072239;
    z-index: 1001;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease 0s;
}
.mob-contact-det-f {
    float: right;
    width: 320px;
    height: 100%;
    background: #fff;
    margin-right: -320px;
    transition: all 0.8s ease 0s;
}
.mob-sr-close {
    position: absolute;
    right: 50px;
    top: 50px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.mob-sr-close:before {
    content: '\e60b';
    font-family: icomoon;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
}
.mob-search {
    position: absolute;
    width: 350px;
    left: calc(50% - 175px);
    top: 50%;
    transform: translate(0, -50%);
}
.mob-srh-form {
    float: left;
    width: 100%;
}
.mob-srh-in {
    float: left;
    width: calc(100% - 70px);
    border: none;
    height: 55px;
    border-radius: 27.5px;
    background: #fff;
    padding-left: 20px;
    font-size: 14px;
}
.srh-btn {
    float: left;
    width: 55px;
    height: 55px;
    margin-top: 0px;
    margin-left: 15px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    position: relative;
}
.srh-btn span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.srh-btn span:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '\e900';
    width: 100%;
    height: 100%;
    font-family: icomoon_seh;
    color: #202020;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
}
.coss-em::before {
    font-family: icomoon_35;
    content: '\e901';
}
.mob-nav-btn {
    float: right;
    width: 30px;
    height: 30px;
    position: relative;
    margin-top: 7px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
}
.mob-nav-btn:before {
    content: '\e900';
    position: absolute;
    right: 5px;
    top: 3px;
    color: #363636;
    font-size: 18px;
    font-family: icomoon3;
}
.mob-nav-share {
    float: left;
    margin-top: 30px;
    overflow: hidden;
}
.mob-nav-share .fb3-sh {
    background-color: #072239;
    border-radius: 50%;
    color: #fff;
}
.mob-nav-share .fb3-sh:before {
    color: #fff;
}
.mob-con-cover {
    position: fixed;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #072239;
    z-index: 1001;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease 0s;
}
.mob-con-d {
    float: left;
    margin: 30px 25px;
    width: calc(100% - 50px);
    position: relative;
}
.mob-con-d-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.mob-con-d-close:before {
    content: '\e60b';
    font-family: icomoon;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #333;
    line-height: 30px;
}
.con-s-sin {
    float: left;
    width: 100%;
    margin-top: 35px;
}
.cons-s-img {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    position: relative;
}
.cons-s-img::before {
    position: absolute;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #072239;
    font-size: 26px;
}
.cons-s-t {
    float: left;
    margin-left: 4%;
    width: calc(92% - 30px);
    margin-top: 3px;
}
.cons-t-t1 {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}
.cons-t-t2 {
    float: left;
    width: 100%;
    color: #333333;
    font-size: 18px;
    margin-top: 10px;
}
.cons-s-img {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    position: relative;
}
.coss-tel::before {
    content: '\e942';
    font-family: icomoon_35;
}
.mobile-dowshow {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 0px;
    background: #fff;
    transition: all 0.6s ease 0s;
    overflow: hidden;
    z-index: 1001;
}
.mb-down-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
}
.mb-down-close:before {
    content: '\e60b';
    display: block;
    font-family: icomoon;
    font-size: 22px;
    color: #1c1c1c;
    line-height: 30px;
    text-align: center;
}
.mob-nav1 {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.mob-nav-s1 {
    float: left;
    width: 100%;
    position: relative;
}
.mob-col-name1 {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #D6D6D6;
}
.mob-col-name1:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0;
    height: 1px;
    background: var(--MainColor);
    transition: all 0.6s ease 0s;
}
.mob-nav-a1 {
    float: left;
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 10px;
    color: #1c1c1c;
    text-transform: uppercase;
}
.mob-nav2 {
    float: left;
    width: 100%;
    display: none;
}
.mob-nav-s2 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #D6D6D6;
}
.mob-col-name2 {
    float: left;
    width: 100%;
}
.mob-nav-a2 {
    float: left;
    margin-left: 6%;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0s ease 0s;
    color: #1c1c1c;
}
.mob-nav3 {
    float: left;
    width: 100%;
    display: none;
}
.nav-f-2 {
  position: absolute;
  top: 80px;
  left: 0px;
  min-width: 100%;
  z-index: 1;
  background-color: #fff;
  min-width: 200px ;
  transition: all 0.3s ease 0s;
  opacity: 0;
  border-radius: 3px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 5%);
  visibility: hidden;
}
.nav-s-1-a {
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}
.selectnav{
    padding: 5px 15px ;
    background-color: #fff;
    border-radius: 20px ;
    color: #072239;
    font-weight: 700;
}
.htselmf {
    display: none;
}
.nav-f-2 .nav-s-2:not(:last-child){
  border-bottom: 1px solid #c7c7c8;
}
.nav-sj{
        position: absolute;
      right: -17px;
    top: 8px;
    color: #fff;
    font-size: 10px !important;
    transition: all 0.3s ease 0s;
}

.nav-f2-c1 {
  padding-bottom: 10px;
  border-bottom: 1px solid #CDCDCD;
  margin-bottom: 5px;
}

.search-btn-j {
    width: 30px;
    height: 30px;
    border: none;
    top: 0px;
    background: none;
    float: left;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.search-btn-j::before {
    content: '\e900';
    position: absolute;
    width: 50px;
    height: 30px;
    font-family: icomoon_seh;
    color: var(--AssColor);
    font-size: 18px;
    transition: all 0.6s ease 0s;
    text-align: center;
    line-height: 30px;
}
.search-btn-j:hover:before{
    color: #fff;
}
.LangUrlArrf {
    position: relative;
    margin-left: 2%;
}
.langurlarrBtin {
    float: left;
    width: calc(100% - 30px);
    margin-left: 8px;
    cursor: pointer;
}
.lan-pc {
    color: #1a1a1a;
    font-size: 16px;
    position: relative;
    padding-right: 20px;
}
.langurlarrself {
    position: absolute;
    padding: 10px 0;
    width: calc(100% + 30px);
    display: none;
    min-height: 10px;
    left: 0px;
    top: 100%;
    background-color: #fff;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;
}
.langurlarr-self-a {
    display: block;
    padding: 5px;
    float: left;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.llsa-lf {
    float: left;
    background-repeat: no-repeat;
    width: 27px;
    height: 18px;
    background-image: url(/templates/Web/en/images/cLang.png);
}
.langsonname {
    float: left;
    margin-left: 9px;
    color: #444444;
    font-size: 12px;
}

.nav-f-2-cet {
  float: left;
  padding: 30px 7%;
  padding-top: 10px;
  width: 100%;
}

.nav-ano-s-2:hover .img {
  transform: scale(1.2);
}

.nav-ano-s-2:hover .nav-as2-txt {
  color: #222;
}

.nav-as2-pic {
  float: left;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #EDEDED;
}
.searcc::before {
    content: '\e60b';
    font-family: icomoon;
}
.nav-s-2 {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 10px;
}

.nav-s-2:hover {
  background: var(--Gradient);
}

.nav-s-2-a {
  float: left;
  padding: 10px  0px;
  font-size: 16px;
  color: var(--TxtColor);
  position: relative;
  white-space: nowrap;
}

.show_down_2:before {
  content: '\e900';
  position: absolute;
  right: 10px;
  top: 10px;
  color: #FF8022;
  font-size: 16px;
  font-family: icomoon3;
  line-height: 20px;
  transition: all 0.3s ease 0s;
}

.nav-s-2:hover .nav-s-2-a {
  color: #fff;
}

.nav-f-3 {
  position: absolute;
  top: 0px;
  left: 100%;
  border-left: 1px solid rgb(226, 226, 226);
  box-shadow: 5px 4px 7px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 1);
  min-width: 100%;
  z-index: 100;
  display: none;
}

.nav-s-2:hover .nav-f-3 {
  display: block;
}

.nav-s-3 {
  float: left;
  width: 100%;
}

.nav-s-3:hover .nav-s-3-a {
  color: var(--MainColor);
}
.eeee:hover .nav-f-2 {
  display: block !important;
  top: 50px;
  opacity: 1;
  visibility: visible;
}

.nav-s-3-a {
  float: left;
  width: calc(100% - 0px);
  padding: 10px;
  color: var(--TxtColor);
  font-size: 16px;
  white-space: nowrap; 
}
.fb3-sh:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    line-height: 20px;
    text-align: center;
    font-family: icomoon;
    font-size: 12px;
    transition: all 0.2s ease 0s;
    color: var(--MainColor);
            line-height: 25px;
}
.fb3-sh.facebook:before {
    content: '\e62c';
}
.fb3-sh.linkedin:before {
    content: '\e630';
}
.fb3-sh.youtube:before {
    content: '\e634';
}
.fb3-sh.twitter {
    text-align: center;
    line-height: 25px;
}

/* foot */
.foot-all{
    background: url() no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: auto;
    position: relative;
    z-index: 1;
    color:#fff;
    margin-top:var(--ClubMarTop);
}
.fot-cov{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(30, 92, 171, 0.4), rgba(0, 28, 75, 0.8));
}
.c5-cet{
    display: flex;
    justify-content: space-between;
}
.c5{
    padding-top: 70px;
    position: relative;
    z-index: 5;
}
.c5l{
    width: 700px;
}
.c5t1{
    font-size: 38px;
    font-weight: bold;
}
.ftl1r{
    display: flex;
    align-items: center;
}

.ftlay{
    display: flex;
    justify-content: space-between;
}
.ft-b1{
    width:40% ;
    padding-right: 10%;
}
.ftb2-f{
    width: 60%;
    display: flex;
    justify-content: space-between;
}
.ft-logo{
    width: 162px;
}
.ftconm{
    margin-top: 35px;
}
.ftl3rs{
    display: flex;
    margin-top: 15px;
    gap:15px;
}
.ftconico{
    font-size: 14px;
    color: var(--AssColor);
    margin-top: 5px;
}
.ftl3rs:not(:first-child) .ftconico{
    font-size: 18px;
}
.fl3rt{
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease 0s;
}
.fl3rt:hover{
    color: var(--AssColor);
}
.ftsharef{
    display: flex;
    margin-top: 40px;
    gap:10px;
}
.ftqk-t{
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(255,255,255,.6);
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    position: relative;
    padding-right: 20px;
}
.ftqk-t::before{
    content: "";
    position: absolute;
    width: 36px;
    height: 2px;
    background-color: var(--AssColor);
    left: 0px;
    bottom:-1px;
}
.ftb-m{
    padding-top: 20px;
}
.ftb-s{
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    transition: all 0.3s ease 0s;
}
.ftb-s:hover{
    color: var(--AssColor);
}
.ftl2-mb{
    margin-top: 75px;
    border-top: 1px solid rgba(255, 255, 255, .3);
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
}
.ftlb-s{
    font-size: 14px;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.ftlb-s:hover{
    color: var(--AssColor);
}
.moblogored::before{
    color: #072239;
}
/*  R_ */
.i6{
    display: flex;
}
.i6l{
    width: 46%;
    position: relative;
    padding-bottom: 15px;
}
.i6r{
    width: 54%;
}
.i6lcov{
    position: absolute;
    left: 0px;
    bottom:-15px;
    z-index: 1;
    clip-path: polygon(0 0, calc(65% - 370px) 0, 100% 370px, 100% 100%, 0 100%);
    width:567px;
    height: 370px;
    background: var(--Gradient);
}
.i6lplayf{
    position: relative;
    cursor: pointer;
}
.i6lplayf:hover .playbtn{
    background: linear-gradient(to right, var(--AssColor),var(--AssColor));
        background-clip: text;
}
.i6lplayf:hover .playbtnf{
    border: 1px solid var(--AssColor);
} 
.i6lplayf:hover .tex{
    border: 1px solid var(--AssColor);
} 
.i6lplayf:hover .tex2{
    border: 1px solid var(--AssColor);
} 
.i6lpicf{
    position: relative;
    margin-left: 15px;
    width: calc(100% - 15px);
    z-index: 5;
        clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 70px, 100% 100%, 0 100%);
}
.playbtnf{
    position: absolute;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border:1px solid #001C4B;
    text-align: center;
    line-height: 49px;
    z-index: 5;
}

.tex {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border:1px solid #001C4B;
    animation: kuod 2s infinite ease-in-out;
    z-index: 0;
}
.tex2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    border:1px solid #001C4B;
    animation: kuod2 2s infinite ease-in-out;
    animation-delay: .5s;
    z-index: 0;
}
@keyframes  kuod
{
    0%   {transform: scale(1);opacity: 1;}
    100%  {transform: scale(2);  opacity: 0;}
}
@keyframes  kuod2
{
    0%   {transform: scale(1);opacity: 1;}
    100%  {transform: scale(2);  opacity: 0;}
}
.playbtn{
font-size: 24px;
    background: linear-gradient(to right, #1E5CAB, #011E4E);
      -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.i6r{
    padding-left: 2.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.i6r-t1{
    font-size: 38px;
    font-weight: bold;
    color: var(--TxtColor);

}
.i6r-t2{
    color: var(--TxtColor);
    font-size: 16px;

}
.i6r-t3{
    color: var(--TxtColor3);
    font-size: 16px;

}
/* -----*/

.i3msslbtnr{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    transition: all 0.6s ease 0s;
    background: var(--Gradient);
}

.i7{
    margin-top: var(--ClubMarTop);
}
.i7-m{
    margin-top: 50px;
}
.i7-s{
    padding:10px;
}
.i7sin{
box-shadow: 0 0.15rem 0.5rem rgba(30, 34, 40, .1);
}
/* */
.i8{
    margin-top: var(--ClubMarTop);
    background: url(/templates/Web/en/images/i8bk.jpg) center no-repeat;
}
.i8m{
    margin-top: 25px;
}
.i8lay1{
    width: calc(100% + 25px);
    margin-left: -25px;
    display: flex;
    flex-wrap: wrap;
}
.i8-s{
    padding-left: 25px;
    margin-top: 25px;
    width: 16.66%;
}
.i8moref{
    margin-top: 80px;
    display: flex;
    justify-content: center;
}
.i8morin{
    display: flex;
    gap:30px;
    cursor: pointer;
}
.i8morin:hover .i3msslbtnr{
    background: var(--AssColor);
}
.i8morin:hover .icon-xiangxiajiantou{
    color: var(--TxtColor);
}
.i8mort{
    font-size: 16px;
    color: var(--TxtColor);
    margin-top: 5px;
}
.i9{
    margin-top: var(--ClubMarTop);
    background: url() no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: px;
    position: relative;
}
.i9-r{
    position: absolute;
    right: 0px;
    bottom: -55px;
    z-index: 5;
    width: calc(100% - (50% - 690px));
}
.i3hds-if{
    display: flex;
    justify-content: center;
}
.i9m{
    background-color: #fff;
    display: flex;
    margin-top: 75px;
    box-shadow: 0 0.15rem 0.5rem rgba(30, 34, 40, .1);
}
.i9ms{
    padding:60px 0;
    width: 25%;
    position: relative;
}
.i9ms::before{
    content: "";
    position: absolute;
    left: 30px;
    width: 0;
    bottom: 0px;
    height: 6px;
    background-color: var(--AssColor);
    transition: all 0.6s ease 0s;
}
.i9ms:hover:before{
    width: calc(100% - 60px);
}
.i9ms:hover .i9ico-1{
    display: none;
}
.i9ms:hover .i9ico-2{
    display: block;
}
.i9ms:hover .i9t1{
    color: var(--TxtColor2);
}
.i9s-in{
    padding:0 12%;
    border-right: 1px solid #A6A6A6;
    height: 100%;
}
.i9ms:last-child .i9s-in{
    border-right: none;
}
.i9t1{
    font-size: 21px;
    font-weight: bold;
    color: var(--TxtColor);
    margin-top: 45px;
    text-align: center;
}
.i9t2{
    font-size: 16px;
    color:var(--TxtColor3);
    margin-top: 20px;
    text-align: center;
}
.i9ico-1,.i9ico-2{
    height: 80px;
}
.i9ico-2{
    display: none;
}
.banncov {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(0, 28, 75, 0.8), rgba(30, 92, 171, 0.4));
}
.i5btnf{
margin-top: 30px;
display: flex;
justify-content: flex-end;
}
.i5-hd{
    position: absolute;
    width: 100%;
    left: 0px;
    top:96px;
    z-index: 5;
}
.i5-hd-cet{
    display: flex;
    justify-content: space-between;
}
.i5hd-l{
    width: 50%;
}
.i5hd-r{
    width: 50%;
    padding-left: 2%;
}
.i5hdl-t2{
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    width: 500px;
}
.i5hdrt1f{
    display: flex;
justify-content: flex-end;
}
.i5hdr-t1{
    width: 650px;
    color: #fff;
    font-size: 16px;
    text-align: right;
}
.hd_2{
    position: relative;
    top:0px;
}
@media screen and (max-width: 1400px) {
    .i9-r {
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 5;
    width: 97%;
    margin-left: 3%;
    padding-top: 50px;
    }
}
@media screen and (max-width: 980px) {
    .ftl2-mb {
    margin-top: 35px;
    padding: 15px 0;
    flex-wrap: wrap;
    }
    .ftsharef {
    margin-top: 20px;
    }
    .ftbox{
        margin-top: 20px;
    }
    .ftbox:nth-child(2),.ftbox:nth-child(1){
        margin-top: 0px;
    }
    .ftb-s {
    margin-top: 5px;
    }
    .ftqk-t {
    padding-bottom: 20px;
    padding-right: 10px;
    }
    .ftb2-f {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 10px;
    }
    .ft-b1 {
    width: 50%;
    padding-right: 0%;
    }
    .ftlay {
    flex-wrap: wrap;
    }

    .c5 {
    padding-top: 40px;
    }
    .btn-maincolor-txt.hd {
    margin-left: 0%;
    }
    .ftl1r{
        width: 100%;
        margin-top: 20px;
    }
    .c5l {
    width: 100%;
    }
    .c5-cet{
    flex-wrap: wrap;
    }
    .i9{
        height: auto;
    }
    .i9::before{
        content: "";
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 50px;
        left: 0px;
        bottom: -2px;
        z-index: 3;
    }
    .i9t1 {
    margin-top: 25px;
    }
    .i9s-in {
    padding: 30px 12%;
    border-bottom: 1px solid #A6A6A6;
    border-right: none;
    height: auto;
    }
    .i9s-in:last-child{
        border-bottom: none;
    }
    .i9ms {
    padding: 0px 20px;
    width: 100%;
    }
   .i9m {
    margin-top: 35px;
    flex-wrap: wrap;
    }
        .i9-r {
        padding-top: 30px;
    }
    .i8moref {
    margin-top: 40px;
    }
    .i8m{
    margin-top: 10px;
    }
    .i8-s {

    width:33.33%;
    }
    .i7-m {
    margin-top: 30px;
    }
    .icotit-tf {
    padding: 0px 5px;
    }
    .icotit-t{
        margin-left: 15px;
        margin-right: 15px;
    }
    .i6lpicf {
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    }
    .i5 .i5-hd{
         position: relative;
    left: 0px;
    top: 0px;
    padding-top: 40px;
    }
    .i5btnf {
    justify-content: flex-start;
    }
    .i5hdr-t1 {
    width: 100%;
    text-align: left;
    }
    .i5hdrt1f {
    justify-content: flex-start;
    margin-top: 20px;
    }
    .i5hdl-t2 {
    width: 100%;
    }
    .i5hd-r {
    width: 100%;
    }
    .i5hd-l {
    width: 100%;
    }
    .i5-hd-cet {
    flex-wrap: wrap;
    }
    :root{
    --ClubMarTop:50px;/*大板块上下间距*/
    }
    .i6lcov{
    bottom:-15px;
    clip-path: polygon(
        0 0,
        max(0.1%, calc(65% - 370px)) 0,
        100% 370px,
        100% 100%, 
        0 100%
        );
    backface-visibility: hidden; /* 强制浏览器优化渲染 */
    width:100%;
    height: 270px;
    }
    .i6lcov::after {
  content: "";
  position: absolute;
  bottom: -1px; /* 轻微覆盖 */
  left: 0px;
  width: calc(100% + 2px);
  height: 5px;
  background: #fff;
  z-index: 8;
}
    .i6{
        flex-wrap: wrap;
    }
    .i6l {
    width: 100%;
    }
    .i6r {
    display: block;
    padding-left: 0%;
    width: 100%;
    margin-top: 30px;
    }
    .header-f {
        display: none;
    }
    .mobile-header {
        display: block;
    }
    .fb3-sh {
        width: 25px;
        height: 25px;
        display: block;
        float: left;
        position: relative;
        margin-left: 10px;
    }
    .fb3-sh:first-child {
    margin-left: 0px;
    }
}


@media screen and (max-width:980px) {
    .br{
    display:none;
}
.fs-230{
         font-size:115px!important;
    }
.fs-103{
        font-size:50px!important;
    }
.fs-96{
        font-size:48px!important;
    }
    .fs-85{
         font-size:42px!important;
    }
    .fs-80{
         font-size:40px!important;
    }
    .fs-75{
         font-size:38px!important;
    }
.fs-72{
         font-size:37px!important;
    }
      .fs-66{
         font-size:37px!important;
    }
     .fs-62{
         font-size:36px!important;
    }
    .fs-60{
         font-size:35px!important;
    }
.fs-56{
         font-size:30px!important;
    }
     .fs-50{
         font-size:28px!important;
    }
    .fs-48{
         font-size:28px!important;
    }
.fs-46{
         font-size:28px!important;
    }
     .fs-40{
         font-size:28px!important;
    }
     .fs-38{
         font-size:25px!important;
    }
    .fs-36{
         font-size:18px!important;
    }
    .fs-35{
        font-size:18px!important;
   }
.fs-34{
         font-size:18px!important;
    }
    .fs-32{
        font-size:18px!important;
}
    .fs-30{
        font-size:18px!important;
}
.fs-28{
        font-size:17px!important;
}
.fs-27{
        font-size:17px!important;
}
.fs-26{
        font-size:16px!important;
}
.fs-24{
        font-size:16px!important;
    }
.fs-23{
        font-size:16px!important;
    }
.fs-22{
        font-size:16px!important;
    }
.fs-21{
        font-size:15px!important;
    }
    .fs-20{
        font-size:15px!important;
    }
    .fs-18{
        font-size:14px!important;
    }
    .fs-17{
        font-size:14px!important;
    }
     .fs-16{
        font-size:14px!important;
    }
    .fs-15{
        font-size:13px!important;
    }
.fs-14{
    font-size:12px!important;
}
}


.bjbarwbtn{
    cursor: pointer;
}.searc {
  display: -webkit-box;            /* 弹性伸缩盒子 */
  -webkit-box-orient: vertical;    /* 垂直排列 */
  -webkit-line-clamp: 2;           /* 限制显示 3 行 */
  overflow: hidden;                /* 超出隐藏 */
  text-overflow: ellipsis;         /* 超出显示省略号 */
}
 
    .mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px;
}
.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
background: rgba(0,0,0,0.5);
z-index:-1;
overflow:hidden;
transition: all 0.3s ease 0s;   
opacity:0;
}
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%;	
animation: et_pb_fade_in_scale .5s cubic-bezier(.77,0,.175,1) 1;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%;

background: 0 0;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    touch-action: manipulation;
    z-index: 1046;
top:-40px;
position: absolute;
font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
}
.mfp-iframe-scaler iframe {
    background: #000;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media screen and (max-width:850px) {
    .mfp-iframe-holder .mfp-content {
    max-width: 90%;
    }
}    .fix-right-f {
    position: fixed;
    top: calc(50% - 80px);
    right: 0px;
    width: 48px;
    z-index: 5;
}

.foot-b-up {
  width: 48px;
  height: 48px;
  background-color: #fff;
  cursor: pointer;
  z-index: 99;
  position: fixed;
  right: 0px;
  top: -80px;
  transition: all 1.2s ease 0s;
  border-radius: 5px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.foot-b-up:before {
  content: "\e901";
  font-family: 'icomoon_9';
  top: 0px;
  line-height: 48px;
  color: #072239;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
  position: absolute;
}

.fix-r-b {
    width: 48px;
    height: 48px;
    display: block;
    position: relative;
    background: #072239;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
    transition: all 0.6s ease 0s;
}
.fix-r-b::before{
    position: absolute;
    width: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 22px;
    text-align: center;
}
.fix-r-b:hover{
    background: #777;
}
.fly-wt::before{
    content: '\ea93';
    font-family: icomoon2;
}
.fly-em::before{
    content: '\e901';
    font-family: icomoon_35;
}
.fly-up{
    background-color: #20201F;
}
.fly-up::before{
    content: "\e901";
    font-family: 'icomoon_9';
}
.jump-send-cover {
    position: fixed;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    display: none;
    left: 0px;
    top: 0px;
}
#id-jump-send-f {
    width: 700px;
    margin: 0 auto;
    transition: all 0.6s ease 0s;
    margin-top: -800px;
    position: relative;
    background-color: #fff;
}
.jump-send-cet {
    padding: 30px;
}
.jump-send-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 50%;
}
.jump-send-close:before {
    content: '\e60b';
    width: calc(100% + 1px);
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: icomoon;
    font-size: 25px;
    color: #181717;
    line-height: 35px;
    text-align: center;
}


@media screen and (max-width:980px) {
    .jump-send-close:before {
        font-size: 20px;
        line-height: 25px;
    }
    .jump-send-close {
        right: 10px;
        top: 10px;
        width: 25px;
        height: 25px;
    }
    .jump-send-cover .con-bs-r {
        margin-top: 0px;
    }
    .sem-textarea-sf .semin-send-down{
        display: none;
    }
    .jump-send-f{
        width: 94%!important;
    }
    .jump-send-cover .con-bs-l{
        display: none;
    }
    .fix-r-b::before {
        width: 35px;
        line-height: 35px;
        font-size: 16px;
    }
    .fix-r-b {
        width: 35px;
        height: 35px;
        background-color: rgba(28,118,216,.5);
        border-radius: 2px;
    }
    .fix-right-f {
        top: calc(50% - 80px);
        width: 35px;
    }
    .foot-b-up:before {
    line-height: 35px;
    font-size: 14px;
  }

  .foot-b-up {
    width: 35px;
    height: 35px;
    background-color: #fff;
    right: 0px;
  }
}    @font-face {
font-display: swap;
    font-style: normal;
    font-weight: 400;
font-family: "ico"; 
src: 
url("/font/icomoon_pl.eot?#iefix") format("embedded-opentype"), 
url("/font/icomoon_pl.woff") format("woff"), 
url("/font/icomoon_pl.ttf") format("truetype"), 
url("/font/icomoon_pl.svg#$font") format("svg");
}
.revcommth{
    background-color: var(--MainColor);
    border-radius: 10px;
    padding:20px;
    color: #fff;
margin-top: 30px;
    font-size: 16px;
    margin-bottom: 30px;
display: flex;
justify-content: space-between;
}
.recvh-r{
display: flex;
padding-top: 20px;
gap:10px;
}
.rech-shars{
color: #3366FF;
}
.revcbg{
    font-size: 42px;
    font-weight: bold;
}
.review-title{
    width:100%;
    color: #000;
    font-size: 14px;
}
.aggrat-val{
    font-size:22px;
font-weight:700;
color:#B61717;
font-style:italic;
}
.aggrating-star-f{
width:160px;
    overflow: hidden;
}
.aggrat-full{
    float: left;
    font-family: ico;
    font-size: 24px;
    color: var(--MainColor);
    width: 30px;
    height: 30px;
}
.aggrat-full:before {
    content: '\e9d9';
}
.agrf-emp:before{
    content: '\e9d7';
}
.aggrat-hs-f{
    float:left;
width: 30px;
    height: 30px;
font-family: ico!important;
    font-size: 24px;
    color: var(--MainColor);
position: relative;
}
.aggrat-hs-emp{
    float: left;
    width: 30px;
    height: 30px;
}
.aggrat-hs-emp:before {
font-family: ico !important;
    content: '\e9d7';
}
.aggrat-hs-full{
    position:absolute;
    width: 13px;
    height: 30px;
overflow:hidden;
}
.aggrat-hs-full:before {
font-family: ico !important;
    content: '\e9d9';
}
.r0tip{
    color:#3E4751;
}
.r0t2{
font-size:12px;
}
.rev-sel-show-f2{
width:100%;
margin-top:15px;
}
.rev-sel-show-f{
width:122px;
    height:25px;
line-height:25px;
font-size:14px;
padding-left:10px;
    border:1px solid #AAAAAA;
position:relative;
background: linear-gradient(#fff,#E4E4E4);
cursor:pointer;
}
.rev-sel-show-f:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 11px;
    right: 10px;
    top: 9px;
    background: url(/new/templates/Web/en/images/prodown.png);
background-size:100%;
background-repeat:no-repeat;
}
.rev-sel-show-f:hover{
    background: #E4E4E4;
}
.rev-sel-all{
    position:absolute;
top:25px;
left:0px;
width:120px;
height:25px;
line-height:25px;
font-size:1.4rem;
padding-left:10px;
    border:1px solid #AAAAAA;
display:none;
z-index:99;
}
.rev-sel-all:hover{
   background:#f8f8f8;
}
.review-f{
    width:100%;	
position:relative;
}
.review-t{
width:100%;
}
.rev-s-top1{
    width:100%;
    margin-top:30px;	
    display: flex;
}
.re-readmore-f{
width:100%;
cursor:pointer;
}
.re-readmore-cover{
width:100%;
height:15px;
background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}
.re-readmore{
width:calc(100% - 40px);
background:#fff;
position:relative;
font-size:16px;
color:#B61717;
padding:10px 20px;	
}
.re-readmore:hover{
    color:#333;
}
.re-readmore:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 11px;
left:0px;
    top: 15px;
    background: url(/new/templates/Web/en/images/prodown.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.rev-flag{
    width: 36px!important;
display:block!important;
}
.rev-name-c{
width:calc(100% - 51px);
margin-left:15px;
font-size:16px;
margin-top:9px;
color:#000;
}
.rev-s-top2{
width:100%;
margin-top:12px;
    display: flex;
}
.rev-star-f{
width:100px;
}
.rev-star-s {
    float: left;
    font-family: ico;
    font-size: 14px;
    color: var(--MainColor);
    width: 20px;
    height: 20px;
    position: relative;
}
.review-s-start-text{
width:100px;
font-size:14px;
color:#3E4751;
}
.rev-star-s:before {
    position: absolute;
    content: '\e9d9';
}
.rev-s-top3{
    float:left;
width:100%;
font-size:14px;
color:#3E4751;
margin-top:5px;
}
.review-s{
    width:100%;
    margin-top:20px;	
}
.rev-pass-tip{
    color:#383838;
font-style:italic;
}
.rev-content{
width:100%;
font-size:16px;
line-height:30px;
margin-top:20px;
color:#000;
}
.rev-send-f{
width:100%;
margin-top:40px;
}
.rev-send-txt{
width:100%;
font-size: 16px;
color: #000;
}
.rev-send-star-f{
width:100%;
margin-top:10px;
    overflow: hidden;
}
.rev-send-in-f{
width:100%;
margin-top:20px;
}
.r-s-in-s-f{
width:100%;
}
.r-s-in-s-f2{
width:49%;
margin-top:25px;
    overflow: hidden;
}
.r-s-i-s-txt{
width:100%;
font-size: 18px;
color: var(--MainColor);
font-weight: bold;
}
.r-s-i-s-txttip{
width:100%;
font-size: 16px;
color: #4D4D4D;
margin-top: 20px;
}
.r-s-i-s-txt2{
    float:left;
width:100%;
font-size: 16px;
margin-top:10px;
color: #000;
}
.r-s-i-s-cont{
width:100%;
margin-top:10px;
border:1px solid #DCDCDC;
border-radius:7px;
height:98px;
padding:10px 15px;
outline: none;
font-size: 15px;
    color: #414141;
background-color: #fff;
}
.r-s-i-s-cont:focus{
    border:1px solid var(--MainColor);
}
.r-s-i-s-input:focus{
    border:1px solid var(--MainColor);
}
.res-inff{
display: flex;
}
.r-s-in-s-f2:last-child{
margin-left: 2%;
}
.r-s-i-s-input{
background-color: #fff;
            float:left;
width:100%;
border:1px solid #DCDCDC;
border-radius:7px;
height:40px;
padding:10px 15px;
font-size: 15px;
    color: #414141;
    font-family: Arial,'Roboto',  sans-serif;
margin-top:15px;
}
.r-s-i-s-input:focus{
    border:1px solid #;
}
.r-s-i-s-tip-f{
    float:left;
position:relative;
display:none;
}
.r-s-i-s-tip-arrow{
    position:absolute;
top:14px;
}
/* .r-s-i-s-tip-arrow:before{
    content:'';
    float: left;
    width: 0; 
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #DCDCDC transparent transparent;
}
.r-s-i-s-tip-arrow:after{
    content:'';
    position:absolute;
left:1px;
    width: 0; 
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
} */
.r-s-i-s-tip{
    float:left;
margin-top:16px;
border:1px solid #DCDCDC;
border-radius:5px;
padding:10px 15px;
}
.r-s-i-s-tip-ico{
    float:left;
    width:25px;
    height:25px;
    position:relative;
    color:#;
font-size:25px;
}
.r-s-i-s-tip-ico:before{
    content:'\ea08';
position:absolute;
font-family: ico;
}
.r-s-i-s-tip-txt{
    float:left;
font-size: 16px;
margin-left:10px;
margin-top:4px;
color:#3E4751;
}
.r-s-but-f{
width:100%;
margin-top:30px;
}
.r-s-but{
width: 100%;
    height: 40px;
line-height: 40px;
border-radius: 20px;
color:#fff;
background:var(--MainColor);
font-size: 16px;
cursor:pointer;
text-align:center;
}
.r-s-but:hover{
    background:#;
}
.rev-send-star-s{
            float:left;
    font-family: ico;
    font-size: 24px;
    color: #;
    width: 30px;
    height: 30px;
    position: relative;
cursor:pointer;
}
.rev-send-star-s:hover{
    color:var(--MainColor);
}
.emptyheart:before {
    position: absolute;
    content: '\e9d7';
}
.heart:before {
    position: absolute;
    content: '\e9d9';
}    /* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v49/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: "iconfont"; /* Project id 5059836 */
  src: url('//at.alicdn.com/t/c/font_5059836_nqfhdx7t7y.woff2?t=1765181293780') format('woff2'),
       url('//at.alicdn.com/t/c/font_5059836_nqfhdx7t7y.woff?t=1765181293780') format('woff'),
       url('//at.alicdn.com/t/c/font_5059836_nqfhdx7t7y.ttf?t=1765181293780') format('truetype');
}



.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-frown-fill:before {
  content: "\ebf0";
}

.icon-dizhi:before {
  content: "\e629";
}

.icon-instagram:before {
  content: "\e602";
}



.icon-xiaoxi:before {
  content: "\e681";
}

.icon-aixin_shixin:before {
  content: "\eca1";
}

.icon-aixin:before {
  content: "\eca2";
}

.icon-xiaoxi1:before {
  content: "\e60a";
}

.icon-dianhua:before {
  content: "\e729";
}

.icon-wenhao:before {
  content: "\e72d";
}

.icon-fenxiang-:before {
  content: "\e655";
}

.icon-shuxie:before {
  content: "\e619";
}

.icon-xiaolian3-mianxing:before {
  content: "\e6fe";
}

.icon-rili:before {
  content: "\e607";
}

.icon-youjian:before {
  content: "\e62f";
}

.icon-facebookfacebook52:before {
  content: "\e60c";
}

.icon-in:before {
  content: "\e64d";
}

.icon-youtube-fill:before {
  content: "\e6a7";
}

.icon-tuite:before {
  content: "\e90c";
}

.icon-paperPlane-fill:before {
  content: "\e6c1";
}

.icon-down:before {
  content: "\e615";
}

.icon-right:before {
  content: "\e613";
}

.icon-touxiang:before {
  content: "\e600";
}

.icon-down1:before {
  content: "\e610";
}

.icon-diqiu:before {
  content: "\e670";
}

.icon-sousuo:before {
  content: "\e628";
}



* {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

img {
  transition: all 0.3s;
  vertical-align: middle;
  width: 100%;
}

p {
  line-height: 24px;
  font-size: 16px;
  color: #4d4d4d;
}

u {
  text-decoration: none;
}

   .toast {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%) translateY(-20px);
      padding: 10px 18px;
      background: #fff;
      color: #333;
      border-radius: 14px;
      font-size: 15px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      opacity: 0;
      pointer-events: none;
      transition: all .35s cubic-bezier(.3, .6, .3, 1);
      z-index: 9999;
      letter-spacing: .2px;
    }

    .toast.show {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
    .username{
      display: none;
    }
input {
  outline: none;
  border: 0;
  width: 100%;
  padding-left: 12px;
  height: 100%;
  transition: all 0.3s;
  background-color: transparent;
}

textarea {
  outline: none;
  border: 0;
  padding: 12px;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  background-color: transparent;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}





.head {
  width: 100%;
  position: fixed;
  top: 0;
  transition: all 0.3s;
  z-index: 1111;
  height: 90px;
  background-color: #072239;
}

.head_jz {
  max-width: 1610px;
  width: 94%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 100%;
}


.fslogo {
  width: 200px;
}

.headDhex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  height: 100%;
  font-size: 18px;
}

.headDhexRight {
  width: calc(100% - 340px);
  display: flex;
  height: 100%;
  justify-content: space-between;
}

.soux {
  width: 40px;
  height: 40px;
  border: 1px solid #2b4659;
  border-radius: 5px;
  text-align: center;
  line-height: 42px;
}

.soux i {
  color: #fff;
  font-size: 21px;
}

.headDhexRightIcon {
  width: 355px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.headDhexRightLeft {
  width: calc(100% - 415px);
  height: 100%;
}

.xiaoxy {
  display: flex;
  padding: 8px 10px;
  border-radius: 5px;

  align-items: center;
  color: #fff;
  border: 1px solid #2b4659;
}

.Eng {
  margin: 0 8px;
  font-size: 18px;
}


.Login {
  display: flex;
  padding: 8px 30px;
  align-items: center;
  gap: 8px ;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s;
  background-color: #fff;
}

.Login i {
  font-size: 21px ;
  margin-right: 5px;
}


.inber {
  width: 100%;
  position: relative;
}

.AMxc {
  max-width: 1380px;
  width: 94%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.KNOWSw {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.txtw{
  width: calc(100% - 50px);
}

.EnterBox {
  width: 230px ;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
}


.Enter {
  padding: 8px 30px;
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #2b4659;
}
.Enter input{
    color: #fff;
  font-size: 14px;
}
.XCvn {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.Isxcvsou {
  margin-left: 20px;
}


.Isxcvsou i {
  font-size: 22px;
  color: #fff;
}




.Broker_jz {
  max-width: 1380px;
  width: 94%;
  margin: 110px auto;
}


.ImgLi {
  width: 88px;
}

.Broker_jzBox {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Rankingw {
  margin: 0 20px;
  font-size: 36px;
  font-weight: 700;
  color: #072239;
}


.heartAt {
  margin-top: 15px;
}

.BrokerJZXc {
  text-align: center;
}


.MBox {
  width: 30px;
}

.m2 {
  display: none;
}


.MBoxFlex {
  display: flex;
  width: 100%;
  height: 54px ;
  align-items: center;
  background-color: #e6e6e6;
  padding: 8px 0;
  justify-content: center;
}

.HRollx {
  font-size: 26px;
  font-weight: 700;
  color: #072239;
  margin-left: 15px;
}

.RollLeftW {
  display: flex;
  justify-content: space-between;
}


:root {
  --star-size: 20px;
  --star-color: #ccc;
  --star-checked: #ED1C24;
  --MainColor:#072239;
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  /* 让高分在左侧显示 */
  justify-content: center;
  gap: 5px;
}

.rating input {
  display: none;
}

.rating label {
  width: var(--star-size);
  height: var(--star-size);
  cursor: pointer;
  background: none;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%,
      68% 57%, 79% 91%, 50% 70%,
      21% 91%, 32% 57%, 2% 35%, 39% 35%);
  background-color: var(--star-color);
  transition: background-color 0.2s ease;
}

/* 选中后的颜色 */
.rating input:checked~label {
  background-color: var(--star-checked);
}

/* hover 时临时高亮 */
.rating label:hover,
.rating label:hover~label {
  background-color: var(--star-checked);
}



.AllDfex {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.AllDfexBox {
  background-color: #072239;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 10px;
}

.AllDfexBoxJe {
  display: flex;
  justify-content: center;
  margin-top: 47px;
}






.foot {
  width: 100%;
  background-color: #072239;
  padding: 60px 0 0 0;
}

.footJz {
  max-width: 1380px;
  width: 94%;
  margin: 0 auto;
}

.footLogo {
  width: 280px;
}

.youji {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background-color: #ffffff;
}


.youjiFekx {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 10px;
}

.youji i {
  font-size: 18px;
  color: #1e3259;
}

.footLogoFlex {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #31475a;
  justify-content: space-between;
}

.youjiFekxRsxc {
  display: flex;
  justify-content: right;
  width: calc(100% - 350px);
  align-items: center;
  gap: 40px;
}

.egiw {
  display: flex;
  align-items: center;
  gap: 20px;
}

.Licbnxv {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  background-color: #ffffff;
  color: #072239;
  font-size: 18px;
  border-radius: 30px;
}


.ountrw {
  color: #ffffff;
}


.sheix {
  display: flex;
  color: #ffffff;
  gap: 8px;

}

.sheix i {
  font-size: 21px;
}

.Expowe {
  display: flex;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  padding: 50px 0;
  justify-content: space-between;
}


.abidew p {
  color: #ffffff;
}


.abidew {
  padding-bottom: 40px;
  border-bottom: 1px solid #31475a;
}

.FXKNwe {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  font-size: 14px;
  color: #ffffff;
}

.itewe {
  display: flex;
  gap: 45px;
}


.Zhaowx{
    display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.Dollar{
  transition: all 0.3s ;
}


.AllDfexBox{
  transition: all 0.3s ;
  cursor: pointer;
}
.AllDfexBox:hover{
  transform: scale(0.95);
  opacity: 0.8;
}


.buc li:hover .bucImg img{
  transform: scale(1.1);
}

.buc li:hover .Dollar{
  color: #3366ff;
}


.main {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}



.mainJz {
  max-width: 1380px;
  width: 94%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.mainJz>div:not(:nth-child(even)) {
  margin: 0 5px;
}

.vasdHover {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}


.xianxxcc {
  position: relative;
  z-index: 1;
}

/* 主链接 */
.main-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  color: #0a2f62;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.main-link:hover {
  color: #1877f2;
}

/* 下拉容器 */
.erjic {
  position: absolute;
  top: 100%;
  left: -30px;
  min-width: 240px;
  max-height: 360px;
  /* 高度超出可滚动 */
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  border-radius: 9px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 20;
}

/* hover 展开 */
.vasdHover:hover .erjic {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* 子项样式 */
.ilos {
  border-bottom: 1px solid rgba(230, 230, 230, 0.6);
}

.ilos:last-child {
  border-bottom: none;
}

.ilos a {
  display: block;
  padding: 12px 20px;
  color: #1a1a1a;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
  font-size: 15px;
  background: #fff;
  border-radius: 6px;
  margin: 4px 10px;
}

/* 背景滑入光泽 */
.ilos a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #072239, #3366ff);
  transition: all 0.4s ease;
  z-index: 0;
  border-radius: 6px;
}

.ilos a:hover::before {
  left: 0;
}

/* hover 文字和浮动 */
.ilos a:hover {
  color: #fff;
  transform: translateX(6px) scale(1.02);
  box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.15);
}

/* 子项淡入动画 */
.erjic .ilos {
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.4s ease;
}

.vasdHover:hover .erjic .ilos {
  opacity: 1;
  transform: translateY(0);
}

/* 自动延迟子项入场（适配任意数量） */
.vasdHover:hover .erjic .ilos:nth-child(n) {
  transition-delay: calc((var(--i, 1) - 1) * 0.05s);
}

/* 滚动条美化 */
.erjic::-webkit-scrollbar {
  width: 6px;
}

.erjic::-webkit-scrollbar-thumb {
  background: rgba(18, 59, 143, 0.3);
  border-radius: 3px;
}

.erjic::-webkit-scrollbar-track {
  background: transparent;
}


.main{
  margin-top: 90px !important;
}

.wenzi{
  color: #333333;
}


.Jb1FlexUL1 .xibavb{
  background-color: #E6E6E6;
}
                                                                              




/* 全屏遮罩 */
.search-modal {
    position: fixed;
    inset: 0;
    background: rgba(15, 15, 15, 0.85); /* 深色半透明 */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -1111;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

/* 弹出状态 */
.search-modal.active {
    opacity: 1;
        z-index: 1111;
    pointer-events: auto;
}

/* 搜索框容器 */
.search-container {
    width: 85%;
    max-width: 650px;
    background: #1f1f1f; /* 深色容器 */
    padding: 22px 26px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 12px 28px rgba(0,0,0,0.4);
    transform: translateY(-20px);
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease;
}

/* 弹入动画 */
.search-modal.active .search-container {
    transform: translateY(0);
    opacity: 1;
}

.search-container input {
    flex: 1;
    padding: 14px 18px;
    font-size: 18px;
    border: none;
    border-radius: 12px;
    outline: none;
    background: rgba(40,40,40,0.9); /* 深色输入框 */
    color: #fff;
    box-shadow: inset 0 0 8px rgba(255,255,255,0.05);
}

.search-container input::placeholder {
    color: #aaa;
}

.close-search {
    cursor: pointer;
    font-size: 26px;
    color: #ccc;
    transition: color 0.3s ease, transform 0.2s ease;
}

.close-search:hover {
    color: #fff;
    transform: scale(1.1);
}

















.loginMasksPro {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.15));
  backdrop-filter: blur(0px) saturate(130%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1999;
  opacity: 0;
  pointer-events: none;
}

.loginMasksPro.show {
  opacity: 1;
  pointer-events: auto;
    transition: opacity .45s ease, backdrop-filter .45s ease;
  z-index: 1999;
    backdrop-filter: blur(10px) saturate(130%);
}


/* 登录层 */
.loginDeng,
.loginChe {
  width: 475px;
  padding: 32px 35px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 18px;
  box-shadow:
    0 15px 35px rgba(0, 0, 0, 0.20),
    0 0 0 1.2px rgba(255, 255, 255, 0.5) inset,
    0 0 18px rgba(255, 255, 255, 0.4) inset;
  backdrop-filter: blur(20px) saturate(180%);
  position: absolute;
  transform: translateY(25px) scale(0.92);
  opacity: 0;
  transition: all .45s cubic-bezier(.25, .8, .25, 1);
}

/* 默认显示登录 */
.loginMasksPro.show .loginDeng {
  z-index: 1999;
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* 注册隐藏 */
.loginChe {
  pointer-events: none;
}

/* 标题 */
.lkd {
  font-size: 22px;
  font-weight: 700;
  color: #072239;
}

/* 顶部 Tab */
.sswoFl {
  position: relative;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
  border-bottom: 1px solid #e1e1e1;
}

.sswoFl>div {
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  padding: 0 10px 8px;
  position: relative;
  transition: .25s;
}

.sswoFl>div::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  width: 0;
  height: 2px;
  background: #072239;
  border-radius: 2px;
  transition: all .35s ease;
  transform: translateX(-50%);
}

.sswoFl>div.active {
  color: #072239;
}

.sswoFl>div.active::after {
  width: 70%;
}

/* 输入整体 */
.PenteWrap {
  position: relative;
  min-height: 240px;
}

.PenteIntCode,
.PenteIntPassword {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: opacity .35s ease;
}

/* 密码登录 隐藏 */
.PenteIntPassword {
  opacity: 0;
  pointer-events: none;
}

.PenteInt {
  margin-top: 28px;
  display: grid;
  gap: 22px;
}

/* 输入框 */
.Pente,
.GetCode {
  width: 100%;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #d0d0d0;
  transition: border-color .25s, box-shadow .3s;
}

.Pente:has(input:focus),
.GetCode:has(input:focus) {
  border-color: transparent;
  box-shadow: 0 0 0 2px #072239 inset,
    0 0 10px rgba(7, 34, 57, 0.2);
}

/* 获取验证码按钮 */
.xovnCode {
  white-space: nowrap;
  padding-left: 10px;
  color: #072239;
  cursor: pointer;
  font-weight: 600;
  transition: .25s;
}

.xovnCode:hover {
  transform: translateX(3px);
  opacity: .8;
}

/* 登录按钮 */
.anniuDeng {
  width: 100%;
  height: 47px;
  background: linear-gradient(135deg, #072239, #0d3b63);
  text-align: center;
  margin-top: 22px;
  color: #fff;
  line-height: 47px;
  font-weight: 600;
  border-radius: 12px;
  cursor: pointer;
  transition: .3s;
}

.anniuDeng:hover {
  background: linear-gradient(135deg, #0b3153, #154a73);
  transform: translateY(-3px);
}

/* 同意协议 */
.xieYI {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.agrx {
  font-size: 14px;
  color: #888;
  margin-left: 12px;
}

.agrx span {
  color: #3366ff;
}

/* 底部文案 */
.yethave {
  font-size: 14px;
  color: #999;
  text-align: center;
  margin-top: 22px;
}

.yethave span {
  color: #3366ff;
  cursor: pointer;
}

/* Login 按钮 */
.Login:hover {
  filter: brightness(1.25);
  transform: translateY(-1px);
}


.zxbsd {
  width: 100%;
}

.loginDeng,
.loginChe {
  position: absolute;
  transition: opacity .35s ease;
}

/* 默认隐藏注册页面 */
.loginChe {
  opacity: 0;
  pointer-events: none;
}



.RenXLeftHei {
  transition: all 0.3s;
}

.vRenXul>li:hover .RenXLeftHei {
  background-color: #072239;
}

.vRenXul>li:hover p {
  color: #fff;
}


.vRenXul>li {
  cursor: pointer;
}

.vRenXul>li:hover .timex {
  background-color: #ffffff;
  color: #4d4d4d;
}


/* 更自然的淡入淡出 + 位移动画 */
.PenteIntCode,
.PenteIntPassword {
  opacity: 0;
  transform: translateY(10px);
  transition: all .35s ease;
}

.PenteIntCode {
  opacity: 1;
  transform: translateY(0px);
  pointer-events: auto;
}

.loginDeng,
.loginChe {
  transition: all .45s cubic-bezier(.25, .8, .25, 1);
  transform: translateY(20px) scale(.95);
}

/* 弹窗出现时从小变大 */
.loginMasksPro.show .loginDeng,
.loginMasksPro.show .loginChe {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.loginDeng,
.loginChe {
  transition: all .35s cubic-bezier(.25, .8, .25, 1);
}





.Risxw{
  cursor: pointer;
}









.kWarnBox {
  max-width: 800px;
  width: 94%;
  margin: 0 auto;
  padding: 50px 40px;
  background-color: #fff;
}

.Datab p {
  margin-top: 30px;
}

button{
    all: unset;
  cursor: pointer;
}

.xianshi{
  display: none;
}


.foot a:hover{
  text-decoration: underline;
}

.sheix a{
  text-decoration: none !important;
}





.kWarnBox {
  max-width: 800px;
  width: 94%;
  margin: 0 auto;
  padding: 50px 40px;
  background-color: #fff;
}

.Datab p {
  margin-top: 30px;
}


.richText *{
      padding: revert;
      margin: revert;
      list-style: revert;
}


.evalua_leftBox *{
      padding: revert;
      margin: revert;
      list-style: revert;
}



.yid{
  display: none;
}


.webnb{
  color: #4D4D4D;
  width: calc(100% - 50px);
          white-space: nowrap;
}

.Jb1we{
  width: calc(100% - 100px );
}



/* .zxcOf{
  background-color: #f0f0f0;
} */    .RollLeftWBox {
    margin-top: 50px;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: hidden;
}

.MBox1 {
    width: 27px;
}
.EnterBox input::placeholder {
  color: #fff;
}
.zxcOf {
    width: 133px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 89px ;
    border-radius: 8px ;
    overflow: hidden;
    padding-top: 12px ;
    border: 1px solid #f5f5f5;
}

.zxcOf img {
    width: 100%;
    height: 100% ;
    object-fit: contain;
}

.tag-flal{
    width: 98px;
    padding: 2px 10px;
    background-color: #2cb250;
    color: #fff;
    white-space: nowrap;
    left: 0;
    position: absolute;
    top: 0;
    font-size: 14px;
    border-radius: 10px 0 10px 0;
}



/* .Jb1FlexUL1 .zxcOf::after {
    width: 98px;
    content: 'Risk Brokers';
    padding: 2px 10px;
    background-color: #4d4d4d;

} */

.Jb1 {
    width: 50px;
    position: relative;
}

.shuzi {
    font-size: 24px;
    position: absolute;
    font-weight: 700;
    left: 50%;
    color: #333333;
    transform: translateX(-50%);
    top: 1px;
}

.guoqi {
    width: 30px;
}

.Jb1we {
    align-items: center;
    display: flex;
    gap: 20px;
}

.Britw {
    display: flex;
    margin: 7px 0;
    gap: 10px;
}

.Yearw>div {
    padding: 0 12px;
    font-size: 14px;
    color: #4d4d4d;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
}

.Yearw {
    display: flex;
    gap: 10px;
}

.Fxcv {
    font-size: 21px;
    font-weight: 700;
    color: #072239;
}

.Jb1FlexUL {
    width: 50%;
}

.Jb1Flex {
    padding: 0 25px;
    display: flex;
    height: 139px ;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #f5f5f5;
}

.Jb1Flex>a{
    display: flex;
    align-items: center;
    width: 100% ;
    justify-content: space-between;
}

.xnvO {
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    position: relative;
    color: #333333;
}

.wenzi {
    position: relative;
    z-index: 11;
    width: 55px ;
    margin: 0 auto;
    text-align: center;
}

.xibavb {
    width: 60px;
    height: 8px;
    border-radius: 5px;
    z-index: 1;
    background-color: #ffcc3b;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px;
}

.rating {
    margin-top: 5px;
}


/* .Jb2 {
    height: 51px;
    line-height: 51px;
    background-color: #fffbeb;
} */


.Jb1FlexUL>li:not(:nth-child(-n + 4)) .Jb1 {
   height: 51px;
    line-height: 51px;
    background-color: #fffbeb;
}

.Jb1FlexUL1>li:not(:nth-child(-n + 4)) .Jb1 {
    background-color: #f8f8f8;
}

.Jb1FlexULFlexwewe {
    display: flex;
    justify-content: space-between;
}

.Jb1FlexUL1 .shuzi {
    color: #fff;
}



.Jb1FlexUL1 .Jb2 .shuzi {
    color: #333333;
}


.Jb1Flex {
    transition: all 0.3s ease;
    cursor: pointer;
}

.Jb1FlexUL .Jb1Flex:hover {
    background: linear-gradient(to top, #fff9e1, #ffffff);
}


.Jb1FlexUL1 .Jb1Flex:hover {
    background: linear-gradient(to top, #f0f0f0, #ffffff);
}


.nform {
    width: 100%;
    padding: 75px 0 120px 0;
    position: relative;
    background-color: #f5f5f5;
}



.nform_jz {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
}

.Nxcv {
    font-size: 36px;
    font-weight: 700;
    color: #072239;
    margin: 10px 0;
}


.IndustryFlex>div {
    transition: all 0.3s;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 18px;
    color: #4d4d4d;
}

.IndustryFlex {
    display: flex;
    gap: 20px;
}


.NewsInfo {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.buc {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}


.buc {
    margin-top: 50px;
}


.Upoct {
    font-size: 16px;
    padding: 5px 20px;
    color: #fff;
    display: inline-block;
    border-radius: 13px 0 13px 0;
    background-color: #3366ff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.bucImg {
    position: relative;
    border-radius: 13px;
    overflow: hidden;
}

.Dollar {
    margin: 20px 0;
    font-size: 21px;
    font-weight: 700;
}

.IndustryFlex>div:hover {
    background-color: #3366ff;
    color: #fff !important;
    cursor: pointer;
}



.findsd {
    max-width: 1200px;
    width: 94%;
    padding: 30px 50px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #072239;

}

.tofi {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.latesw {
    color: #fff;
    margin-top: 15px;
}

.AllDfexLXC .AllDfexBox {
    background-color: #ffffff;
}

.AllDfexLXC .AllDfex {
    color: #072239;
}


.Realtime {
    max-width: 1380px;
    width: 94%;
    margin: 160px auto 110px auto;
}

.Xcmv {
    font-size: 18px;
    font-weight: 500;
    color: #1a1a1a;
}

.apple {
    display: flex;
    align-items: center;
    gap: 20px;
    
}

.LExc {
    width: 48px;
}


.Xcmv {
    margin: 20px 0;
}



.Pnl {
    font-size: 18px;
}



.appleFlex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 50px;
}


.Q1left {
    width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* justify-content: space-between; */
}

.Q1right {
    width: calc(100% - 180px);
}


.onfow {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    color: #089981;
    background-color: #E7F9F2;
    padding:0px 10px;
    border-radius: 3px;
    
}
.PnlFe.red .onfow {
    background-color: #FDE8E9;
    color: #ED1C24;
}
.Pnl span {
    color: #089981;
    font-size: 18px;
    font-weight: 500;
    margin-left: 20px;
}
.PnlFe.red .Pnl span {
    color: #ED1C24;
}
.PnlFe{
    display: flex;
    gap: 10px ;
    margin-top: 10px ;
}

.Q1leftFlex{
    display: flex;
}
.onfow i {
    margin-right: 5px;
}

.appleFlexLi {
    padding: 30px;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.Pnl1 span {
    color: #ed1c24;
}

.onfow1 {
    color: #ed1c24;
}

.artin {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
}

.timex {
    font-size: 14px;
    color: #fff;
    background-color: #3366ff;
    padding: 2px 10px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
}

.vRenXul>li {
    width: 49%;
}
.ovazyya{
      display: -webkit-box;           /* 关键属性1 */
  -webkit-box-orient: vertical;   /* 关键属性2 */
  -webkit-line-clamp: 3;          /* 显示行数 */
  overflow: hidden;               /* 超出隐藏 */
  text-overflow: ellipsis;        /* 省略号 */
  word-break: break-word;         /* 长单词换行 */
  /* 可选：防止中文换行问题 */
  overflow-wrap: break-word;
}
.vRenXul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 160px;
}

.RenXLeft {
    width: 179px;
    position: relative;
}

.RenXLeft>div {
    position: absolute;
    top: -105px;
    overflow: hidden;
    border-radius: 12px ;
}

.RenXLeftHei {
    height: 161px;
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.ofiawe {
    position: relative;
    width: calc(100% - 200px);
}

.rtinee {
    position: absolute;
    font-size: 21px;
    font-weight: 700;
    top: -60px;
}


.vRenXul li:not(:nth-child(1)):not(:nth-child(2)) {
    margin-top: 140px;
}

.HzImg {
    width: 200px;
    height: 104px;
    display: flex;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    align-items: center;
    justify-content: center;
}

.HzImgLeft {
    display: flex;
    gap: 30px;
}

.HzImg img {
    width: 100px ;
}


.huoqiwe {
    display: flex;
    gap: 20px;
    color: #4d4d4d;
    align-items: center;
}

.huoqiwe img {
    width: 35px;
}

.wenziw {
    display: flex;
    gap: 20px;
    align-items: end;
}

.huoqiweFlex {
    display: flex;
    gap: 30px;
}

.xvbzxc {
    font-size: 14px;
}


.ecuritiewe {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.uxcvhUl {
    margin-top: 50px;
}


.jkzxcvb_xc {
    font-size: 21px;
    font-weight: 700;
    color: #072239;
}

.Asfl {
    font-size: 38px;
    font-weight: 700;
    color: #ed1c24;
}

.Uxbb {
    color: #4d4d4d;
}

.AsflFS {
    text-align: center;
}

.LUIcv>a{
    padding: 20px 50px;
    border: 1px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ;
    border-radius: 10px;
    align-items: center;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.LUIcv>a:hover{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.LUIcv>a:hover .jkzxcvb_xc{
    color: #3366ff;
}

.uxcvhUl {
    display: flex;
    flex-direction: column;
    gap: 30px;
}



.artne {
    width: 100%;
    padding: 110px 0;
    background-color: #f5fbff;
}


.artne_jz {
    max-width: 1380px;
    width: 94%;
    margin: 0 auto;
    position: relative;
}


/* .artne_jz{
    background-image: url(/img/ng.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
} */


.Mxce {
    padding: 0 20px;
    background-image: url(/templates/Web/en/images/FBx.png);
    background-size: cover;
    color: #ffffff;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    height: 27px;
    line-height: 27px;
    left: 0;
    top: -10px;
}




.Jb1FlexULFlexwewe>ul:nth-child(1) .MBoxFlex{
    background-color: #fed734;
}

.BitRUL {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.BitR {
    height: 90px;
    position: relative;
    border-radius: 15px;
    background-color: #ffffff;
    line-height: 90px;
    text-align: center;
    transition: all 0.3s;
}

.Ekxjv {
    font-size: 21px;
    font-weight: 700;
    margin-top: 8px;
    color: #1a1a1a;
}


.BitR:hover {
    background-color: #072239;
}

.BitR:hover .Ekxjv {
    color: #fff;
}










    .evalua {
    width: 100%;
    padding: 110px 0;
    background-color: #f5f5f5;
}


.Ixnv {
    display: flex;
    height: 42px;
    padding-left: 10px;
    border-radius: 8px;
    align-items: center;
    background-color: #072239;
}


.evalua_left {
    width: calc(100% - 345px);
}


.ibxzcXc {
    padding: 15px;
    border-radius: 8px;
    background-color: #f5fbff;
    border: 1px solid #d8e5ff;
}

.count-f{
    margin-top: 15px;
    color: #072239; 
    display: flex;
    gap: 10px;
}
.cuntry{
    font-size: 20px;
    font-weight: bold;
}
.counttt{
        font-size: 20px;
}
.evalua_right {
   position: sticky;
   top: 80px ;
    width: 320px;

}

.FXCMFw{
    width: calc(100% - 160px);
}

.eviEx {
    padding: 20px 10px;
    border-radius: 8px;
    border: 1px solid #d0d0d0;
    background-color: #fff;
}

.eviEx a:hover{
    color: #3366ff;
  
}

.evalua_jz {
    max-width: 1380px;
    width: 94%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: self-start;
}

.Ixnv i {
    color: #fff;
}

.incbocx {
    width: 100%;
    height: 100%;
}

.incbocx input {
    color: #ffff;
}


.fairw {
    margin-top: 8px;
}


.Jb1Flex {
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.Jb1FlexUl {
    margin-top: 30px;
    display: grid;
    gap: 20px;
}



.bucLeft {
    width: 110px;
    border-radius: 8px;
    overflow: hidden;
}


.Dig {
    display: flex;
    gap: 15px;
}

.naScamly{
      display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 限制 3 行 */
  overflow: hidden;
  text-overflow: ellipsis;

}
.saoxTakecv {
    width: calc(100% - 125px);
      display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制 3 行 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.Dig{
        align-items: flex-start;
}

.DigLi {
    padding: 15px 0;
}

.DigLiUl .DigLi:not(:last-child) {
    border-bottom: 1px solid #d0d0d0;
}

.Hxcv {
    font-size: 18px;
    font-weight: 700;
    color: #072239;
}

.sonPXc {
    font-size: 21px;
    font-weight: 700;
    color: #072239;
}

.naScamly {
    margin: 20px 0;
}



.IXNcl {
    padding: 25px;
     border-radius: 15px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
}

.osurwe>div {
    padding: 0 30px;
    font-size: 14px;
    color: #4d4d4d;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
}

.osurwe {
    display: flex;
    gap: 20px;
}


.osurwe span {
    font-weight: 500;
    margin-left: 15px;
    color: #3366ff;
}


.IXNclRight {
    width: 331px;
    border-radius: 15px;
    overflow: hidden;
}


.IXNclLeft {
    width: calc(100% - 360px);
}

.IXNcl>a{
    display: flex;
   
    justify-content: space-between;
}


.IXNclULxc {
    display: grid;
    gap: 30px;
}

body {
    background-color: #f5f5f5;
}

.bucVoxLeft {
    border-radius: 13px ;
    width: 437px;
    overflow: hidden;
    position: relative;
}
.bucVox:hover .ystew{
    color: #3366FF;
}

.bucVox:hover .bucVoxLeft img{
    transform: scale(1.1);
} 
.bucVoxRight {
    width: calc(100% - 460px);
}

.bucVox {
    display: flex;
    padding: 25px;
    border: 1px solid #d0d0d0;
    border-radius: 8px;
    background-color: #fff;
    justify-content: space-between;
}

.axhc {
    border: 1px solid #dcdcdc;
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 3px;
}


.ystew {
    font-size: 21px;
    font-weight: 700;
    color: #072239;
}
.Next{
       display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示 3 行 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.recentwe {
    margin: 20px 0;
      display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 限制显示 3 行 */
  overflow: hidden;
  text-overflow: ellipsis;
}


.axhcFlex {
    display: flex;
    margin-top: 37px;
    align-items: end;
    justify-content: space-between;
}



.Jul {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4d4d4d;
}

.naxcov {
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #d0d0d0;
}


.adokv {
    color: #072239;
    font-size: 36px;
    font-weight: 700;
}

.JulBox {
    display: flex;
    gap: 30px;
    margin-top: 20px;
}



.Jul i {
    font-size: 21px ;
    color: #3366ff;
}

.richText {
    margin-top: 20px;
}





.KSdLEdtFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.KSdLEdt {
    width: 45%;
    display: flex;
    justify-content: space-between;
}

.xiAn {
    width: 1px;
    height: 78px;
    background-color: #ececec;
}

.KSd {
    width: 125px;
}

.KSdRight {
    width: calc(100% - 145px);
}

.rev {
    font-size: 16px;
    font-weight: 700;
}

.rev {
    display: flex;
    align-items: center;
}

.rightLeft {
    transform: rotate(180deg);
    margin-top: 5px;
}

.Prev {
    margin-left: 8px;
}

.Next {
    margin-top: 10px;
}

.KSdRight1w {
    text-align: right;
}

.v1wrev {
    justify-content: right;
}


.Yscm {
    max-width: 1380px;
    width: 94%;
    margin: 110px auto;
    margin-bottom: 0;
}


.Lxicv {
    font-size: 36px;
    font-weight: 700;
    color: #072239;
}


.ixzvnxc {
    display: flex;
    gap: 20px;
}

.ixcvkl {
    margin-top: 40px;
    display: grid;
    gap: 30px ;
}

.ixzvnxc>div {
    padding: 4px 20px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 30px;

}

.ixzvnxc .selnavc{
    background-color: var(--MainColor);
    color: #fff;
}

.ixzvnxc>div:hover {
    font-weight: 700;
    background-color: #3366ff;
    color: #fff;
}

.eviEx1we {
    margin-top: 28px;
}

.IXNclULxc {
    margin-top: 40px;
}


.FXKNOwe {
    display: flex;
}

.Victim {
    padding: 30px 20px;
    background-color: #fff;
}

.Scamwe {
    font-size: 36px;
    font-weight: 700;
    color: #072239;
}



.FXKNOweFlex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}


.FXKNOwe i {
    font-size: 18px;
    margin-right: 15px;
    color: #3366ff;
}



.Typewe {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}

.Typewe>div {
    padding: 2px 15px;
    border-radius: 8px;
    font-size: 14px;
    border: 1px solid #d0d0d0;
}


.Typewe span {
    font-weight: 500;
    margin-left: 8px;
    color: #3366ff;
}

.Renxul{
    display: grid;
    gap: 20px ;
}

.Renxul li {
    padding: 33px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.rexcv {
    width: 178px;
}


.rexcvLi {
    border-radius: 8px ;
    display: flex;
    justify-content: space-between;
}.rexcvLi {
    border-radius: 10px;
    padding: 40px;
    width: 100%;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    
}

.rexcvLi2 table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;table-layout: fixed;
 border:1px solid #e2e2e2;
        }
   

     
.rexcvLi2 ul{ font-size: 16px; line-height:2em;}  
.rexcvLi2 p{ font-size: 16px; line-height:2em;}   
.rexcvLi2 ol{ font-size: 16px; line-height:1.5em;} 
.rexcvLi2 li{ font-size: 16px; line-height:1.5em;}  
.rexcvLi2 h3{ font-size: 18px; line-height:3em;} 
.rexcvLi2 h2{ color: #072239;font-size: 24px;  line-height:3em;font-weight:800}/* 表格基本样式 */

/* 表头样式 */
.rexcvLi2 th {
    background-color:#072239; /* 表头背景色 */
    color: white; /* 表头文字颜色 */
    padding: 3px 5px; /* 添加内边距 */
    text-align: left; /* 文字左对齐 */ font-weight: bold;    text-align: center;text-overflow: ellipsis;overflow: hidden;
}

/* 表格单元格样式 */
.rexcvLi2 td {
    padding: 3px 5px; /* 添加内边距 */     
    border: 1px solid #ddd; /* 边框颜色 */    text-align: center;text-overflow: ellipsis;overflow: hidden;
}

/* 表格行交替颜色 */
.rexcvLi2 tr:nth-child(even) {
    background-color: #f2f2f2; /* 偶数行背景色 */
}

/* 表格行悬停效果 */
.rexcvLi2 tr:hover {
    background-color: #ddd; /* 鼠标悬停时的背景色 */
}


.rexcvRight {
    width: calc(100% - 210px);
}


.Smwo {
    font-size: 36px;
    font-weight: 700;
    color: #072239;
}


.reneuwe {
    display: flex;
    gap: 15px;
    align-items: center;
}

.reneuwe img {
    width: 25px;
}


.recti {
    display: flex;
    gap: 20px;
    margin-top: 33px;
}

.recti>div {
    padding: 5px 20px;
    color: #4d4d4d;
    border-radius: 5px ;
    border: 1px solid #d3d3d3;
    background-color: #f5f5f5;
}

.reneuweBox {
    margin-top: 30px;
    display: grid;
    gap: 20px;
}    @font-face {
  font-family: "iconfont"; /* Project id 5080407 */
  src: url('//at.alicdn.com/t/c/font_5080407_5l4gl82s0uf.woff2?t=1764812826192') format('woff2'),
       url('//at.alicdn.com/t/c/font_5080407_5l4gl82s0uf.woff?t=1764812826192') format('woff'),
       url('//at.alicdn.com/t/c/font_5080407_5l4gl82s0uf.ttf?t=1764812826192') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gou1:before {
  content: "\e63b";
}

.icon-gou:before {
  content: "\e867";
}



.fxikxc {
    max-width: 1380px;
    width: 94%;
    margin: 110px auto;
}



.zxcWE_flex {
    position: relative;
    height: 160px;
    display: flex;
    align-items: center;
    border: 1px solid #bebebe;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
}

.MOXZFR {
    position: absolute;
    top: 0;
    border-radius: 0 0 20px 0;
    left: 0;
    background-color: #2cb250;
    padding: 5px 15px;
    color: #fff;
}




body {
    background-color: #f5f5f5;
}


.fxikxcBox {
    background-color: #fff;
    padding: 30px;
}

.zxcWE_flex img {
    width: 60%;
}


.fenwe i {
    color: #3366ff;
    font-size: 24px;
}



.fenwe>div {
    text-align: center;
    width: 50%;
    padding: 15px 0;
    border-radius: 10px;
    border: 1px solid #bebebe;
}


.fenwe {
    display: flex;
    gap: 15px;
    margin-top: 15px;
    justify-content: space-between;
}

.mxcnb {
    color: #4d4d4d;
    margin-top: 5px;
}

.fxikxcBox {
    display: flex;

    gap: 30px;
}

.guoqi {
    width: 30px;
}

.Fxlcf {
    font-size: 36px;
    font-weight: 700;
    color: #072239;
}

.ritaiFex {
    display: flex;
    gap: 20px;
    margin: 10px 0;
    color: #4d4d4d;
    align-items: center;
}

.FCdAFs {
    display: flex;
    color: #4d4d4d;
    gap: 20px;
    align-items: center;
}

.xnvOFelx {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 15px;
}

.Websw {
    padding: 15px 35px;
    background-color: #f5fbff;
    border-radius: 15px;
    border: 1px solid #d7e4ff;
    display: grid;
    gap: 10px;
    margin-top: 15px;
}

.zlkxv {
    font-size: 14px;
}

.zxvUIFx {
    display: grid;
    justify-content: space-between;
}


.sghux {
    border: 1px solid #d7e4ff;
    border-radius: 15px;

}

.sghux img {
    width: 94%;
}

.wenhaoFLex {
    display: flex;
    gap: 15px;
}


.GPxc {
    display: flex;
    align-items: center;
    gap: 20px;
}


.wenhaoFLex {
    color: #4d4d4d;
    font-size: 14px;
}

.radhv {
    font-size: 14px;
    color: #4d4d4d;
}

.daA {
    font-size: 32px;
    font-weight: 700;
    color: #ed1c24;
}

.MT4we {
    font-size: 32px;
    font-weight: 700;
    color: #072239;
    display: none;
}

.MT4we {
    color: #072239;
}

.zzxcv {
    display: grid;
    padding: 0 20px;
    align-items: center;
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    border-radius: 15px;
    overflow: hidden;
}


.fasdcv {
    font-size: 14px;
}

.zzxcv>div {
    display: grid;
    gap: 15px;
}

.fasdcv {
    padding: 8px 40px;
    color: #fff;
    border-radius: 10px;

    background-color: #373c43;
}
.Pinlin{
    scroll-margin-top: calc(60px + 30px);
}


.zzxcvFlex .zzxcv {
    height: 50%;
}

.zzxcvFlex {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* align-items: center; */
}

.BInfov {
    font-size: 21px;
    font-weight: 700;
    color: #072239;
}


.Basi_right {
    width: 330px;
    position: sticky;
    top: 80px ;
}

.Basi_left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc(100% - 360px);
}

.Basi_box {
    border-radius: 10px;
    padding: 40px;
    width: 100%;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    
}

.fxikxcBox>div{
    width: 25% ;
}


.Basi_box table {
            width: 100%;
            border-collapse: collapse;
           
        }
   

     
.Basi_box:not(:nth-child(1)) *{
     padding: revert;
        margin: revert;
        list-style: revert;
}


.Basi_box h3{ font-size: 18px; line-height:3em;} 
.Basi_box h2{ color: #072239;font-size: 24px;  line-height:3em;font-weight:800}/* 表格基本样式 */



/* 表格单元格样式 */
.Basi_box td {
      
    border: 1px solid #ddd; /* 边框颜色 */    text-align: center;text-overflow: ellipsis;overflow: hidden;
}

/* 表格行交替颜色 */
.Basi_box tr:nth-child(even) {
    background-color: #f2f2f2; /* 偶数行背景色 */
}

/* 表格行悬停效果 */
.Basi_box tr:hover {
    background-color: #ddd; /* 鼠标悬停时的背景色 */
}



.table{
    margin: 0 !important;
}





.Basi {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.RIxhcRight>div{
    width: 100%;
    /* display: flex;
    gap: 20px ; */
}

.RIxhcwe {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.RIxhcLeft {
    color: #4d4d4d;
    width: 15%;
}

.RIxhcRight {
    width: 82%;
}

.liDOmnw {
    display: flex;
    justify-content: space-between;
}

.RIxhcRight {
    display: flex;
    color: #072239;
    gap: 35px;
    flex-wrap: wrap;
}

.Hzxc {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
}


.Hzxc img {
    width: 60%;

}


.LicenFwe {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    border: 1px solid #d9d9d9;
}

.Linvx {
    font-size: 18px;
    font-weight: 700;
    color: #072239;
}




.HzxcPidd {
    padding: 15px 0;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
}


.Regulatedwe {
    display: flex;
    cursor: pointer;
    gap: 8px;
}

.Basi_box td{
    padding: 15px !important;
    color: #4d4d4d;
}

.asd {
    color: #4d4d4d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    /* 显示行数 */
    overflow: hidden;
}

.regYsxc {
    width: calc(100% - 80px);
}

.reg {
    padding: 2px 10px;
    border: 1px solid #d7e4ff;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    border-radius: 5px;
    background-color: #f5fbff;
}


.HzxcPidd:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
}



.BritFlex {
    display: flex;
    color: #072239;
    align-items: center;
    width: auto !important;
    flex-wrap: wrap;
    gap: 15px;
}

.guoqi {
    font-size: 0;
}

.sheix1we i {
    color: #1e3259;
}




.RIxhcRight i {
    color: #1e3259;
}

.Faq {
    margin: 110px auto;
}

.does {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    font-size: 21px;
    transition: all 0.5s;
    font-weight: 700;
    color: #072239;
}

.Faqul {
    margin-top: 50px;
    display: grid;
    gap: 20px;
}


.Faqul li {
    border-radius: 13px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d8d8d8;


}

.radiwe p {
    padding: 30px;
}

.radiwe {
    transition: all 0.5s;
    height: 0;
    overflow: hidden;
}

.Idown {
    transition: all 0.3s;
}








.Ratiwe {
    max-width: 600px;
    width: 94%;
    padding: 30px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #ffffff;
}

.uzxc {
    font-size: 18px;
    font-weight: 700;
    color: #072239;
}


.Abox {
    width: 80px;
    height: 27px;
    border-radius: 5px;
    text-align: center;
    line-height: 27px;
    font-weight: 700;
    display: inline-block;
    background-color: #2cb250;
    color: #fff;
}

.Rxic {
    font-size: 16px;
    font-weight: 700;
}

.AboxFlex {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #f4f4f4;
}

.AboxRight {
    width: calc(100% - 100px);
}

.AboxFlexUl {
    margin-top: 30px;
}

.authorw {
    margin-top: 10px;
}


.AboxFlexUl .AboxFlex:not(:nth-child(1)) {
    margin-top: 15px;
}

.AboxAA {
    background-color: #80e094;
}
.AboxAA {
    background-color:#2ea121;
}
.AboxA {
    background-color: #f2e110;
}


.AboxB {
    background-color: #ff8800;
}

.AboxC {
    background-color: #f76964;
}




.AboxD {
    background-color: #373c43;
}






























.IndexRat {
    max-width: 1200px;
    width: 94%;
    display: flex;
    justify-content: space-between;
    background-color: #f5f5f5;
}


.zxcwe {
    width: 64px;
    height: 44px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.IndexRatLeft {
    width: 361px;
    padding: 40px;
    background-color: #072239;
}

.zxcwe img {
    width: 80%;
}

.zxcFlex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.Opxc {
    padding: 2px 8px;
    background-color: #2cb250;
    color: #fff;
    font-size: 14px;
    margin-top: 3px;
    border-radius: 3px;
}

.zxcFlex {
    margin-top: 60px;
}

.ixnmv {
    font-size: 18px;
    font-weight: 700;
}

.mrxc {
    margin-top: 60px;
}

.nxzc {
    color: #fff;
    font-size: 18px;
}

.ixnmv {
    color: #fff;
}

.mrxc .label-title {
    color: #ffffff !important;
}

.mrxc .label-value {
    color: #ffffff !important;
}

.mrxc .label-5 {
    top: 49px;
    left: -20px;
}

.mrxc .label-2 {
    top: 49px;
    right: 3px;
}

.rcemenwe {
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 100px;
}

.IndexRatRight {
    padding: 25px;
    background-color: #f5f5f5;
}

.Envirowe {
    font-size: 16px;
    font-weight: 700;
    color: #072239;
}

.legwe {
    margin-top: 10px;
}

.perienLi {
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #c7c7c7;
    background-color: #ffffff;
}

.IndexRatRight>ul {
    display: grid;
    gap: 20px;
}

.Hzbox {
    width: 170px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cecece;
    border-radius: 10px;
}

.Hzbox img {
    width: 40%;
}

.Austbox {
    max-width: 1000px;
    width: 94%;
    overflow-y: auto;
    height: 700px;
    border-radius: 15px;
    border: 1px solid #c7c7c7;
    padding: 20px;
    background-color: #f5f5f5;
}

.AustboxBox {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #c7c7c7;
}


.HzboxRight {
    width: calc(100% - 190px);
}

.curitiewe p {
    font-size: 14px;
}

.HzboxFlex {
    display: flex;
    justify-content: space-between;
}

.misswe {
    font-size: 21px;
    font-weight: 700;
    color: #072239;
}

.curitiewe {
    margin-top: 20px;
}

.Csrt {
    font-size: 16px;
    font-weight: 700;
    color: #072239;
}

.Csrt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.Reg {
    padding: 5px 15px;
    margin-top: 5px;
    border: 1px solid #d8e3ff;
    display: inline-block;
    background-color: #f5fbff;
}


.RegFlex {
    margin-top: 50px;
}

.huxc {
    width: 30px;
}

.RegFlex {
    display: flex;
    flex-wrap: wrap;
    /* display: grid;
    grid-template-columns: repeat(3, 1fr); */
    justify-content: space-between;
    gap: 20px ;
    padding-bottom: 40px;
    border-bottom: 1px solid #f0f0f0;
}




.RegFlex1 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 50px;
}





.ustrawe {
    display: flex;
    align-items: center;
    gap: 20px;
}


.RegFlex>li div:nth-child(2) {
    color: #4d4d4d;
}

#chartContainer {
    position: relative;
    cursor: pointer;
    width: 305px;
    height: 200px;
}

#radarChart1 {
    width: 100%;
    height: 100%;
}

#radarChart2 {
    width: 100%;
    height: 100%;
}

/* 中心大数字 */
#averageLabel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    pointer-events: none;
}

/* 统一标签样式 */
.radar-label {
    position: absolute;
    text-align: center;
    font-size: 12px;
    color: #3366ff;
    font-weight: bold;
}

.radar-label .label-title {
    color: #4d4d4d;
    font-size: 14px;
}

.radar-label .label-value {
    font-size: 18px;
    font-weight: 800;
    color: #3366ff;
}

.ixcRating {
    padding: 20px 0 0 20px;
    font-size: 14px;
    color: #4d4d4d;
}

/* 5 个标签的位置（与你图的布局相匹配） */
.label-1 {
    top: 6px;
    left: 71px;
    display: flex;
    padding: 0 10px;
    background-color: #3366ff;
    border-radius: 20px;
    align-items: center;
    gap: 10px;
}


.label-1 .label-title {
    color: #fff;
}

.label-1 .label-value {
    color: #fff;
}

/* 上 */
.label-2 {
    top: 54px;
    right: 15px;
}

/* 右上 */
.label-3 {
    bottom: -1px;
    right: 10px;
}

/* 右下 */
.label-4 {
    bottom: -1px;
    left: 10px;
}

/* 左下 */
.label-5 {
    top: 54px;
    left: 5px;
}
.successd{
    position: fixed;
    top:200px;
    left:calc(50% - 163px);
    border:1px solid #E1F3D8;
    background-color: #F0F9EB;
    border-radius: 5px;
    padding:12px 20px;
    display: none;
    transition: all 1s ease 0s;
    z-index: 99;
}
#copydqurl{
    cursor: pointer;
}
.succ-in{
    display: flex;
    gap:10px;
}
.succ-ico{
    color: #67C23A;
    font-size: 18px;
}
.succ-t{
    color: #67C23A;
    font-size: 14px;
}
.succ-t{
    margin-top: 3px;
}       @media screen and (max-width:1440px) {
    .headDhexRightLeft {
        width: calc(100% - 400px);
    }
}

@media screen and (max-width:850px) {

    .page-numf {
        flex-wrap: wrap;
    }


    .head {
        display: none;
    }

    .KNOWSw {
        font-size: 28px;
    }

    .Broker_jz {
        margin: 60px auto;
    }

    .shuzi {
        font-size: 16px;
    }

    .Rankingw {
        font-size: 22px;
    }

    .ImgLi {
        display: none;
    }

    .Q1leftFlex {
        flex-direction: column-reverse;
    }

    .Q1right {
        width: 100%;
    }

    p {
        font-size: 14px;
    }

    .HRollx {
        font-size: 21px;
    }

    .RollLeftWBox {
        margin-top: 30px;
    }


    .Jb1FlexULFlexwewe {
        flex-direction: column;
    }
.zxcOf{
    width: 110px ;
}
    .Jb1FlexUL {
        width: 100%;
    }
.Britw{
    align-items: center;
}
.evalua .FXCMFw{
        width: calc(100% - 120px);
}
.webnb{
        white-space: wrap;
}
    .Jb1Flex {
        padding: 16px;
        height: auto;
    }
    .FXCMFw{
        width: calc(100% - 200px );
    }
    .zxcOf::after {
        width: 71px;
        font-size: 12px;
    }

    .Fxcv {
        font-size: 18px;
    }

    .findsd {
        position: static;
        text-align: center;
        transform: none;
        align-items: baseline;
        margin-top: 30px;
        padding: 15px 30px;
        flex-direction: column;
    }

    .nform {
        padding: 60px 0;
    }

    .AllDfexLXC {
        margin: 0 auto;
        margin-top: 20px;
    }

    .AllDfexBox {
        margin-top: 20px;
    }

    .tofi {
        font-size: 26px;
    }

    .Upoct {
        font-size: 14px;
    }

    .buc {
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
    }

    .Nxcv {
        font-size: 26px;
    }

    .NewsInfo {
        align-items: baseline;
        flex-direction: column;
    }

    .Dollar {
        font-size: 18px;
        margin: 15px 0;
    }

    .vRenXul>li {
        width: 100%;
    }

    .IndustryFlex {
        flex-wrap: wrap;
    }

    .Realtime {
        margin: 60px auto 60px auto;
    }

    .RenXLeftHei {
        width: 100%;
        height: auto;
    }

    .RenXLeft>div {
        position: static;
    }

    .vRenXul {
        flex-direction: column;
        margin-top: 60px;
    }

    .xibavb {
        left: 0;
        transform: none;
    }

    .wenzi {
        margin: 0;
    }

    .rating {
                justify-content: left;
    }

    .yid {
        display: block;
        margin-top: 10px;
    }

    .pc {
        display: none;
    }

    .rtinee {
        position: static;
        margin: 20px 0 10px 0;
    }

    .Xcmv {
        margin: 10px 0;
    }

    .timex {
        margin-top: 15px;
    }

    .appleFlex {
        grid-template-columns: repeat(1, 1fr);
    }

    .apple {
        align-items: center;
    }

    .appleFlex {
        margin-top: 30px;
    }

    .vRenXul li:not(:nth-child(1)) {
        margin-top: 20px;
    }

    .jkzxcvb_xc {
        font-size: 18px;
    }

    .AsflFS {
        display: none;
    }

    .AsflFS1 {
        display: block;
    }

    .foot {
        padding: 30px 0 0 0;
    }

    .huoqiweFlex {
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .sheix {
        width: 100%;
        margin-top: 20px;
    }



    .huoqiweFlex {
        gap: 20px;
    }

    .ixzvnxc {
        flex-wrap: wrap;
        gap: 8px;
    }

    .ixzvnxc>div {
        width: 100%;
    }

    .main {
        margin-top: 60px !important;
    }
.Jb1we{
    gap: 10px ;
}
.tag-flal{
    width: 85px  ;
}
    .Yearw {
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 10px;
    }

    .Jb1FlexUl {
        width: 100%;
    }

    .txtw {
        width: calc(100% - 50px);
    }

    .Yearw>div {
        font-size: 12px;
    }

    .Jb1we {
        width: 100%;
    }

    .youjiFekxRsxc {
        gap: 20px;
        width: 100%;
        margin-top: 20px;
    }

    .Expowe {
        padding: 20px 0;
        flex-wrap: wrap;
        font-size: 14px;
    }

    .abidew {
        padding-bottom: 20px;
    }

    .itewe {
        gap: 10px;
        flex-wrap: wrap;
    }

    .FXKNwe {
        flex-wrap: wrap;
        gap: 10px;
    }

    .Asfl {
        font-size: 21px;
    }

    .xnvO {
        font-size: 18px;
    }

    .LUIcv>a {
        padding: 15px 20px;
    }

    .HzImgLeft {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footLogoFlex {
        flex-wrap: wrap;
    }

    .RenXLeftHei {
        flex-wrap: wrap;
    }

    .IndustryFlex>div {
        width: 100%;
    }

    .ofiawe {
        width: 100%;
    }

    .RenXLeft {
        width: 100%;
    }

    .IndustryFlex {
        gap: 10px;
    }

    .artne {
        padding: 60px 0;
    }

    .youjiFekxRsxc {
        flex-wrap: wrap;
    }

    .Mxce {
        font-size: 14px;
    }

    .Ekxjv {
        font-size: 18px;
    }

    .BitRUL {
        grid-template-columns: repeat(2, 1fr);
    }

    .FXknoJz {
        margin: 60px auto;
    }

    .bowe {
        font-size: 26px;
    }

    .ainweBox {
        margin-top: 30px;
        flex-direction: column-reverse;
    }

    .ainweRight {
        width: 100%;
    }

    .ainwe {
        width: 100%;
        margin-top: 20px;
    }

    .ainwe p {
        margin-top: 20px;
    }

    .Cvul {
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
    }

    .Ouxzcv {
        font-size: 26px;
    }

    .adv {
        margin: 60px auto;
    }

    .eflewe {
        grid-template-columns: repeat(1, 1fr);
    }

    .gvbImg {
        display: none;
    }

    .gusad {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .gvbImgRight {
        width: 100%;
        padding: 0 20px;
    }

    .nsuweLeft {
        width: 100%;
    }

    .nsuwe {
        width: 100%;
        padding: 20px;
    }

    .cisiwe p {
        margin-top: 20px;
    }

    .VisioUL li {
        flex-direction: column;
    }

    .ssiowe {
        font-size: 26px;
    }

    .VisioUL li:nth-child(even) {
        flex-direction: column;
    }

    .evalua_right {
        display: none;
    }

    .evalua_left {
        width: 100%;
    }

    .evalua {
        padding: 60px 0;
    }

    .ASICFkx_left {
        flex-direction: column;
        width: 100%;
    }

    .ASICFkx {
        padding: 20px;
        flex-direction: column;
    }

    .oqiwwe {
        width: 100%;
        padding: 0 0 30px 0 ;
    }

.footJz .youjiFekxRsxc{
    justify-content: left;
}

.Websw{
    flex-wrap: wrap;
        padding: 15px 20px ;
}
.evalua_leftBox{
    padding: 20px ;
}
    .zxjbv {
        font-size: 26px;
        margin-top: 20px;
    }

    .ianwe {
        margin-top: 20px;
    }

    .dianhwe {
        width: 100%;
    }

    .ASIC {
        margin: 60px auto;
    }

    .Scamwe {
        font-size: 26px;
    }

    .KSdLEdt {
    width: 100%;
    }
    .KSdLEdtFlex {
        margin-top: 20px;
        display: block;
    }
    .MT4we{
        display:block ;
        font-size: 20px;
    }
    .zzxcvFlex .zzxcv {
    height: auto;
    }
    .fualS{
        margin-top: 20px;
    }
    .xiAn{
        display: none;
    }
    .IXNcl>a {
        flex-direction: column-reverse;
    }

    .IXNcl {
        padding: 15px;
    }

    .naScamly {
        margin: 10px 0;
    }

    .IXNclLeft {
        width: 100%;
        margin-top: 20px;
    }

    .IXNclRight {
        width: 100%;
    }

    .osurwe {
        gap: 10px;
        flex-wrap: wrap;
    }

    .fxikxc {
        margin: 60px auto;
    }

    .fxikxcBox {
        padding: 20px;
        flex-wrap: wrap;
    }

    .fxikxcBox>div{
        width: 100% ;
    }
    .sghux {
        padding: 20px;
    }

    .zzxcv>div {
        padding: 15px 0;
    }

    .Basi_right {
        display: none;
    }

    .Basi_box {
        padding: 20px;
    }

    .Basi_left {
        width: 100%;
    }

    .liDOmnw {
        flex-wrap: wrap;
    }

    .RIxhcLeft {
        width: 100%;
        font-size: 18px;
        font-weight: 700;
    }

    .RIxhcRight {
        margin-top: 10px;
        width: 100%;
    }

    .RIxhcwe {
        gap: 40px;
    }

    .Faq {
        margin: 60px auto;
    }

    .Faqul {
        margin-top: 30px;
    }

    .Fxlcf {
        font-size: 26px;
    }

    .does {
        font-size: 18px;
    }

    .adokv {
        font-size: 26px;
    }

    .naxcov {
        padding: 20px;
    }

    .Lxicv {
        font-size: 26px;
    }

    .Yscm {
        margin: 60px auto;
        margin-bottom: 0;
    }

    .bucVox {
        flex-direction: column;
    }

    .bucVoxLeft {
        width: 100%;
    }

    .bucVoxRight {
        width: 100%;
        margin-top: 20px;
    }

    .axhcFlex {
        margin-top: 20px;
    }

    .pnxDFLeft {
        flex-direction: column;
        align-items: baseline;
    }

    .sdiv {
        margin-top: 20px;
    }

    .nancFlexRight {
        display: none;
    }

    .nancFlexJz {
        margin: 60px auto;
    }

    .nancFlex>div {
        width: 150px;
        font-size: 14px;
    }

    .JenwUl {
        margin-top: 30px;
    }

    .nancFlexLeft {
        width: 100%;
    }

    .IxnvJzFlexxc {
        flex-direction: column;
        align-items: baseline;
    }

    .Allflex {
        margin-bottom: 10px;
    }

    .Allflex>div {
        font-size: 16px;
    }

    .IxnvJz {
        margin: 60px auto;
    }

    .evalua_right {
        display: none;
    }

    .Smwo {
        font-size: 26px;
    }

    .rexcvRight {
        margin-top: 20px;
        width: 100%;
    }

    .Renxul li {
        flex-direction: column;
    }

    .recti {
        flex-wrap: wrap;
    }

    .reneuweBox {
        margin-top: 20px;
        gap: 10px;
    }

    .ldALd{
        flex-wrap: wrap;
    }
}