/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {

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

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

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -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%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -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;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

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

    25%,
    75% {
        opacity: 0
    }
}

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

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

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

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

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes shake {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

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

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

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

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

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

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

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

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

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

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

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

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

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

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

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

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

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

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

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

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

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

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

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

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes jello {

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

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

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

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

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

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

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

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

@keyframes jello {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {

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

    0% {
        opacity: 0;
        -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)
    }

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

@keyframes bounceIn {

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

    0% {
        opacity: 0;
        -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)
    }

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

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInLeft {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInRight {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInUp {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

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

    0% {
        opacity: 0;
        -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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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)
    }

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

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

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-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)
    }

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

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

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

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

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

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

.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)
    }

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

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

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

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

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

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

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

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

.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)
    }

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

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

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

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

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

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

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

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

.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)
    }

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

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

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

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

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

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

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

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

.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)
    }

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

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

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

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        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) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

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

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

    to {
        -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) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

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

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

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

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

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -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) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

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

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

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

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

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.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
    }

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -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: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        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: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(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
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(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
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-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
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-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
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(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: rotate(80deg);
        transform: rotate(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: rotate(60deg);
        transform: rotate(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
    }

    to {
        -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: rotate(80deg);
        transform: rotate(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: rotate(60deg);
        transform: rotate(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
    }

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

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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)
    }

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

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

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

    to {
        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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion),
(print) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        transition: none !important
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.theme-orman.slider-wrapper {
    width: 100%;
    height: 480px;
    position: relative;
    margin: 0 auto
}

.theme-orman .nivoSlider {
    position: relative;
    width: 100%;
    height: 480px;
    background-size: 100% 100% !important
}

.form-nivo,
.theme-orman .nivoSlider {
    background-color: #333 !important
}

.theme-orman .nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 480px
}

.theme-orman .nivoSlider a {
    border: 0;
    display: block
}

.theme-orman .nivo-controlNav {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 101
}

.theme-orman .nivo-controlNav a {
    display: block;
    width: 12px;
    height: 12px;
    border: 0;
    margin-right: 7px;
    float: left;
    border-radius: 50%;
    background-color: #fff;
    opacity: .7;
    text-indent: -99999px
}

.theme-orman .nivo-controlNav a.active {
    opacity: 1
}

.theme-orman .nivo-directionNav a {
    display: block;
    width: 25px;
    height: 100%;
    text-indent: -9999px;
    border: 0;
    top: 0
}

.theme-orman a.nivo-nextNav {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAyCAYAAACtd6CrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFOEY3NzBERTI4Q0ExMUUzQkY3OEQ3RDgwMkY5NEJEQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFOEY3NzBERjI4Q0ExMUUzQkY3OEQ3RDgwMkY5NEJEQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4Rjc3MERDMjhDQTExRTNCRjc4RDdEODAyRjk0QkRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU4Rjc3MEREMjhDQTExRTNCRjc4RDdEODAyRjk0QkRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7bzTQQAAA0NJREFUeNq0mD9ME3EUx+/AlKYSuDvAASKJCYssOkkcZBBKNBFloBPooGgc1dkBY3REFxM1UaOBCQb/JRpAB5lwkgUXEhONDJKm0F4vQmiP72tf8fq8Lu3rC988+q7NJ7/f/f58fz/T932DwvOyE8nkn0PNzS336bNpmgY9QvoXKBTrvpHn3xXCpL9i3eQfFP7nZyXGAf76yVjs4KNY7EgklUp6+PzQqEM0QJ3QHBShgm23TSFdrRdsgoH7nQLgY+SL9YDd45aV1S3LeYE8qg3LQWPQe/Gs0badGeRzmjCKHSgBLYrnEbRwFnlQE0bxF7oALYnvRAF8g3xKE1aYbtAw9FXUYwC+Qz6hCaPYgs5AK6LeatltH5GPacIoUlAc+i7qdqvlLCAf1YRRbDBwTdQ70EIC9mjCKH5DA9AvUe9ynPZPyIc1YRQ/odPQuqh3A/hZrD41wwzuyjh3bTB6AKQu7dCEUaxCQ9CmqPc6dvs8sqUJo/jG0yIt6sft4rRo0YRRLPPE90S9D11KEz+mCaP4Ao3wmhqMfrTwdWlv1IJRLPAWJIFxAOfCgLXAKKjbxnmbCsYwunSatilNGAVtQVfI44h6wnbanxUtz75h8rV0DYLp+i+ewLWZkCqMdNMPj6mCnVOGkW5XAN7VeGcy/Ap1U7tVNyq06oF2N1YcIG4mbUJqsEtQLgT00nXTDQTSgo1CuyGg2Ww20wiYUYLVOkDIwM7IlYIMr5fNjMmVpRbYYPBAEohFtChszawaRoaVjGuTqC9l3QwZ3W2tVb+PF2C5by0DFLbPVQ0jg/qBDKuor3iee5YNrspO3ct7mC29CQZDnI2tigchQzof4qLW0HVDIa6ralg3RIa0S/pJjLoBNrIqvrGTQd2ivo4WDbCBVXHEHfyOpKffwKoQdgaoGmYxqFfUN7NF0KrWKYaGddg5bAujLuzcVjWMJupbnrhlJ1K8o/NsUFVOnrT0kMHsF9/ZRteNsDFVOVNH2JLFxfMdgBL8/lRuC2h7mGb/Howc9qBxXgfV7kGe8x1ImWnBO7rMrVW94fkhQa6buY78qh53V5PQnVIBS9AtpKf1uJUr3TdO5vN5YzOV3G2KRuty10ixJ8AANM8zZQLUH4EAAAAASUVORK5CYII=) 50% no-repeat;
    right: 10px;
    padding-right: 20px
}

.theme-orman a.nivo-prevNav {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAyCAYAAACtd6CrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTRFNjE4NzI4Q0ExMUUzQkY3OEQ3RDgwMkY5NEJEQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTRFNjE4ODI4Q0ExMUUzQkY3OEQ3RDgwMkY5NEJEQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1NEU2MTg1MjhDQTExRTNCRjc4RDdEODAyRjk0QkRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1NEU2MTg2MjhDQTExRTNCRjc4RDdEODAyRjk0QkRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/8Z3NgAAAphJREFUeNq8mDtsE0EQhtdnlKDwiC1E44hUbkhjKiKKpEq6pEtKQgOI0rQoQpHooaYjlKELHVShChU0oUECxQpNnDs/7k6ABBz/hDFZjtnEZ89lpPHY1p0/z+7c7L9rkiQxeXmj8elBHEe3e59zAwXBQT35Y9/hN3KDAXQH8VdyZF/gFXVQq+XfRPyZ/G8PlTPylxB/CKAX8KJmRgs8P2l7CR9RmzOA5hC/CqDX8LNq1QjQDGIsgN7Ax+xrhwMFB9cR2wLoLXw8ff3AoHbLryEGAug9vCzdM2hGVxH3BdAH+GXXfZlBvt+sIu4JoI/wiePuzQq6grgrgBrwyZPuzwKq8L9PG7Wiaj+/0R8oaNI87Aggmrepfv9wP021hPhOALXg17JMw0lDdxFxWwB14NNZi+u4jOjp3xJA1C1mB3lkXCBqnK8EEDXa+UEbgTR0BNp0gBaHaW//ZuQ3i4gbAojWqOVhm7Y1dM0C4jMBRMv7LY2liIdun0BPHaC7Wgts783jRLb7mrKBXh45QKvaYsgzxhSMbInRNqY+cWRX1x5GE4XdUy0QE0VdD3FdAJLgXFGFkcdxWGRBKT3US6qwQ2DUHWFhKbWrBVUYD+koC8y0fYPPqcK4aMZYaEpLzIwqjIHjjsWzrbp4WkVTZuGZNhKoNVUYF83pCB5rSCccUm5PVcpZVTrpEKm7qiLVyrDKwlSS3xVVGHkYdqYcG4sd1Y3FUYadGgtVactUUoVxlU47NoPbqptBaw5nHdvcLdVtrjWk89w300ZCd1T9OAnARcfRxKbq0cTfKu12lh2HLhuqhy7WHK6kzq16tu5pC6hz5y88j6LwnqDOPud2BIjWVreyWqPvCocTl5Nho7JaKl8643neGn3+LcAAvFDimZU2l7EAAAAASUVORK5CYII=) 50% no-repeat;
    left: 10px;
    padding-left: 20px
}

.theme-orman .nivo-caption {
    font-family: Helvetica, Arial, sans-serif
}

.theme-orman .nivo-caption a {
    color: #fff;
    border-bottom: 1px dotted #fff
}

.theme-orman .nivo-caption a:hover {
    color: #fff
}

.nivoSlider {
    position: relative
}

.nivoSlider a.nivo-imageLink,
.nivoSlider img {
    position: absolute;
    top: 0;
    left: 0
}

.nivoSlider a.nivo-imageLink {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none
}

.nivo-slice {
    height: 100%
}

.nivo-box,
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5
}

.nivo-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    opacity: .5;
    width: 100%;
    z-index: 8
}

.nivo-caption p {
    padding: 5px;
    margin: 0
}

.nivo-caption a {
    display: inline !important
}

.nivo-html-caption {
    display: none
}

.nivo-directionNav a {
    position: absolute;
    top: 50%;
    z-index: 9;
    cursor: pointer
}

.nivo-prevNav {
    left: 0
}

.nivo-nextNav {
    right: 0
}

.nivo-controlNav a {
    position: relative;
    z-index: 9;
    cursor: pointer
}

.nivo-controlNav a.active {
    font-weight: bold
}

html>body {
    min-width: 1220px;
    background-color: #fff
}

.container {
    max-width: 1200px;
    min-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.container:after {
    content: "";
    display: table;
    clear: both
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.content {
    position: relative;
    overflow: hidden;
    min-height: calc(100vh - 340px)
}

.crumb-box {
    padding: 20px 0;
    overflow: hidden
}

.ant-text-left {
    text-align: left
}

.ant-text-right {
    text-align: right
}

.ant-text-center {
    text-align: center
}

.paging {
    margin: 22px 0
}

.paging .ant-pagination {
    text-align: center
}

.paging.round .ant-pagination-item,
.paging.round .ant-pagination-next .ant-pagination-item-link,
.paging.round .ant-pagination-prev .ant-pagination-item-link {
    border-radius: 50%
}

.paging.round .ant-pagination-item {
    border: 0
}

.paging.round .ant-pagination-item-active {
    background-color: #1d1d1d
}

.paging.round .ant-pagination-item-active a {
    color: #fff
}

.paging.round .ant-pagination-jump-next,
.paging.round .ant-pagination-jump-prev,
.paging.round .ant-pagination-prev {
    margin-right: 16px
}

.list-paging {
    margin: 10px 0 22px
}

.list-paging .ant-pagination {
    text-align: center
}

.ant-list.ant-list-bordered {
    border-color: #e8e8e8
}

.primary-color {
    color: #404040 !important
}

.title-text {
    color: #000 !important
}

.text {
    color: rgba(0, 0, 0, .65) !important
}

.gray-one-color {
    color: #333 !important
}

.gray-tow-color {
    color: #666 !important
}

.gray-three-color {
    color: #999 !important
}

.gray-four-color {
    color: #bdbdbd !important
}

.gray-five-color {
    color: #e6e6e6 !important
}

.background-white {
    background-color: #fff !important
}

.border {
    border: 1px solid #e8e8e8
}

.border-top {
    border-top: 1px solid #e8e8e8
}

.border-bottom {
    border-bottom: 1px solid #e8e8e8
}

.border-right {
    border-right: 1px solid #e8e8e8
}

.search-head {
    position: relative;
    overflow: hidden;
    width: 300px;
    padding-bottom: 15px
}

.my-ant-table {
    width: 100%;
    border-radius: 4px 4px 0 0;
    border-collapse: collapse;
    border: 1px solid #e8e8e8;
    border-right: 0;
    table-layout: fixed;
    border-bottom: 0;
    text-align: left
}

.my-ant-table thead>tr {
    transition: all .3s, height 0s
}

.my-ant-table thead>tr:first-child>th:first-child {
    border-top-left-radius: 4px
}

.my-ant-table tbody>tr>td,
.my-ant-table thead>tr>th {
    border-right: 1px solid #e8e8e8;
    padding: 16px
}

.my-ant-table thead>tr>th {
    padding: 16px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
    transition: background .3s ease
}

.my-ant-table tbody>tr>td {
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s, border 0s
}

.home-footer-btn {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 200px;
    margin: 0 auto
}

.scoll-top .ant-back-top-content {
    background-color: #404040
}

.scoll-top .ant-back-top-content:hover {
    background-color: #000
}

.form-divider-text-size .ant-divider-inner-text {
    font-size: 20px
}

.form-default-style .ant-form-item-label {
    line-height: 35px
}

.form-default-style .ant-form-item-label label {
    font-size: 16px
}

.form-default-style .ant-form-item {
    margin-bottom: 0
}

.form-default-style .ant-input,
.room-name {
    font-size: 16px
}

.room-name {
    color: rgba(0, 0, 0, .85);
    line-height: 30px
}

.name-label {
    width: 100px;
    display: inline-block;
    margin-right: 5px
}

.form-line {
    line-height: 24px
}

.inline-block {
    display: inline-block
}

.price {
    color: #cf2525;
    font-size: 18px
}

.size-11 {
    font-size: 11px !important
}

.size-12 {
    font-size: 12px !important
}

.size-13 {
    font-size: 13px !important
}

.size-14 {
    font-size: 14px !important
}

.size-15 {
    font-size: 15px !important
}

.size-16 {
    font-size: 16px !important
}

.size-17 {
    font-size: 17px !important
}

.size-18 {
    font-size: 18px !important
}

.size-19 {
    font-size: 19px !important
}

.size-20 {
    font-size: 20px !important
}

.size-21 {
    font-size: 21px !important
}

.size-22 {
    font-size: 22px !important
}

.size-23 {
    font-size: 23px !important
}

.size-24 {
    font-size: 24px !important
}

.size-25 {
    font-size: 25px !important
}

.size-26 {
    font-size: 26px !important
}

.size-27 {
    font-size: 27px !important
}

.size-28 {
    font-size: 28px !important
}

.size-29 {
    font-size: 29px !important
}

.size-30 {
    font-size: 30px !important
}

.size-31 {
    font-size: 31px !important
}

.size-32 {
    font-size: 32px !important
}

.size-33 {
    font-size: 33px !important
}

.size-34 {
    font-size: 34px !important
}

.size-35 {
    font-size: 35px !important
}

.size-36 {
    font-size: 36px !important
}

.size-37 {
    font-size: 37px !important
}

.size-38 {
    font-size: 38px !important
}

.size-39 {
    font-size: 39px !important
}

.size-40 {
    font-size: 40px !important
}

.size-41 {
    font-size: 41px !important
}

.size-42 {
    font-size: 42px !important
}

.size-43 {
    font-size: 43px !important
}

.size-44 {
    font-size: 44px !important
}

.size-45 {
    font-size: 45px !important
}

.size-46 {
    font-size: 46px !important
}

.size-47 {
    font-size: 47px !important
}

.size-48 {
    font-size: 48px !important
}

.size-49 {
    font-size: 49px !important
}

.size-50 {
    font-size: 50px !important
}

.card-0 .ant-card-body {
    padding: 0 !important
}

.card-1 .ant-card-body {
    padding: 0 1px !important
}

.card-2 .ant-card-body {
    padding: 0 2px !important
}

.card-3 .ant-card-body {
    padding: 0 3px !important
}

.card-4 .ant-card-body {
    padding: 0 4px !important
}

.card-5 .ant-card-body {
    padding: 0 5px !important
}

.card-6 .ant-card-body {
    padding: 0 6px !important
}

.card-7 .ant-card-body {
    padding: 0 7px !important
}

.card-8 .ant-card-body {
    padding: 0 8px !important
}

.card-9 .ant-card-body {
    padding: 0 9px !important
}

.card-10 .ant-card-body {
    padding: 0 10px !important
}

.card-11 .ant-card-body {
    padding: 0 11px !important
}

.card-12 .ant-card-body {
    padding: 0 12px !important
}

.card-13 .ant-card-body {
    padding: 0 13px !important
}

.card-14 .ant-card-body {
    padding: 0 14px !important
}

.card-15 .ant-card-body {
    padding: 0 15px !important
}

.card-16 .ant-card-body {
    padding: 0 16px !important
}

.card-17 .ant-card-body {
    padding: 0 17px !important
}

.card-18 .ant-card-body {
    padding: 0 18px !important
}

.card-19 .ant-card-body {
    padding: 0 19px !important
}

.card-20 .ant-card-body {
    padding: 0 20px !important
}

.card-21 .ant-card-body {
    padding: 0 21px !important
}

.card-22 .ant-card-body {
    padding: 0 22px !important
}

.card-23 .ant-card-body {
    padding: 0 23px !important
}

.card-24 .ant-card-body {
    padding: 0 24px !important
}

.card-25 .ant-card-body {
    padding: 0 25px !important
}

.card-26 .ant-card-body {
    padding: 0 26px !important
}

.card-27 .ant-card-body {
    padding: 0 27px !important
}

.card-28 .ant-card-body {
    padding: 0 28px !important
}

.card-29 .ant-card-body {
    padding: 0 29px !important
}

.card-30 .ant-card-body {
    padding: 0 30px !important
}

.card-31 .ant-card-body {
    padding: 0 31px !important
}

.card-32 .ant-card-body {
    padding: 0 32px !important
}

.card-33 .ant-card-body {
    padding: 0 33px !important
}

.card-34 .ant-card-body {
    padding: 0 34px !important
}

.card-35 .ant-card-body {
    padding: 0 35px !important
}

.card-36 .ant-card-body {
    padding: 0 36px !important
}

.card-37 .ant-card-body {
    padding: 0 37px !important
}

.card-38 .ant-card-body {
    padding: 0 38px !important
}

.card-39 .ant-card-body {
    padding: 0 39px !important
}

.card-40 .ant-card-body {
    padding: 0 40px !important
}

.card-41 .ant-card-body {
    padding: 0 41px !important
}

.card-42 .ant-card-body {
    padding: 0 42px !important
}

.card-43 .ant-card-body {
    padding: 0 43px !important
}

.card-44 .ant-card-body {
    padding: 0 44px !important
}

.card-45 .ant-card-body {
    padding: 0 45px !important
}

.card-46 .ant-card-body {
    padding: 0 46px !important
}

.card-47 .ant-card-body {
    padding: 0 47px !important
}

.card-48 .ant-card-body {
    padding: 0 48px !important
}

.card-49 .ant-card-body {
    padding: 0 49px !important
}

.card-50 .ant-card-body {
    padding: 0 50px !important
}

.card-51 .ant-card-body {
    padding: 0 51px !important
}

.card-52 .ant-card-body {
    padding: 0 52px !important
}

.card-53 .ant-card-body {
    padding: 0 53px !important
}

.card-54 .ant-card-body {
    padding: 0 54px !important
}

.card-55 .ant-card-body {
    padding: 0 55px !important
}

.card-56 .ant-card-body {
    padding: 0 56px !important
}

.card-57 .ant-card-body {
    padding: 0 57px !important
}

.card-58 .ant-card-body {
    padding: 0 58px !important
}

.card-59 .ant-card-body {
    padding: 0 59px !important
}

.card-60 .ant-card-body {
    padding: 0 60px !important
}

.card-61 .ant-card-body {
    padding: 0 61px !important
}

.card-62 .ant-card-body {
    padding: 0 62px !important
}

.card-63 .ant-card-body {
    padding: 0 63px !important
}

.card-64 .ant-card-body {
    padding: 0 64px !important
}

.card-65 .ant-card-body {
    padding: 0 65px !important
}

.card-66 .ant-card-body {
    padding: 0 66px !important
}

.card-67 .ant-card-body {
    padding: 0 67px !important
}

.card-68 .ant-card-body {
    padding: 0 68px !important
}

.card-69 .ant-card-body {
    padding: 0 69px !important
}

.card-70 .ant-card-body {
    padding: 0 70px !important
}

.card-71 .ant-card-body {
    padding: 0 71px !important
}

.card-72 .ant-card-body {
    padding: 0 72px !important
}

.card-73 .ant-card-body {
    padding: 0 73px !important
}

.card-74 .ant-card-body {
    padding: 0 74px !important
}

.card-75 .ant-card-body {
    padding: 0 75px !important
}

.card-76 .ant-card-body {
    padding: 0 76px !important
}

.card-77 .ant-card-body {
    padding: 0 77px !important
}

.card-78 .ant-card-body {
    padding: 0 78px !important
}

.card-79 .ant-card-body {
    padding: 0 79px !important
}

.card-80 .ant-card-body {
    padding: 0 80px !important
}

.card-81 .ant-card-body {
    padding: 0 81px !important
}

.card-82 .ant-card-body {
    padding: 0 82px !important
}

.card-83 .ant-card-body {
    padding: 0 83px !important
}

.card-84 .ant-card-body {
    padding: 0 84px !important
}

.card-85 .ant-card-body {
    padding: 0 85px !important
}

.card-86 .ant-card-body {
    padding: 0 86px !important
}

.card-87 .ant-card-body {
    padding: 0 87px !important
}

.card-88 .ant-card-body {
    padding: 0 88px !important
}

.card-89 .ant-card-body {
    padding: 0 89px !important
}

.card-90 .ant-card-body {
    padding: 0 90px !important
}

.card-91 .ant-card-body {
    padding: 0 91px !important
}

.card-92 .ant-card-body {
    padding: 0 92px !important
}

.card-93 .ant-card-body {
    padding: 0 93px !important
}

.card-94 .ant-card-body {
    padding: 0 94px !important
}

.card-95 .ant-card-body {
    padding: 0 95px !important
}

.card-96 .ant-card-body {
    padding: 0 96px !important
}

.card-97 .ant-card-body {
    padding: 0 97px !important
}

.card-98 .ant-card-body {
    padding: 0 98px !important
}

.card-99 .ant-card-body {
    padding: 0 99px !important
}

.card-100 .ant-card-body {
    padding: 0 100px !important
}

.card-space-0 .ant-card-body {
    padding: 0 24px !important
}

.card-space-1 .ant-card-body {
    padding: 1px 24px !important
}

.card-space-2 .ant-card-body {
    padding: 2px 24px !important
}

.card-space-3 .ant-card-body {
    padding: 3px 24px !important
}

.card-space-4 .ant-card-body {
    padding: 4px 24px !important
}

.card-space-5 .ant-card-body {
    padding: 5px 24px !important
}

.card-space-6 .ant-card-body {
    padding: 6px 24px !important
}

.card-space-7 .ant-card-body {
    padding: 7px 24px !important
}

.card-space-8 .ant-card-body {
    padding: 8px 24px !important
}

.card-space-9 .ant-card-body {
    padding: 9px 24px !important
}

.card-space-10 .ant-card-body {
    padding: 10px 24px !important
}

.card-space-11 .ant-card-body {
    padding: 11px 24px !important
}

.card-space-12 .ant-card-body {
    padding: 12px 24px !important
}

.card-space-13 .ant-card-body {
    padding: 13px 24px !important
}

.card-space-14 .ant-card-body {
    padding: 14px 24px !important
}

.card-space-15 .ant-card-body {
    padding: 15px 24px !important
}

.card-space-16 .ant-card-body {
    padding: 16px 24px !important
}

.card-space-17 .ant-card-body {
    padding: 17px 24px !important
}

.card-space-18 .ant-card-body {
    padding: 18px 24px !important
}

.card-space-19 .ant-card-body {
    padding: 19px 24px !important
}

.card-space-20 .ant-card-body {
    padding: 20px 24px !important
}

.card-space-21 .ant-card-body {
    padding: 21px 24px !important
}

.card-space-22 .ant-card-body {
    padding: 22px 24px !important
}

.card-space-23 .ant-card-body {
    padding: 23px 24px !important
}

.card-space-24 .ant-card-body {
    padding: 24px !important
}

.card-space-25 .ant-card-body {
    padding: 25px 24px !important
}

.card-space-26 .ant-card-body {
    padding: 26px 24px !important
}

.card-space-27 .ant-card-body {
    padding: 27px 24px !important
}

.card-space-28 .ant-card-body {
    padding: 28px 24px !important
}

.card-space-29 .ant-card-body {
    padding: 29px 24px !important
}

.card-space-30 .ant-card-body {
    padding: 30px 24px !important
}

.card-space-31 .ant-card-body {
    padding: 31px 24px !important
}

.card-space-32 .ant-card-body {
    padding: 32px 24px !important
}

.card-space-33 .ant-card-body {
    padding: 33px 24px !important
}

.card-space-34 .ant-card-body {
    padding: 34px 24px !important
}

.card-space-35 .ant-card-body {
    padding: 35px 24px !important
}

.card-space-36 .ant-card-body {
    padding: 36px 24px !important
}

.card-space-37 .ant-card-body {
    padding: 37px 24px !important
}

.card-space-38 .ant-card-body {
    padding: 38px 24px !important
}

.card-space-39 .ant-card-body {
    padding: 39px 24px !important
}

.card-space-40 .ant-card-body {
    padding: 40px 24px !important
}

.card-space-41 .ant-card-body {
    padding: 41px 24px !important
}

.card-space-42 .ant-card-body {
    padding: 42px 24px !important
}

.card-space-43 .ant-card-body {
    padding: 43px 24px !important
}

.card-space-44 .ant-card-body {
    padding: 44px 24px !important
}

.card-space-45 .ant-card-body {
    padding: 45px 24px !important
}

.card-space-46 .ant-card-body {
    padding: 46px 24px !important
}

.card-space-47 .ant-card-body {
    padding: 47px 24px !important
}

.card-space-48 .ant-card-body {
    padding: 48px 24px !important
}

.card-space-49 .ant-card-body {
    padding: 49px 24px !important
}

.card-space-50 .ant-card-body {
    padding: 50px 24px !important
}

.card-space-51 .ant-card-body {
    padding: 51px 24px !important
}

.card-space-52 .ant-card-body {
    padding: 52px 24px !important
}

.card-space-53 .ant-card-body {
    padding: 53px 24px !important
}

.card-space-54 .ant-card-body {
    padding: 54px 24px !important
}

.card-space-55 .ant-card-body {
    padding: 55px 24px !important
}

.card-space-56 .ant-card-body {
    padding: 56px 24px !important
}

.card-space-57 .ant-card-body {
    padding: 57px 24px !important
}

.card-space-58 .ant-card-body {
    padding: 58px 24px !important
}

.card-space-59 .ant-card-body {
    padding: 59px 24px !important
}

.card-space-60 .ant-card-body {
    padding: 60px 24px !important
}

.card-space-61 .ant-card-body {
    padding: 61px 24px !important
}

.card-space-62 .ant-card-body {
    padding: 62px 24px !important
}

.card-space-63 .ant-card-body {
    padding: 63px 24px !important
}

.card-space-64 .ant-card-body {
    padding: 64px 24px !important
}

.card-space-65 .ant-card-body {
    padding: 65px 24px !important
}

.card-space-66 .ant-card-body {
    padding: 66px 24px !important
}

.card-space-67 .ant-card-body {
    padding: 67px 24px !important
}

.card-space-68 .ant-card-body {
    padding: 68px 24px !important
}

.card-space-69 .ant-card-body {
    padding: 69px 24px !important
}

.card-space-70 .ant-card-body {
    padding: 70px 24px !important
}

.card-space-71 .ant-card-body {
    padding: 71px 24px !important
}

.card-space-72 .ant-card-body {
    padding: 72px 24px !important
}

.card-space-73 .ant-card-body {
    padding: 73px 24px !important
}

.card-space-74 .ant-card-body {
    padding: 74px 24px !important
}

.card-space-75 .ant-card-body {
    padding: 75px 24px !important
}

.card-space-76 .ant-card-body {
    padding: 76px 24px !important
}

.card-space-77 .ant-card-body {
    padding: 77px 24px !important
}

.card-space-78 .ant-card-body {
    padding: 78px 24px !important
}

.card-space-79 .ant-card-body {
    padding: 79px 24px !important
}

.card-space-80 .ant-card-body {
    padding: 80px 24px !important
}

.card-space-81 .ant-card-body {
    padding: 81px 24px !important
}

.card-space-82 .ant-card-body {
    padding: 82px 24px !important
}

.card-space-83 .ant-card-body {
    padding: 83px 24px !important
}

.card-space-84 .ant-card-body {
    padding: 84px 24px !important
}

.card-space-85 .ant-card-body {
    padding: 85px 24px !important
}

.card-space-86 .ant-card-body {
    padding: 86px 24px !important
}

.card-space-87 .ant-card-body {
    padding: 87px 24px !important
}

.card-space-88 .ant-card-body {
    padding: 88px 24px !important
}

.card-space-89 .ant-card-body {
    padding: 89px 24px !important
}

.card-space-90 .ant-card-body {
    padding: 90px 24px !important
}

.card-space-91 .ant-card-body {
    padding: 91px 24px !important
}

.card-space-92 .ant-card-body {
    padding: 92px 24px !important
}

.card-space-93 .ant-card-body {
    padding: 93px 24px !important
}

.card-space-94 .ant-card-body {
    padding: 94px 24px !important
}

.card-space-95 .ant-card-body {
    padding: 95px 24px !important
}

.card-space-96 .ant-card-body {
    padding: 96px 24px !important
}

.card-space-97 .ant-card-body {
    padding: 97px 24px !important
}

.card-space-98 .ant-card-body {
    padding: 98px 24px !important
}

.card-space-99 .ant-card-body {
    padding: 99px 24px !important
}

.card-space-100 .ant-card-body {
    padding: 100px 24px !important
}

.date-type-block.ant-calendar-picker {
    display: block
}

.ant-tag-blue {
    color: #404040 !important;
    background: #e6f7ff;
    border-color: #404040 !important
}

.my-menu .ant-menu-item {
    margin-bottom: 5.7px !important
}

.my-menu .ant-menu-item a {
    color: #333
}

.my-menu .ant-menu-item .icon {
    margin-right: 10px
}

.my-menu .ant-menu-item.ant-menu-item-active a,
.my-menu .ant-menu-item.ant-menu-item-selected a {
    color: #404040
}

.my-menu .ant-menu-item-selected {
    background-color: #404040 !important;
    color: #fff
}

.my-menu .ant-menu-item-selected:hover {
    color: #fff
}

.my-menu .ant-menu-item-selected:after {
    border-right: 3px solid #40a9ff
}

.card-p10 .ant-card-body {
    padding: 10px
}

.card-p10-24 .ant-card-body {
    padding: 10px 24px
}

.card-state .ant-card-body {
    padding: 15.2px 24px;
    text-align: center
}

.card-state p {
    color: #666;
    margin: 0;
    font-size: 12px
}

.rotundity-card {
    padding: 11px 0;
    text-align: center;
    cursor: pointer
}

.rotundity-card i {
    font-size: 30px
}

.rotundity-card p {
    margin-bottom: 0 !important;
    margin-top: 5px
}

.big-card-setting {
    width: 156px;
    height: 156px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    line-height: 156px
}

.big-card-setting img {
    width: 100%;
    height: 100%
}

.down-table .ant-collapse-header {
    position: absolute !important;
    right: 0;
    top: 70px;
    margin-top: -25px
}

.down-table .ant-collapse-item {
    border: none !important
}

.down-table .ant-collapse-content-box {
    padding: 10px 0 0 !important
}

.table-fixed table {
    table-layout: fixed
}

.margin-centet {
    margin: 0 auto
}

.info-article-page .ant-typography {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    padding: 10px 0;
    color: #333;
    font-size: 15px
}

.info-article-page .ant-typography:first-child {
    border-bottom: none
}

.info-article-page .ant-typography span {
    font-size: 14px
}

.info-article-page .ant-typography a {
    color: #7d7d7d;
    font-size: 14px
}

.info-article-page .ant-typography a:hover {
    color: #404040
}

.info-article-page .line {
    margin: 0 10px;
    color: #d9d9d9
}

.info-back {
    margin-top: 20px;
    text-align: right
}

.html-details ul {
    width: 100% !important;
    white-space: normal !important
}

.atlas-cl .ant-carousel .slick-list {
    overflow: hidden;
    width: 830px;
    margin: 0 auto
}

.atlas-cl .ant-carousel .slick-slide {
    text-align: center;
    pointer-events: auto !important;
    height: 100% !important;
    background-color: #f5f5f5;
    overflow: hidden;
    width: 200px;
    margin-right: 10px
}

.atlas-cl .ant-carousel .slick-next,
.atlas-cl .ant-carousel .slick-prev {
    background-color: #404040;
    color: #fff;
    width: 24px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    z-index: 10
}

.atlas-cl .ant-carousel .slick-next:focus,
.atlas-cl .ant-carousel .slick-prev:focus {
    background-color: #404040;
    color: #fff
}

.atlas-cl .ant-carousel .slick-next:hover,
.atlas-cl .ant-carousel .slick-prev:hover {
    background-color: #000;
    color: #fff
}

.atlas-cl .ant-carousel .slick-prev {
    left: 8px
}

.atlas-cl .ant-carousel .slick-prev:before {
    content: "\E665";
    font-family: "icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.atlas-cl .ant-carousel .slick-next {
    right: 8px
}

.atlas-cl .ant-carousel .slick-next:before {
    content: "\E861";
    font-family: "icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.white-color {
    color: #fff !important
}

.highlight-color {
    color: #ff9a1b
}

.wait-color {
    color: #4190ea
}

.loading-color {
    color: #ff9a1b !important
}

.success-color {
    color: #bdbdbd
}

.error-color {
    color: #cf2525
}

.color-waiting {
    color: #4190ea !important
}

.color-green {
    color: #00c500 !important
}

.color-success {
    color: #bdbdbd !important
}

.color-failure {
    color: #ffbe02 !important
}

.color-cancel {
    color: #cf2525 !important
}

.color-black {
    color: #000 !important
}

.color-red {
    color: red !important
}

.color-waiting-use {
    color: #2289cb !important
}

.color-waiting-pay {
    color: #090 !important
}

.selected {
    color: #4190ea !important;
    font-size: larger
}

.unselected {
    color: #bdbdbd !important
}

.radius-4 {
    border-radius: 4px !important
}

.card-inline>a {
    display: inline-block;
    margin-right: 8px
}

.card-inline>a:last-child {
    margin-right: 0
}

.ant-card.card-inline {
    display: inline-block
}

.ant-card.ant-card-hoverable:hover {
    border-color: rgba(0, 0, 0, .09);
    box-shadow: 0 2px 14px 8px rgba(0, 0, 0, .09)
}

.pagination-center .ant-list-pagination {
    text-align: center
}

.pagination-center .ant-table-pagination.ant-pagination {
    text-align: center;
    float: inherit
}

.pinglun-box {
    border-bottom: 1px solid #eee
}

.pinglun-box .ant-comment-nested {
    border-radius: 5px;
    background-color: #f9f9f9;
    padding: 0 15px;
    margin-bottom: 15px
}

.pinglun-box .ant-comment-nested .ant-comment {
    border-bottom: 1px solid #eee
}

.pinglun-box .ant-comment-nested .ant-comment:first-child {
    padding-top: 10px
}

.pinglun-box .ant-comment-nested .ant-comment:last-child {
    border: none
}

.pinglun-box .ant-comment-nested .ant-comment-inner {
    padding: 15px
}

.pinglun-box .ant-comment-content-author,
.pinglun-box .ant-comment-content-detail {
    padding-right: 50px
}

.pinglun-box .ant-comment-actions>li:first-child {
    position: absolute;
    right: 20px;
    top: 0
}

.pinglun-box .ant-comment-actions>li:first-child span {
    padding-right: 0
}

.pinglun-box .ant-comment-actions>li:first-child span i {
    color: #404040;
    font-size: 14px;
    margin-right: 5px
}

.pinglun-box .ant-comment-actions>li:last-child {
    position: absolute;
    right: 20px;
    top: 23px
}

.pinglun-box .ant-comment-actions>li:last-child span {
    padding-right: 0
}

.carnet-text {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    padding: 15px 0
}

.txtlimit {
    text-align: right;
    color: gray
}

.box {
    position: relative;
    overflow: hidden
}

.main {
    cursor: pointer
}

.boxShow {
    box-shadow: 0 4px 8px 2px rgba(0, 0, 0, .1)
}

.ant-back-top.home-backTop {
    display: none;
    right: 2px;
    bottom: 36px;
    width: 32px;
    height: 32px
}

.ant-back-top.home-backTop .ant-back-top-content {
    width: 32px;
    height: 32px;
    background-color: #404040
}

.ant-back-top.home-backTop .ant-back-top-content:hover {
    background-color: #000
}

.ant-back-top.home-backTop .ant-back-top-content .ant-back-top-icon {
    margin: 10px auto
}

.scoll-top .ant-back-top {
    right: 30px
}

.home-ancre {
    display: none;
    position: fixed;
    right: 0;
    bottom: 80px;
    width: 36px;
    background-color: #404040;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 100;
    box-shadow: 0 3px 10px 0 rgba(5, 70, 112, .21);
    transition: all .2s
}

.home-ancre ul {
    padding: 0;
    margin: 0
}

.home-ancre ul li {
    position: relative;
    list-style: none;
    padding: 10px 0;
    text-align: center;
    margin: 0;
    font-size: 12px
}

.home-ancre ul li:after {
    content: "";
    position: absolute;
    left: 9px;
    bottom: 0;
    display: inline-block;
    width: 18px;
    height: 1px;
    background-color: #d1d1d1
}

.home-ancre ul li a {
    color: #fff
}

.home-ancre ul li i {
    font-size: 16px
}

.home-ancre ul li:last-child:after {
    display: none
}

.home-ancre.effect {
    right: -40px
}

.home-ancre:hover {
    right: 0
}

.line-label {
    position: relative;
    overflow: hidden;
    padding-left: 20px;
    cursor: pointer
}

.line-label:hover .ant-typography p,
.line-label:hover div.ant-typography {
    color: #000
}

.line-label:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 5px;
    background-color: #404040;
    left: 0;
    top: 50%;
    margin-top: -2.5px
}

.line-label .ant-typography p,
.line-label div.ant-typography {
    margin-bottom: 0
}

.no-data {
    width: 100%;
    height: 200px;
    text-align: center;
    line-height: 200px
}

.bi-hover {
    transition: all .4s
}

.bi-hover:hover {
    -webkit-transform: translateY(-2%);
    transform: translateY(-2%);
    box-shadow: 1px 4px 10px 2px #ccc
}

.hand-cover {
    cursor: pointer !important
}

.font-weight-normal {
    font-weight: normal !important
}

.copy-a-label {
    cursor: pointer !important;
    color: #2289cb
}

.nav {
    background-color: #06060b;
    height: 28px;
    line-height: 28px
}

.nav,
.nav a {
    color: #fff;
    font-size: 12px
}

.nav a {
    text-decoration: none;
    display: inline-block;
    vertical-align: top
}

.nav a:hover {
    color: #bdbdbd
}

.head-logo {
    height: 32px;
    float: left;
    margin-right: 30px
}

.head-logo img {
    height: 100%
}

.header {
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    transition: all .2s
}

.header .ant-menu-horizontal {
    border-bottom: none
}

.header .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header .container .ant-menu {
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.header .ant-menu li:hover {
    color: #00c1fb !important;
    border-bottom: 2px solid #00c1fb
}

.header .ant-menu li:hover .ant-menu-submenu-title,
.header .ant-menu li:hover>a {
    color: #00c1fb !important
}

.global-search {
    width: 250px
}

.global-search.ant-select-auto-complete .ant-input-affix-wrapper .ant-input:not(:last-child) {
    padding-right: 62px
}

.global-search.ant-select-auto-complete .ant-input-affix-wrapper .ant-input-suffix {
    right: 0
}

.global-search.ant-select-auto-complete .ant-input-affix-wrapper .ant-input-suffix button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.global-search .global-search-item-count {
    position: absolute;
    right: 16px
}

.ant-affix .header {
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .05)
}

.head-menu {
    position: relative;
    overflow: hidden;
    z-index: 100
}

.header-search {
    height: 32px;
    line-height: 32px;
    padding-right: 20px
}

.header-search input {
    width: 85%;
    padding-right: 30px
}

.header-search i {
    font-size: 20px;
    margin-top: 6px;
    float: right;
    color: #404040;
    cursor: pointer
}

.head-menu.other-head-menu .nav {
    display: none
}

.head-menu.other-head-menu .header {
    padding: 0;
    background-color: rgba(0, 37, 97, .6);
    height: auto
}

.head-menu.other-head-menu .head-logo {
    height: 30px
}

.footer {
    position: relative;
    z-index: 11;
    background-color: #2f4052;
    padding: 40px 0
}

.footer,
.footer .ant-typography {
    color: #fff
}

.footer .footer-desc {
    margin-top: 10px;
    font-size: 14px
}

.footer .footer-content li,
.footer .footer-content ul {
    margin: 0;
    padding: 0 0 5px;
    list-style: none
}

.footer .footer-content a {
    color: #60606d
}

.footer .footer-content a:hover {
    color: #404040
}

.footer .ant-col:last-child .footer-content {
    margin-right: 0
}

.footer .footer-desc {
    padding-bottom: 15px
}

.footer .footer-desc p {
    margin-bottom: 0
}

.footer .footer-desc p i {
    margin-right: 3px
}

.footer .footer-desc p i.icon-phone {
    margin-right: 6px
}

.login-box {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 340px);
    overflow: hidden
}

.login-box .login-mini {
    min-height: 500px
}

.login-box video {
    -webkit-filter: blur(9px);
    filter: blur(9px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
    width: 102%
}

.login-box .login-content-box,
.login-box video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.login-box .login-content-box {
    height: 335px;
    width: 360px;
    z-index: 99;
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 0 6px hsla(0, 0%, 100%, .15);
    padding: 20px;
    border-radius: 4px
}

.login-box .login-content-box .ant-form-item {
    margin-bottom: 14px
}

.login-box .login-content-box .ant-typography {
    margin-bottom: .8em;
    text-align: left
}

.login-box .login-back {
    background-color: rgba(108, 98, 255, .2);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2
}

.login-form .images-auto {
    margin: 0 auto
}

.login-form-forgot {
    float: right
}

.login-form-button {
    width: 100%
}

.erwe-icon {
    position: absolute;
    top: 18px;
    overflow: hidden;
    right: 20px;
    width: 60px;
    height: 60px;
    vertical-align: top;
    z-index: 14;
    cursor: pointer
}

.erwe-icon:after {
    content: "";
    position: absolute;
    left: 14px;
    bottom: 11px;
    width: 12px;
    height: 19px;
    border-bottom: 49px solid #ededf4;
    border-right: 52px solid transparent
}

.erwe-icon i {
    font-size: 45px;
    float: right;
    margin-top: -15px;
    cursor: pointer
}

.login-tip {
    position: absolute;
    top: 24px;
    right: 70px
}

.login-tip .poptip {
    border: 1px solid #f3d995;
    height: 27px;
    line-height: 16px;
    padding: 5px 20px 5px 15px;
    background: #fefcee;
    position: relative;
    z-index: 16
}

.login-tip .poptip .poptip-arrow {
    top: 8px;
    right: 0
}

.login-tip .poptip .poptip-arrow em {
    top: 6px;
    right: -7px;
    border-left-color: #f3d995;
    border-width: 6px 0 6px 6px
}

.login-tip .poptip .poptip-arrow span {
    border-left-color: #fefcee;
    border-width: 6px 0 6px 6px;
    top: 6px;
    right: -5px
}

.poptip-arrow em,
.poptip-arrow span {
    position: absolute;
    width: 0;
    height: 0;
    border-color: hsla(0, 0%, 100%, 0);
    border-color: transparent \0;
    border-style: solid;
    overflow: hidden;
    top: 0
}

.poptip .poptip-content {
    color: #df9c1f;
    font-size: 12px;
    font-weight: 400
}

.login-statu {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px
}

.login-statu i {
    vertical-align: text-bottom;
    line-height: 39px;
    margin-right: 10px;
    color: #48a6d9
}

.login-statu span {
    display: block;
    text-align: left
}

.login-statu div {
    display: inline-block
}

.erwe-login-erwe .erwe-icon:after {
    opacity: 0
}

.ant-card.register-box {
    margin: 16px 0;
    min-height: calc(100vh - 375px);
    background: #fff url(../images/back.d0c9f937.png) bottom repeat-x
}

.ant-card.register-box .ant-card-body>.ant-row {
    margin: 16px 0
}

.code-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    text-align: center
}

.code-btn:hover {
    color: #404040;
    border-color: #404040
}

.tag-select {
    margin-top: 20px
}

.tag-select h3 {
    color: #666;
    font-weight: normal
}

.index-content {
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 1200px;
    overflow: hidden
}

.index-content .swiper-wrapper .swiper-slide {
    height: calc(100vh - 76px) !important
}

.index-content .swiper-wrapper .swiper-slide.auto-height {
    height: 264px !important
}

.park-select {
    width: 380px;
    overflow: hidden
}

.park-select .ant-radio-wrapper {
    width: calc(50% - 8px);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.park-select-title {
    height: 35px;
    line-height: 35px
}

.park-select-title i {
    margin-right: 5px
}

.page-header {
    position: relative;
    background-color: #fff;
    padding: 12px
}

.page-header:after {
    content: "";
    display: table;
    clear: both
}

.page-header .ant-input-searchn {
    margin-left: 16px
}

.collect-badge {
    cursor: pointer;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle
}

.collect-badge .icon {
    margin-right: 3px;
    font-size: 14px
}

.collect-badge.active,
.collect-badge:hover {
    color: #404040
}

.share-badge {
    cursor: pointer;
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle
}

.share-badge .icon {
    margin-right: 3px;
    font-size: 14px
}

.share-badge.active,
.share-badge:hover {
    color: #404040
}

.details-intro-header .rows em {
    display: inline-block;
    font-style: normal;
    margin-right: 10px;
    color: #999
}

.right-hoving {
    position: fixed;
    max-width: 288px;
    z-index: 9;
    top: 66px
}

.hovering-box {
    position: fixed;
    width: 1200px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    top: 50px;
    text-align: center;
    z-index: 9;
    background-color: #f0f2f5
}

.hovering-box .hovering-name {
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
    padding: 15px
}

.hovering-box .hovering-name>span {
    color: #333;
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold
}

.tabs-policy .ant-tabs-left-bar {
    height: 275px !important
}

.hoveing-tabs.ant-tabs .ant-tabs-nav-container {
    position: fixed;
    width: 187px;
    top: 150px;
    height: auto !important;
    background-color: #fff;
    padding: 15px;
    box-sizing: content-box;
    margin-left: -15px;
    transition: unset;
    z-index: 9
}

.info-article-name {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #333
}

.info-article-type {
    margin-top: 30px;
    padding: 0 15px 15px;
    border-bottom: 1px solid #404040
}

.info-type-date>span {
    margin-right: 30px
}

.info-type-date>span:last-child {
    margin-right: 0
}

.info-type-operate .icon {
    font-size: 14px;
    margin-left: 5px
}

.info-type-operate span {
    margin-left: 20px;
    cursor: pointer;
    vertical-align: top
}

.info-type-operate span:active,
.info-type-operate span:hover {
    color: #404040
}

.info-type-operate span:first-child {
    margin-left: 0
}

.info-article-details {
    font-size: 16px;
    line-height: 1.7;
    padding: 20px 10px;
    color: #666
}

.info-article-details * {
    max-width: 100% !important
}

.info-comment {
    margin-top: 30px
}

.info-comment .paging {
    margin: 30px 0 40px
}

.info-second-title {
    font-size: 18px;
    color: #333;
    position: relative;
    padding-left: 12px
}

.info-second-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 18px;
    background-color: #404040;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.comment-write {
    margin-top: 10px
}

.comment-write .ant-form-item-control {
    text-align: right
}

.describe-three .ant-typography {
    height: 66px
}

.paging-left .ant-pagination {
    text-align: left
}

.paging-circle {
    margin: 35px 0
}

.paging-circle .ant-pagination {
    text-align: center
}

.circle-details-infor .img {
    display: block;
    width: 100%
}

.circle-details-infor .icon-box {
    margin-bottom: 5px
}

.circle-details-infor .icon-box em {
    display: inline-block;
    margin: 0 10px;
    color: #ddd
}

.circle-details-infor .title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0
}

.circle-details-infor .row {
    margin-bottom: 5px
}

.circle-details-infor .ant-btn {
    margin: 15px 0
}

.circle-member-card .ant-card-head-title {
    font-size: 18px
}

.circle-member-card .ant-list-vertical .ant-list-item-meta {
    margin-bottom: 0
}

.circle-post-content .ant-list-item-action {
    padding-left: 48px
}

.circle-post-content .ant-list-item-meta-description {
    color: #666
}

.circle-post-col {
    margin-top: 10px
}

.circle-post-col .ant-col-23 {
    padding-left: 14px
}

.circle-carousel {
    height: 220px
}

.circle-carousel .slick-list {
    height: 100%
}

.circle-carousel .slick-slide img {
    height: 100%;
    object-fit: cover
}

.circle-modal .ant-modal-close-x {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.contact-form .ant-form-item {
    margin-bottom: 10px
}

.contact-form textarea.ant-input {
    margin-top: 3px
}

.policy-tips {
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.policy-phone {
    text-align: center;
    color: #404040;
    font-size: 16px
}

.policy-phone .icon {
    margin-right: 5px
}

.info-tag span {
    margin: 0 10px 10px 0
}

.info-article-item {
    margin-bottom: 15px
}

.info-article-item:last-child {
    margin-bottom: 0
}

.details-name div.ant-typography {
    margin-bottom: 10px
}

.ant-list.details-intro .ant-list-item {
    padding: 1px 0;
    margin: 0;
    min-height: 45px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ant-list.details-intro .ant-list-item:last-child {
    border-bottom: 1px solid #e8e8e8
}

.type-name {
    display: inline-block;
    color: #999;
    margin-right: 10px;
    width: 80px
}

.details-content-title {
    font-size: 18px;
    color: rgba(0, 0, 0, .65);
    margin-bottom: 10px
}

.details-content-write {
    font-size: 14px;
    color: #666
}

.details-content-write p {
    margin-bottom: 0
}

.small-price {
    color: #cf2525;
    font-size: 16px
}

.my-order-litstyle,
.my-order-litstyle .my-order-status {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.my-order-litstyle .my-order-status {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.my-order-title {
    font-family: "Arial Normal", "Arial";
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #d30f1b
}

.btn-webstyle,
.my-order-title {
    text-align: right
}

.btn-webstyle button {
    margin: 0 5px
}

.coupons-box {
    width: 75px;
    height: 75px;
    position: relative;
    overflow: hidden;
    color: #fff;
    background-image: linear-gradient(138deg, #f7a72c, #f88939 60%, #f88000);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px
}

.coupons {
    cursor: pointer
}

.coupons,
.coupons-get {
    border: 1px solid #ff8300 !important
}

.coupons-downlist .ant-collapse-item {
    border-bottom: none !important
}

.coupons-downlist .ant-collapse-header {
    padding: 0 !important
}

.coupons-downlist .ant-collapse-arrow {
    position: absolute !important;
    top: 10px !important;
    left: 135px !important;
    font-size: 16px !important;
    color: #404040 !important
}

.coupons-downlist .ant-collapse-content-box {
    padding: 0 !important
}

div .btn-Jaune {
    background-color: #f90;
    float: right;
    border-radius: 17px;
    height: 26px;
    padding: 0 16px;
    line-height: 24px;
    border: 1px solid #f37d00;
    cursor: pointer;
    margin-right: 0
}

.conpountitle-num {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.coupons-mylist .ant-list-item {
    display: block !important
}

.coupons-mylist .mycoupon-btn-style {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.coupons-mylist .mycoupon-btn-style .coupon-touse {
    background-color: #f89235;
    border-color: #f89235;
    margin-left: 5px
}

.coupons-mylist .coupon-touse-end,
.coupons-mylist .coupons-box-end {
    background: #eee !important;
    border-color: #eee !important
}

.coupons-mylist .coupons-end {
    border: 1px solid #eee !important
}

.success-content {
    margin: 50px 0;
    text-align: center
}

.success-content .success-icon .icon {
    color: #404040;
    font-size: 60px
}

.success-content .success-name {
    font-size: 20px;
    margin-top: 10px
}

.success-content .success-tips {
    margin-top: 10px
}

.success-content .success-btn {
    margin-top: 20px
}

.login-form-button {
    margin-top: 5px
}

.impression-info {
    line-height: 30px
}

.impression-info .type-name {
    width: auto
}

.check-map {
    color: #404040;
    margin-left: 10px;
    cursor: pointer
}

.check-map,
.check-map i {
    font-style: normal
}

.impression-map {
    height: 400px
}

.reserve-tag-content {
    margin-top: -5px;
    margin-bottom: 10px
}

.reserve-tag-content .ant-tag {
    margin: 4px 8px 4px 0
}

.reserve-tag-content .ant-tag-checkable {
    background-color: #fff;
    line-height: 30px
}

.reserve-tag-content .ant-tag-checkable-checked {
    background-color: #404040
}

.reserve-tag-content .ant-tag.active {
    background-color: #cf2525
}

.state-tag-tips span {
    position: relative;
    padding-left: 20px;
    margin-right: 20px
}

.state-tag-tips span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border: 1px solid #e8e8e8
}

.state-tag-tips span:first-child:before {
    background-color: #fff
}

.state-tag-tips span:nth-child(2):before {
    background-color: #cf2525
}

.state-tag-tips span:nth-child(3):before {
    background-color: #404040
}

.choice-tag-list {
    background-color: #f5f5f5;
    padding: 12px;
    margin-top: 5px
}

.room-details .bd {
    position: relative
}

.room-details .bd .tit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.room-details .bd .tit span {
    display: inline-block;
    font-size: 14px;
    color: #f90;
    font-weight: bold
}

.room-details .bd .tit span:first-child {
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.room-details .bd .tit span:nth-of-type(2),
.room-details .bd .tit span:nth-of-type(3) {
    width: 80px;
    text-align: right
}

.room-details .bd .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0
}

.room-details .bd .row span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 14px
}

.room-details .bd .row span:first-child {
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.room-details .bd .row span:nth-of-type(2),
.room-details .bd .row span:nth-of-type(3) {
    width: 80px;
    text-align: right
}

.room-details .bd .row span.red {
    color: #fd3301;
    font-weight: bold
}

.room-details .bd .bt {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 5px
}

.room-details .bd .bt:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5;
    top: 0;
    border-top: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.room-details .bd .bt span {
    display: inline-block;
    font-size: 14px
}

.room-details .bd .bt span:first-child {
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.room-details .bd .bt span:nth-of-type(2) {
    width: 80px;
    text-align: right
}

.room-details .bd .bt span:nth-of-type(3) {
    width: 80px;
    text-align: right;
    font-weight: bold;
    color: #333
}

.select-time {
    position: relative;
    background-color: #fff
}

.select-time .tit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 15px 5px
}

.select-time .tit span {
    display: inline-block;
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    color: #666;
    border-radius: 3px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin-left: -5px
}

.select-time .tit span:after {
    border-radius: 3px
}

.select-time .tit span.off {
    background-color: #f4f4f4;
    color: #999
}

.select-time .tit span.actived {
    background-color: rgba(64, 64, 64, .36);
    color: #fff
}

.select-time .tit span.on {
    background-color: #404040;
    color: #fff
}

.select-time .getout-time {
    padding: 5px 15px 10px;
    font-size: 12px;
    color: #ff9a1b
}

.select-time .getout-time i {
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    top: -1px
}

.select-time .bd {
    position: relative;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 15px;
    padding: 5px 0
}

.select-time .fd {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.select-time .fd .timetit {
    font-size: 14px;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center
}

.select-time .fd .next,
.select-time .fd .prev {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: #ff9a1b
}

.select-time .fd .prev:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px
}

.select-time .fd .next:before {
    width: 12px;
    height: 2px
}

.select-time .fd .next:after,
.select-time .fd .next:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 1px
}

.select-time .fd .next:after {
    width: 2px;
    height: 12px
}

.time-list {
    position: relative;
    white-space: nowrap
}

.time-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.time-list li {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 100px
}

.time-list li:before {
    left: 0;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.time-list li:after,
.time-list li:before {
    content: " ";
    position: absolute;
    right: 0;
    color: #e5e5e5;
    bottom: 0
}

.time-list li:after {
    top: 0;
    width: 1px;
    border-right: 1px solid #e5e5e5;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.time-list li:nth-of-type(odd):after {
    top: 35px
}

.time-list li:last-child:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

.time-list li .time {
    display: block;
    font-size: 10px;
    color: #000;
    text-align: center;
    margin-top: 5px
}

.time-list li .main {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 35px
}

.time-list li.off .main {
    background-color: #f4f4f4
}

.time-list li.actived .main {
    background-color: rgba(64, 64, 64, .36)
}

.time-list li.on .main {
    background-color: #404040
}

.time-list li:nth-of-type(2n) .time {
    color: #fff
}

.my-upload-box .my-upload-button {
    width: 180px;
    height: 180px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 5px 0;
    text-align: center;
    border: 1px solid #bdbdbd;
    border-radius: 50%
}

.my-upload-box .my-upload-button .my-upload-img-opacity {
    opacity: 0;
    z-index: 10
}

.my-upload-box .my-upload-button input {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.my-upload-box .my-upload-button .images-auto {
    border-radius: 50%
}

.bdshare_popup_bottom {
    display: none
}

.share-badge .bdsharebuttonbox .bds_more {
    float: none;
    padding: 0;
    background: none;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    margin-bottom: 0
}

.park-details * {
    max-width: 100% !important
}

.attach .upload {
    padding-left: 15px;
    height: 44px
}

.attach .upload>div {
    width: 100%
}

.attach .upload .webuploader-pick span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.attach .upload .webuploader-pick i {
    margin-right: 5px;
    margin-top: 0
}

.upload-box,
.webuploader-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.upload-box i,
.webuploader-container i {
    margin-right: 3px;
    line-height: 1;
    margin-top: 2px
}

.file-input,
.webuploader-element-invisible {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.type-box {
    position: relative
}

.type-box span {
    position: absolute;
    font-size: 12px;
    bottom: 0;
    left: 5px;
    line-height: 1.2;
    -webkit-transform: scale(.5);
    transform: scale(.6);
    background-color: #fff;
    max-width: 36px;
    overflow: hidden;
    text-overflow: ellipsis
}

.type-box span i {
    display: block;
    position: relative;
    top: 5px
}

.no-notice {
    background-color: transparent;
    color: #333
}

.readonly .ant-upload.ant-upload-disabled,
.readonly .ant-upload.ant-upload-select-picture-card {
    display: none
}

.button-title {
    line-height: 32px
}

.use-coupon-select {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start !important;
    -ms-flex-align: start !important;
    align-items: start !important
}

.choseNo .coupons {
    border: 1px solid #f5f5f5 !important
}

.choseNo .anticon-check {
    display: none
}

.choseActive .coupons {
    border: 1px solid #ff9a1b !important
}

.choseActive .anticon-check {
    display: inline-block
}

.invioce-vire-shoice .ant-form-item {
    margin-bottom: 2px !important
}

.invioce-vire-shoice .ant-select-lg .ant-select-selection--single {
    height: 31px !important
}

.invioce-vire-shoice .ant-select-lg .ant-select-selection__rendered {
    line-height: 30px !important;
    font-size: 13px !important
}

.invioce-vire-shoice .ant-form-item-children .ant-input[disabled] {
    height: 30px;
    padding: 0 11px;
    font-size: 14px;
    line-height: 30px
}

.position-timepicker .ant-calendar-picker {
    margin-right: 5px
}

.ant-card.index-activity-card {
    transition: all .4s;
    cursor: pointer
}

.ant-card.index-activity-card h4 {
    height: 56px
}

.ant-card.index-activity-card:hover h4 {
    color: #404040
}

.info-min {
    min-height: 454px
}

.tree-list {
    margin-bottom: -1px
}

.tree-list .tree-node .tree-node {
    position: relative
}

div.sum-box {
    float: left;
    width: 20%;
    padding-right: 5%;
    text-align: right
}

.tree-box,
div.sum-box {
    display: block;
    position: relative;
    overflow: hidden
}

.tree-node-title.active {
    color: #488be9
}

.tree-node-title .tree-node-arrow {
    display: inline-block;
    width: 1.6rem;
    text-align: center;
    transition: all .2s
}

.tree-node-title .tree-node-link {
    float: right;
    color: hsla(0, 0%, 53%, .45);
    font-size: 1.6rem
}

.tree-node.active>.tree-box>.am-flexbox.am-flexbox-align-center>.tree-node-title>.am-flexbox.am-flexbox-align-center>.tree-node-arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tree-node>.tree-node {
    display: none
}

.tree-node.active>.tree-node {
    display: block
}

.dropdown-content .tree-list {
    margin-bottom: 0;
    border-top: 1px solid #ddd
}

div.tree-node-title {
    display: block;
    padding: .6rem .6rem .6rem 0;
    text-align: left;
    color: #888
}

div.tree-node-title .number {
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -.8rem;
    min-width: 10px;
    padding: 0 12px;
    color: #666;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: .9rem;
    margin-right: 0
}

a.tree-node-title {
    display: block;
    padding: .6rem .6rem .6rem 1.9rem;
    text-align: left;
    color: #888
}

a.tree-node-title .number {
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -.8rem
}

.number,
a.tree-node-title .number {
    min-width: 10px;
    padding: 0 12px;
    color: #666;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: .9rem;
    margin-right: 0
}

.number {
    display: inline-block;
    width: 30px;
    margin-top: .8rem
}

.tree-node.active>.tree-node {
    padding-left: 1rem
}

.tree-node.active>.tree-node.active>.tree-node:last-child {
    border-bottom: 0
}

.tree-model .showed {
    height: calc(100vh - 203px) !important
}

.apply-modal-tag {
    margin: 8px 0 10px;
    max-height: 138px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.apply-modal-tag .tag-item {
    min-width: 50%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-bottom: 8px
}

.apply-modal-tag .tag-item:nth-child(odd) {
    padding-right: 4px
}

.apply-modal-tag .tag-item:nth-child(2n) {
    padding-left: 4px
}

.apply-modal-tag .tag-item.active span {
    background-color: #404040;
    color: #fff
}

.apply-modal-tag span {
    background-color: #f2f2f2;
    color: #999;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 14px;
    height: 38px;
    line-height: 1.2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box
}

.select-hide {
    text-align: center;
    padding-left: 550px
}

.select-hide .select-hide-box {
    width: 100px;
    background-color: #fff;
    cursor: pointer
}

.sortBox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.6;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    line-height: unset
}

.sortBox .active {
    color: #4190ea !important;
    border: 1px solid #4190ea !important
}

.sortBox .first {
    border: 1px solid #d9d9d9;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.sortBox .last {
    border: 1px solid #d9d9d9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.sortBox .other {
    border: 1px solid #d9d9d9;
    border-left: 0
}

.sortBox .sortButton {
    position: relative;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    line-height: 30px;
    background: #fff;
    border-top-width: 1.02px;
    cursor: pointer;
    transition: color .3s, background .3s, border-color .3s
}

.classify,
.sortBox .sortButton {
    display: inline-block;
    color: rgba(0, 0, 0, .65)
}

.classify {
    margin-right: 24px;
    padding: 0 8px;
    font-size: 14px;
    box-sizing: border-box;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    height: auto;
    line-height: 20px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: default;
    opacity: 1;
    transition: all .3s cubic-bezier(.78, .14, .15, .86);
    background-color: transparent
}

.classify-checked {
    color: #fff;
    background-color: #2289cb !important
}

.park-select-box {
    line-height: unset
}

.park-select-box,
.park-select-box .park-radio-box {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.park-select-box .park-radio-box {
    line-height: 1.6;
    position: relative;
    margin-right: 8px;
    white-space: nowrap;
    cursor: pointer;
    width: calc(50% - 8px);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.park-select-box .park-radio-box :hover .park-radio-inner {
    border-color: #2289cb !important
}

.park-select-box .park-radio-box .park-radio {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.6;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: sub;
    outline: none;
    cursor: pointer
}

.park-select-box .park-radio-box .park-radio .park-radio-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.park-radio-checked .park-radio-inner {
    border-color: #2289cb
}

.park-radio-checked .park-radio-inner:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.park-radio-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #2289cb;
    border-radius: 50%;
    visibility: hidden;
    -webkit-animation: antRadioEffect .36s ease-in-out;
    animation: antRadioEffect .36s ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    content: ""
}

.park-radio-text {
    padding-right: 8px;
    padding-left: 8px
}

.park-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
    transition: all .3s
}

.park-radio-inner:after {
    position: absolute;
    top: 3px;
    left: 3px;
    display: table;
    width: 8px;
    height: 8px;
    background-color: #2289cb;
    border-top: 0;
    border-left: 0;
    border-radius: 8px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all .3s cubic-bezier(.78, .14, .15, .86);
    content: " "
}

.bd_weixin_popup {
    height: 300px !important
}

.center-steps.ant-steps {
    padding: 50px 70px 20px
}

.center-steps.ant-steps.ant-steps-label-vertical .ant-steps-item-content {
    width: 160px;
    position: relative
}

.center-steps.ant-steps.ant-steps-label-vertical .ant-steps-item-icon {
    margin-left: 60px;
    border-width: 2px;
    line-height: 42px;
    height: 42px;
    width: 42px
}

.center-steps.ant-steps.ant-steps-label-vertical .ant-steps-item-icon .ant-steps-icon {
    font-size: 20px;
    font-weight: bold;
    font-family: Arial
}

.center-steps.ant-steps.ant-steps-label-vertical .ant-steps-item-icon .ant-steps-icon .icon {
    font-size: 42px;
    line-height: 1;
    font-weight: bold
}

.center-steps.ant-steps.ant-steps-label-vertical .ant-steps-item-tail {
    margin-left: 80px;
    top: 17px;
    padding: 3.5px 32px
}

.center-steps.ant-steps .ant-btn {
    height: 24px;
    line-height: 22px;
    border-radius: 12px;
    padding: 0 27px
}

.center-steps.ant-steps .ant-steps-item-title {
    font-size: 18px;
    color: #000 !important;
    position: absolute;
    width: 100%;
    left: 0;
    top: -95px
}

.center-steps.ant-steps .ant-steps-item-tail:after {
    height: 2px
}

.center-steps.ant-steps .ant-steps-item-description {
    margin-top: 12px
}

.report-form {
    margin: 20px 0;
    margin: 30px 0
}

.report-form .ant-checkbox-wrapper {
    font-size: 16px
}

.report-form .ant-checkbox-wrapper+.ant-checkbox-wrapper {
    margin: 0 15px 0 0
}

.report-form input[type=text] {
    border: 1px solid #d9d9d9;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none
}

.report-form input[type=text].inline {
    display: inline-block;
    width: auto;
    min-width: 200px;
    margin-right: 10px
}

.report-form input[type=text].small {
    display: inline-block;
    width: 60px;
    margin: 0 10px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0
}

.report-form .chapter {
    height: 150px;
    margin-top: 20px
}

.report-form .table-division {
    color: #404040
}

.report-form-wd {
    padding: 50px;
    box-shadow: 0 0 15px #eee
}

.report-form-title {
    text-align: center;
    font-size: 24px;
    color: #404040;
    line-height: 1.4
}

.report-form-title p {
    margin: 0
}

.report-form-type {
    font-size: 16px;
    margin: 20px 0
}

.table-list {
    width: 100%;
    border: 1px solid #e6e6e6;
    font-size: 16px
}

.table-list td {
    padding: 10px 15px;
    min-height: 20px;
    border: 1px solid #e6e6e6
}

.table-list td.bg {
    color: #000;
    width: 200px
}

.table-list .table-title {
    font-size: 18px;
    color: #000;
    background-color: #f5f5f5
}

.report-form .personlist {
    font-size: 16px
}

.report-form .personlist .bt_1307_regTitle {
    margin: 25px 0 15px
}

.report-form .personlist .title {
    font-size: 20px;
    color: #333;
    position: relative;
    padding-left: 20px;
    display: inline-block
}

.report-form .personlist .title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 18px;
    background-color: #404040;
    border-radius: 4px
}

.report-form .personlist td {
    padding: 10px;
    border: 1px solid #e6e6e6
}

.report-form .ant-row-flex-middle button {
    margin-left: 10px
}

.report-form-detail {
    padding: 0 40px
}

.report-form-detail .personlist {
    font-size: 14px
}

.report-form-detail .personlist .title {
    font-size: 17px;
    padding-left: 0
}

.report-form-detail .personlist .title:before {
    display: none
}

.my-page .ant-page-header-ghost {
    background-color: #fff
}

.my-home-title {
    font-weight: 600
}

.spacemap {
    z-index: 10 !important
}

.flowstate_select .ant-select-selection .ant-select-selection__rendered .ant-select-selection__placeholder {
    font-size: 16px
}

.extra-button {
    width: 80px
}

.circle-comment.pinglun-box .ant-comment-actions>li:last-child {
    position: absolute;
    right: 0;
    top: 0
}

.circle-comment.pinglun-box .ant-comment-content-detail {
    padding-right: 0
}

.circle-comment .reply-box {
    margin-top: 10px;
    border-radius: 6px;
    padding: 0 16px;
    background-color: #f9f9f9
}

.circle-comment .reply-box .ant-comment-avatar,
.circle-comment .reply-box .ant-comment-content-author {
    display: none
}

.row-my-infos {
    padding: 10px 0;
    background-color: #fff
}

.my-form .ant-form-item {
    margin-bottom: 0
}

.my-form .ant-form-item .ant-form-item-label {
    text-align: left
}

.my-form .ant-form-item .ant-col {
    width: 100%
}

.my-form .ant-select-selection--single {
    height: 45px
}

.my-form .ant-select-selection__rendered {
    line-height: 43px
}

.my-form .ant-input {
    height: 45px
}

.my-form textarea.ant-input {
    height: auto
}

.my-form .ant-tag {
    background: #f2f2f2;
    color: #c9c9c9;
    border: none;
    border-radius: 0;
    padding: 2px 15px
}

.my-form .ant-tag.active {
    color: #05b8ce !important;
    background-color: #eaf8fa !important
}

.form-space {
    position: relative;
    overflow: hidden;
    padding: 30px 0
}

.form-space:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    border-top: 1px dashed #ddd
}

.extra-font {
    font-size: 16px;
    font-weight: normal !important;
    color: #bdbdbd !important
}

.circle-dynamic-card .ant-card-body {
    padding: 0 24px
}

.newslist .title-a,
.newslist .title-a .ant-row {
    width: 100%
}

.cgyy-form-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cgyy-form-list input {
    height: 44px
}

.ant-modal.subscribe-modal-height .ant-modal-body {
    min-height: 200px;
    max-height: 200px;
    overflow-y: hidden
}

.ant-modal.subscribe-modal {
    min-width: 400px !important;
    max-width: 400px !important
}

.ant-modal.subscribe-modal .ant-modal-header {
    background-color: #eff3f8;
    border-bottom: 1px solid #83c1ed
}

.ant-modal.subscribe-modal .ant-modal-title {
    font-size: 22px;
    font-weight: bold;
    color: #0784dc
}

.ant-modal.subscribe-modal .ant-modal-close-x .anticon svg {
    width: 18px;
    height: 18px;
    color: #2579db
}

.ant-modal.subscribe-modal .ant-modal-body {
    padding: 10px
}

.ant-modal.subscribe-modal .ant-modal-content {
    min-width: 400px !important;
    max-width: 400px !important
}

.page-components {
    position: relative
}

.page-components .page-components-rows {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #e8e8e8
}

.page-components .page-components-rows .page-components-rows-label {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 24px;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    text-align: right
}

.page-components .page-components-rows .page-components-rows-label span {
    display: inline-block;
    height: 32px;
    line-height: 32px
}

.page-components .page-components-rows .page-components-rows-content {
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.page-components .page-components-rows.page-components-rows-last,
.page-components .page-components-rows:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.page-components .page-components-rows-select {
    position: relative;
    margin-left: -8px;
    overflow: hidden;
    line-height: 32px;
    transition: all .3s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page-components .page-components-rows-select .ant-tag {
    margin-right: 24px;
    padding: 0 8px;
    font-size: 14px
}

.small-card .ant-card-body {
    padding: 16px 24px
}

.condition-name {
    width: 80px;
    text-align: center
}

.form-footer {
    position: relative;
    padding: 24px 0
}

.list-box div.ant-typography {
    margin-bottom: 5px
}

.list-box .list-title {
    font-size: 16px;
    margin-bottom: 10px
}

.list-box .list-title .ant-typography a {
    color: #333
}

.list-box .list-title .ant-typography a:hover {
    color: #404040
}

.list-box .list-more {
    margin-top: 10px
}

.price-img {
    position: relative
}

.price-img i {
    background-color: #404040;
    color: #fff;
    line-height: 1;
    padding: 8px 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    font-style: normal
}

.index-price-img {
    position: relative
}

.index-price-img i {
    background-color: #404040;
    color: #fff;
    line-height: 1;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 16px;
    position: absolute;
    left: -8px;
    top: -8px;
    z-index: 1;
    font-style: normal
}

.index-price-img i.type1 {
    background-color: #ff9a1b
}

.index-price-img i.type2 {
    background-color: #2289cb
}

.index-price-img i.type3 {
    background-color: #c9c9c9
}

.price-img-mini i {
    font-size: 12px;
    line-height: 1;
    padding: 5px
}

.list-box1 .word {
    padding: 10px 15px
}

.list-box1 .title {
    font-size: 18px;
    color: #48a6d9
}

.list-box1 .icon {
    margin-right: 4px
}

.list-box1 .ant-card-body {
    background-color: #fff
}

.list-box1 div.ant-typography {
    margin-bottom: 0
}

.list-box1 .primary {
    color: #404040
}

.ant-list.list-horizontal {
    background-color: #fff;
    border-radius: 2px
}

.ant-list.list-horizontal .ant-list-item {
    padding: 15px 20px
}

.ant-list.list-horizontal .ant-list-item-meta-content {
    max-width: 100%
}

.ant-list.list-horizontal .ant-list-item-meta {
    margin-bottom: 10px
}

.ant-list.list-horizontal .ant-list-item-meta-title {
    font-size: 18px
}

.ant-list.list-horizontal .ant-list-item-meta-title a {
    color: #333
}

.ant-list.list-horizontal .ant-list-item-meta-title a:hover {
    color: #404040
}

.ant-list.list-horizontal .ant-list-item-action {
    margin-top: 10px
}

.ant-list.list-horizontal .ant-typography p,
.ant-list.list-horizontal div.ant-typography {
    margin-bottom: 0
}

.info-icon {
    cursor: default
}

.info-icon .icon {
    margin-right: 5px;
    font-size: 14px
}

.ant-list.list-basic .ant-list-header {
    padding: 0;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
    border-bottom: none
}

.ant-list.list-basic .ant-list-item {
    border-bottom: none;
    padding: 5px 0
}

.ant-list.list-basic .ant-typography p,
.ant-list.list-basic div.ant-typography {
    margin-bottom: 0
}

.ant-list.list-basic .ant-list-item-meta,
.ant-list.list-basic .ant-list-item-meta-content {
    max-width: 100%
}

.ant-list.list-basic .ant-list-item-meta-title a {
    color: #666
}

.ant-list.list-basic .ant-list-item-meta-title a:hover {
    color: #404040
}

.ant-list.list-basic .ant-list-item-meta-title i {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: #f0f0f0;
    color: #999;
    font-size: 12px;
    font-style: normal;
    margin-right: 5px
}

.ant-list.list-basic .ant-list-item-meta-title i.bg-color1 {
    background-color: #404040;
    color: #fff
}

.list-commonly .ant-list-header,
.list-commonly .ant-list-item {
    background-color: #fff
}

.list-commonly .ant-comment:last-child {
    border-bottom: none
}

.hot-title {
    font-size: 18px;
    font-weight: bold
}

.list-loose {
    position: relative
}

.list-loose .ant-typography {
    margin-bottom: 0
}

.list-loose .ant-typography:first-child {
    margin: 7px 0
}

.list-loose p {
    margin-bottom: 0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 360px;
    padding: 2.5px 0
}

.list-loose2 .ant-typography {
    margin-bottom: 5px
}

.list-loose3 .ant-list-item-meta-title .ant-typography {
    font-size: 16px;
    margin-bottom: .7rem !important
}

.list-loose3 .ant-typography p,
.list-loose3 div.ant-typography {
    margin-bottom: .3rem
}

.list-reminder .ant-list-item-meta {
    margin-bottom: 0 !important
}

.list-reminder .ant-list-item-meta i {
    color: #ff9a06
}

.list-reminder .ant-list-item-action {
    margin-top: 0 !important
}

.list-reminder h4 {
    font-size: 14px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 240px;
    margin-bottom: 0 !important
}

.list-compact div .ant-list-item-meta {
    margin-bottom: 0
}

.list-compact div .ant-list-item-action {
    margin-top: 5px
}

.list-compact div .ant-list-item-action li {
    cursor: auto
}

.list-compact .ant-list-item-meta-content {
    width: 100%
}

.list-compact .ant-list-item-meta-content h4 {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis
}

.list-compact .ant-typography p,
.list-compact div.ant-typography {
    margin-bottom: 0
}

.list-title-down h4 .list-down-title {
    width: 100%;
    position: relative;
    overflow: hidden;
    font-size: 16px
}

.list-title-down h4 .list-down-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 360px;
    color: rgba(0, 0, 0, .65);
    display: block;
    float: left
}

.list-title-down h4 .list-down-title a:hover {
    color: #404040
}

.list-title-down h4 .list-down-title i {
    font-size: 12px;
    color: #404040;
    float: right;
    margin-top: 5px
}

.list-commonly-small {
    background-color: #fff
}

.list-commonly-small .title {
    font-size: 16px;
    color: rgba(0, 0, 0, .65)
}

.list-commonly-small .title:hover {
    color: #404040
}

.list-commonly-small.ant-list-vertical .ant-list-item-action {
    margin-top: 10px
}

.list-table .ant-table {
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.list-table .ant-table-thead>tr>th {
    text-align: center
}

.list-table .ant-table-tbody>tr:last-child>td {
    border-bottom: none
}

.list-table .ant-table-pagination.ant-pagination {
    text-align: center;
    float: none;
    margin: 50px 0 80px
}

.list-table .name {
    color: #333
}

.list-table .name:hover {
    color: #404040
}

.list-details .ant-col {
    padding: 10px 0
}

.list-details .ant-col .doc-pdf a {
    display: block;
    padding: 5px 10px;
    background-color: #f5f5f5;
    margin-bottom: 10px
}

.list-comment .ant-comment-content-author-name {
    color: #404040
}

.list-comment .ant-comment-content-author-time {
    color: #999
}

.list-comment .ant-list-split .ant-list-header {
    position: relative;
    margin-bottom: 30px
}

.list-comment .ant-list-split .ant-list-header:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 50px;
    background-color: #404040;
    border-radius: 2px
}

.list-comment .ant-form-item-control {
    text-align: right
}

.list-comment .ant-btn {
    margin-left: 10px
}

.list-comment .ant-form-item {
    margin-bottom: 12px
}

.iteam-relative-list .ant-list-item {
    position: relative;
    display: block
}

.information .ant-card-body {
    padding: 20px
}

.information-infos {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: 24px
}

.information-infos .ant-avatar {
    margin-bottom: 8px
}

.information-infos .information-name {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.information-detail div i {
    margin-right: 10px
}

.information-detail div span {
    display: inline-block;
    width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.information-detail div span:hover {
    text-overflow: inherit;
    overflow: visible;
    white-space: pre-line
}

.information-detail div em {
    font-style: normal;
    color: #c8c8c8
}

.grid-card .ant-card-head {
    background-color: #f2f2f2;
    color: #666;
    font-weight: normal
}

.grid-card .grid-card-list {
    margin: 5px 0;
    min-height: 22px
}

.grid-card .type-name {
    width: 70px
}

.grid-card .grid-name {
    width: 85px;
    display: inline-block;
    color: #999;
    margin-right: 10px
}

.grid-card .ant-btn {
    margin-left: 5px
}

.ant-tabs.tabs-policy {
    margin: 40px 0
}

.ant-tabs.tabs-policy .ant-tabs-left-bar {
    padding: 0 15px;
    width: 25%;
    box-sizing: border-box;
    border: none
}

.ant-tabs.tabs-policy .ant-tabs-left-bar .ant-tabs-tab {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    margin: 0 0 10px;
    background-color: #f7f7f7;
    color: #666;
    text-align: left;
    box-sizing: border-box
}

.ant-tabs.tabs-policy .ant-tabs-left-bar .ant-tabs-tab .icon {
    margin-right: 10px
}

.ant-tabs.tabs-policy .ant-tabs-left-bar .ant-tabs-tab.ant-tabs-tab-active {
    background-color: #404040;
    color: #fff
}

.ant-tabs.tabs-policy .ant-tabs-left-bar .ant-tabs-ink-bar {
    display: none !important
}

.ant-tabs.tabs-policy .ant-tabs-left-content {
    border: none;
    padding: 0 15px;
    font-size: 16px;
    line-height: 1.7;
    color: #666
}

.ant-tabs.tabs-policy * {
    max-width: 100%
}

.home-box {
    background-size: cover;
    position: relative;
    margin-top: -80px
}

.home-box .ant-carousel {
    height: 100%;
    width: 100%
}

.home-box .ant-carousel .slick-dots-bottom {
    bottom: 85px
}

.home-box .ant-carousel .slick-dots li.slick-active button,
.home-box .ant-carousel .slick-dots li button {
    width: 30px
}

.home-box .ant-carousel>div,
.home-box .slick-list>div,
.home-box .slick-slider>div {
    height: 100%;
    width: 100%
}

.home-box .slick-slide {
    height: 540px !important;
    width: 100%
}

.home-box .slick-slide>div,
.home-box .slick-slide>div .home-bkg {
    height: 100%;
    width: 100%
}

.home-box .slick-slide>div .home-bkg .home-img-box {
    float: left;
    width: 100%;
    background-position: 50%;
    display: table;
    height: 100%;
    background-size: cover !important
}

.home-box .slick-slide>div .home-bkg .home-inner {
    height: 100%;
    color: #fff;
    padding-top: 40px;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, .4)
}

.home-box .slick-slide>div .home-bkg .home-inner .home-content {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.home-box .slick-slide>div .home-bkg .home-inner .home-content .home-title {
    padding: 0;
    font-size: 42px;
    line-height: 1.4em;
    text-align: left;
    color: #fff
}

.home-box .slick-slide>div .home-bkg .home-inner .home-content .home-sub-text {
    padding: 5px;
    font-weight: 300;
    line-height: 1.8em;
    color: hsla(0, 0%, 100%, .8);
    text-align: left;
    font-size: 32px;
    color: #3aa4e8;
    margin-top: 30px
}

.home-box .home-tab {
    height: 553px
}

.home-box .home-text {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.home-box .home-text .text1 {
    font-size: 50px;
    color: #fff;
    font-family: "myfont_bold"
}

.home-box .home-text .text2 {
    font-size: 18px;
    color: #fff;
    margin: 30px 0;
    line-height: 1.7
}

.home-box .home-text .text3 {
    font-size: 18px;
    color: #fff
}

.home-box .home-arrow-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1240px;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.home-sider-img-box {
    position: relative;
    height: 217px;
    margin: 15px;
    overflow: hidden;
    cursor: pointer;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.home-sider-img-box:hover .home-sider-tit-content {
    bottom: 0
}

.home-sider-img-box:hover .home-sider-img-tit {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.home-sider-img-tit {
    left: 0;
    right: 0;
    bottom: 0;
    height: 44px;
    line-height: 44px;
    padding: 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    transition: all .2s
}

.home-sider-img-tit,
.home-sider-tit-content {
    position: absolute;
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.home-sider-tit-content {
    bottom: -100%;
    height: 100%;
    width: 100%;
    padding: 5%;
    transition: all .5s
}

.home-sider-tit-content .home-sider-tit1 {
    font-size: 18px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.home-sider-tit-content .home-sider-tit-p {
    font-size: 13px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-navigation {
    position: absolute;
    top: 50%;
    z-index: 9;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    background-color: hsla(0, 0%, 100%, .8)
}

.home-navigation:hover {
    background-color: #fff
}

.home-navigation i {
    color: #455464;
    font-size: 20px
}

.home-text-content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    width: 100%
}

.home-img-prev {
    left: 0
}

.home-img-next {
    right: 0
}

.home-header .home-description {
    font-size: 12px;
    line-height: 2;
    color: #9b9b9b;
    text-align: center;
    margin: 13px 0 0
}

.index-container {
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden
}

.index-container .home-item {
    background-color: #fff;
    box-shadow: 0 4px 8px 2px rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
    margin: 15px
}

.index-container .home-item .home-activity-set {
    position: relative;
    height: 217px;
    margin-bottom: 2rem;
    overflow: hidden;
    cursor: pointer;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.home-features-title {
    font-size: 16px;
    color: #262626;
    margin: 8px 0 -10px;
    font-weight: bold
}

.home-new .newtime {
    font-size: 12px;
    position: relative;
    margin: 0;
    padding-left: 15px
}

.home-new .newtime span {
    background: #ccc;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top: 5px
}

.home-new .newtime label {
    font-weight: normal;
    margin: 0 2%;
    font-size: 14px;
    display: inline-block
}

.home-new .box-bor {
    border-left: 2px solid #ccc;
    padding-left: 15px;
    margin-top: -6px;
    padding-top: 15px
}

.home-new .box-bor .home-news-title {
    color: #333;
    font-size: 18px
}

.home-new .box-bor .home-news-text {
    color: #9e9e9e;
    font-size: 14px
}

.home-notice {
    position: relative;
    overflow: hidden;
    height: 56px;
    line-height: 56px;
    background-color: #f9f9f9
}

.home-notice .home-notice-swiper {
    height: 56px
}

.home-notice .home-notice-swiper .swiper-slide {
    text-align: left;
    line-height: 56px;
    font-size: 16px
}

.home-body {
    position: relative;
    background-color: #fff
}

.home-content {
    padding: 20px 0
}

.home-content,
.homt-title {
    position: relative;
    overflow: hidden
}

.homt-title {
    text-align: center;
    font-size: 34px;
    color: #000;
    padding: 40px 0
}

.homt-title:after {
    position: absolute;
    content: "";
    width: 32px;
    height: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #2289cb;
    bottom: 30px
}

.home-service-list {
    position: relative
}

.home-service-row {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px;
    color: #333;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    transition: all .3s;
    padding: 0 25px
}

.home-service-row>div {
    width: 100%
}

.home-service-row .size-20 {
    line-height: 1
}

.home-service-row:last-child {
    margin-bottom: 0
}

.home-service-row:hover {
    background-color: #404040;
    color: #fff
}

.home-service-row .home-service-a {
    cursor: pointer !important;
    background-color: #2eaaf9
}

.home-service-row .home-service-a:hover {
    color: #fff
}

.home-service-title {
    position: relative;
    overflow: hidden;
    padding: 15px 20px
}

.home-service-title a {
    height: 19px;
    width: 19px;
    text-align: center;
    display: block;
    border: 1px solid #d2d2d2;
    line-height: 11px
}

.home-service-title a i {
    font-size: 14px
}

.home-service-title:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 5px;
    background-color: #404040;
    border-radius: 15px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 4px;
    top: 26px
}

.swiper-home-politique {
    height: 420px
}

.swiper-home-politique .swiper-slide {
    position: relative;
    width: auto;
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s
}

.swiper-home-politique .swiper-slide:hover h4 {
    color: #404040
}

.swiper-home-politique .swiper-slide .ant-row {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-home-politique .swiper-slide .ant-tag {
    transition: none
}

.home-date-box {
    border-radius: 5px;
    background-color: #fcfcfc;
    width: 73px;
    height: 73px;
    text-align: center
}

.home-date-box>div {
    height: 100%
}

.home-date-box .day {
    color: #000;
    line-height: 1.1
}

.home-park .ant-list-split .ant-list-item {
    padding: 12px;
    border-bottom: 0;
    cursor: pointer;
    margin-bottom: 35px;
    border-radius: 4px
}

.home-park .ant-list-split .ant-list-item .ant-typography {
    line-height: 1.8;
    height: 80px
}

.home-park .ant-list-split .ant-list-item .ant-list-item-meta-title {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.home-park .ant-list-split .ant-list-item:hover .ant-list-item-meta-title {
    color: #404040
}

.enterprises-list {
    position: relative;
    text-align: center;
    height: 245px
}

.enterprises-list-row {
    display: inline-block;
    vertical-align: middle;
    width: 165px;
    text-align: center;
    transition: all .3s;
    height: 215px;
    padding-top: 12px
}

.enterprises-list-row:hover {
    padding: 0
}

.enterprises-list-row:hover i {
    background-color: #404040;
    color: #fff;
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.enterprises-list-row:hover span {
    margin-top: 35px
}

.enterprises-list-row:hover span:before {
    display: block
}

.enterprises-list-row a {
    display: block;
    width: 100%;
    height: 100%
}

.enterprises-list-row i {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 130px;
    background-color: #fafafa;
    border-radius: 50%;
    font-size: 40px;
    color: #333;
    transition: all .3s
}

.enterprises-list-row i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.enterprises-list-row span {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    margin-top: 15px;
    color: #000;
    transition: all .3s
}

.enterprises-list-row span:before {
    content: "";
    position: relative;
    top: -5px;
    margin: 0 auto;
    width: 10px;
    height: 2px;
    background-color: #404040;
    display: none
}

.a-title {
    color: #000
}

.a-title:hover {
    color: #48a6d9
}

.loading-spin-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.images-auto {
    background: 50% no-repeat;
    background-size: cover;
    border-radius: 5px
}

.images-auto img {
    display: none
}

.ReactModal__Overlay {
    z-index: 999
}

.ReactModal__Content .swiper-container {
    width: 100%;
    height: 100%
}

.ReactModal__Content .ant-modal-close {
    color: #fff;
    font-size: 28px
}

.ReactModal__Content .swiper-button-next,
.ReactModal__Content .swiper-button-prev {
    z-index: 99
}

.ReactModal__Content .swiper-pagination-bullet,
.ReactModal__Content .swiper-pagination-bullet-active {
    background-color: #fff
}

.padding-0 {
    padding: 0 !important
}

.margin-0 {
    margin: 0 !important
}

.padding-xs {
    padding: 8px !important
}

.margin-xs {
    margin: 8px !important
}

.padding-sm {
    padding: 16px !important
}

.margin-sm {
    margin: 16px !important
}

.padding {
    padding: 24px !important
}

.margin {
    margin: 24px !important
}

.padding-lg {
    padding: 32px !important
}

.margin-lg {
    margin: 32px !important
}

.padding-xl {
    padding: 40px !important
}

.margin-xl {
    margin: 40px !important
}

.padding-h-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.margin-h-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.padding-h-xs {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.margin-h-xs {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.padding-h-sm {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.margin-h-sm {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.padding-h {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.margin-h {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.padding-h-lg {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.margin-h-lg {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.padding-h-xl {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.margin-h-xl {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.padding-v-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.margin-v-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.padding-v-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.margin-v-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.padding-v-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.margin-v-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.padding-v {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.margin-v {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.padding-v-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.margin-v-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.padding-v-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.margin-v-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.padding-top-0 {
    padding-top: 0 !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.padding-top-xs {
    padding-top: 8px !important
}

.margin-top-xs {
    margin-top: 8px !important
}

.padding-top-sm {
    padding-top: 16px !important
}

.margin-top-sm {
    margin-top: 16px !important
}

.padding-top {
    padding-top: 24px !important
}

.margin-top {
    margin-top: 24px !important
}

.padding-top-lg {
    padding-top: 32px !important
}

.margin-top-lg {
    margin-top: 32px !important
}

.padding-top-xl {
    padding-top: 40px !important
}

.margin-top-xl {
    margin-top: 40px !important
}

.padding-right-0 {
    padding-right: 0 !important
}

.margin-right-0 {
    margin-right: 0 !important
}

.padding-right-xs {
    padding-right: 8px !important
}

.margin-right-xs {
    margin-right: 8px !important
}

.padding-right-sm {
    padding-right: 16px !important
}

.margin-right-sm {
    margin-right: 16px !important
}

.padding-right {
    padding-right: 24px !important
}

.margin-right {
    margin-right: 24px !important
}

.padding-right-lg {
    padding-right: 32px !important
}

.margin-right-lg {
    margin-right: 32px !important
}

.padding-right-xl {
    padding-right: 40px !important
}

.margin-right-xl {
    margin-right: 40px !important
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.padding-bottom-xs {
    padding-bottom: 8px !important
}

.margin-bottom-xs {
    margin-bottom: 8px !important
}

.padding-bottom-sm {
    padding-bottom: 16px !important
}

.margin-bottom-sm {
    margin-bottom: 16px !important
}

.padding-bottom {
    padding-bottom: 24px !important
}

.margin-bottom {
    margin-bottom: 24px !important
}

.padding-bottom-lg {
    padding-bottom: 32px !important
}

.margin-bottom-lg {
    margin-bottom: 32px !important
}

.padding-bottom-xl {
    padding-bottom: 40px !important
}

.margin-bottom-xl {
    margin-bottom: 40px !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.margin-left-0 {
    margin-left: 0 !important
}

.padding-left-xs {
    padding-left: 8px !important
}

.margin-left-xs {
    margin-left: 8px !important
}

.padding-left-sm {
    padding-left: 16px !important
}

.margin-left-sm {
    margin-left: 16px !important
}

.padding-left {
    padding-left: 24px !important
}

.margin-left {
    margin-left: 24px !important
}

.padding-left-lg {
    padding-left: 32px !important
}

.margin-left-lg {
    margin-left: 32px !important
}

.padding-left-xl {
    padding-left: 40px !important
}

.margin-left-xl {
    margin-left: 40px !important
}

.blank-xs {
    height: 8px
}

.blank-sm,
.blank-xs {
    position: relative;
    overflow: hidden
}

.blank-sm {
    height: 16px
}

.blank {
    height: 24px
}

.blank,
.blank-lg {
    position: relative;
    overflow: hidden
}

.blank-lg {
    height: 32px
}

.blank-xl {
    position: relative;
    overflow: hidden;
    height: 40px
}

.mt0 {
    margin-top: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.mg0 {
    margin: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.pg0 {
    padding: 0 !important
}

.pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.mh0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.blank0 {
    position: relative;
    overflow: hidden;
    height: 0 !important
}

.mt1 {
    margin-top: 1px !important
}

.mr1 {
    margin-right: 1px !important
}

.mb1 {
    margin-bottom: 1px !important
}

.ml1 {
    margin-left: 1px !important
}

.mg1 {
    margin: 1px !important
}

.pt1 {
    padding-top: 1px !important
}

.pr1 {
    padding-right: 1px !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pl1 {
    padding-left: 1px !important
}

.pg1 {
    padding: 1px !important
}

.pv1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.mv1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important
}

.ph1 {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.mh1 {
    margin-left: 1px !important;
    margin-right: 1px !important
}

.blank1 {
    position: relative;
    overflow: hidden;
    height: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mr2 {
    margin-right: 2px !important
}

.mb2 {
    margin-bottom: 2px !important
}

.ml2 {
    margin-left: 2px !important
}

.mg2 {
    margin: 2px !important
}

.pt2 {
    padding-top: 2px !important
}

.pr2 {
    padding-right: 2px !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pl2 {
    padding-left: 2px !important
}

.pg2 {
    padding: 2px !important
}

.pv2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.mv2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.ph2 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.mh2 {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.blank2 {
    position: relative;
    overflow: hidden;
    height: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mr3 {
    margin-right: 3px !important
}

.mb3 {
    margin-bottom: 3px !important
}

.ml3 {
    margin-left: 3px !important
}

.mg3 {
    margin: 3px !important
}

.pt3 {
    padding-top: 3px !important
}

.pr3 {
    padding-right: 3px !important
}

.pb3 {
    padding-bottom: 3px !important
}

.pl3 {
    padding-left: 3px !important
}

.pg3 {
    padding: 3px !important
}

.pv3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.mv3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.ph3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.mh3 {
    margin-left: 3px !important;
    margin-right: 3px !important
}

.blank3 {
    position: relative;
    overflow: hidden;
    height: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

.mr4 {
    margin-right: 4px !important
}

.mb4 {
    margin-bottom: 4px !important
}

.ml4 {
    margin-left: 4px !important
}

.mg4 {
    margin: 4px !important
}

.pt4 {
    padding-top: 4px !important
}

.pr4 {
    padding-right: 4px !important
}

.pb4 {
    padding-bottom: 4px !important
}

.pl4 {
    padding-left: 4px !important
}

.pg4 {
    padding: 4px !important
}

.pv4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.mv4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.ph4 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.mh4 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.blank4 {
    position: relative;
    overflow: hidden;
    height: 4px !important
}

.mt5 {
    margin-top: 5px !important
}

.mr5 {
    margin-right: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.ml5 {
    margin-left: 5px !important
}

.mg5 {
    margin: 5px !important
}

.pt5 {
    padding-top: 5px !important
}

.pr5 {
    padding-right: 5px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pl5 {
    padding-left: 5px !important
}

.pg5 {
    padding: 5px !important
}

.pv5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.ph5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.mh5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.blank5 {
    position: relative;
    overflow: hidden;
    height: 5px !important
}

.mt6 {
    margin-top: 6px !important
}

.mr6 {
    margin-right: 6px !important
}

.mb6 {
    margin-bottom: 6px !important
}

.ml6 {
    margin-left: 6px !important
}

.mg6 {
    margin: 6px !important
}

.pt6 {
    padding-top: 6px !important
}

.pr6 {
    padding-right: 6px !important
}

.pb6 {
    padding-bottom: 6px !important
}

.pl6 {
    padding-left: 6px !important
}

.pg6 {
    padding: 6px !important
}

.pv6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.mv6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.ph6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.mh6 {
    margin-left: 6px !important;
    margin-right: 6px !important
}

.blank6 {
    position: relative;
    overflow: hidden;
    height: 6px !important
}

.mt7 {
    margin-top: 7px !important
}

.mr7 {
    margin-right: 7px !important
}

.mb7 {
    margin-bottom: 7px !important
}

.ml7 {
    margin-left: 7px !important
}

.mg7 {
    margin: 7px !important
}

.pt7 {
    padding-top: 7px !important
}

.pr7 {
    padding-right: 7px !important
}

.pb7 {
    padding-bottom: 7px !important
}

.pl7 {
    padding-left: 7px !important
}

.pg7 {
    padding: 7px !important
}

.pv7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.mv7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important
}

.ph7 {
    padding-left: 7px !important;
    padding-right: 7px !important
}

.mh7 {
    margin-left: 7px !important;
    margin-right: 7px !important
}

.blank7 {
    position: relative;
    overflow: hidden;
    height: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mr8 {
    margin-right: 8px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.ml8 {
    margin-left: 8px !important
}

.mg8 {
    margin: 8px !important
}

.pt8 {
    padding-top: 8px !important
}

.pr8 {
    padding-right: 8px !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pl8 {
    padding-left: 8px !important
}

.pg8 {
    padding: 8px !important
}

.pv8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.mv8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.ph8 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.mh8 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.blank8 {
    position: relative;
    overflow: hidden;
    height: 8px !important
}

.mt9 {
    margin-top: 9px !important
}

.mr9 {
    margin-right: 9px !important
}

.mb9 {
    margin-bottom: 9px !important
}

.ml9 {
    margin-left: 9px !important
}

.mg9 {
    margin: 9px !important
}

.pt9 {
    padding-top: 9px !important
}

.pr9 {
    padding-right: 9px !important
}

.pb9 {
    padding-bottom: 9px !important
}

.pl9 {
    padding-left: 9px !important
}

.pg9 {
    padding: 9px !important
}

.pv9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

.mv9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important
}

.ph9 {
    padding-left: 9px !important;
    padding-right: 9px !important
}

.mh9 {
    margin-left: 9px !important;
    margin-right: 9px !important
}

.blank9 {
    position: relative;
    overflow: hidden;
    height: 9px !important
}

.mt10 {
    margin-top: 10px !important
}

.mr10 {
    margin-right: 10px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.ml10 {
    margin-left: 10px !important
}

.mg10 {
    margin: 10px !important
}

.pt10 {
    padding-top: 10px !important
}

.pr10 {
    padding-right: 10px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pl10 {
    padding-left: 10px !important
}

.pg10 {
    padding: 10px !important
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.ph10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.blank10 {
    position: relative;
    overflow: hidden;
    height: 10px !important
}

.mt11 {
    margin-top: 11px !important
}

.mr11 {
    margin-right: 11px !important
}

.mb11 {
    margin-bottom: 11px !important
}

.ml11 {
    margin-left: 11px !important
}

.mg11 {
    margin: 11px !important
}

.pt11 {
    padding-top: 11px !important
}

.pr11 {
    padding-right: 11px !important
}

.pb11 {
    padding-bottom: 11px !important
}

.pl11 {
    padding-left: 11px !important
}

.pg11 {
    padding: 11px !important
}

.pv11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

.mv11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important
}

.ph11 {
    padding-left: 11px !important;
    padding-right: 11px !important
}

.mh11 {
    margin-left: 11px !important;
    margin-right: 11px !important
}

.blank11 {
    position: relative;
    overflow: hidden;
    height: 11px !important
}

.mt12 {
    margin-top: 12px !important
}

.mr12 {
    margin-right: 12px !important
}

.mb12 {
    margin-bottom: 12px !important
}

.ml12 {
    margin-left: 12px !important
}

.mg12 {
    margin: 12px !important
}

.pt12 {
    padding-top: 12px !important
}

.pr12 {
    padding-right: 12px !important
}

.pb12 {
    padding-bottom: 12px !important
}

.pl12 {
    padding-left: 12px !important
}

.pg12 {
    padding: 12px !important
}

.pv12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.mv12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.ph12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.mh12 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.blank12 {
    position: relative;
    overflow: hidden;
    height: 12px !important
}

.mt13 {
    margin-top: 13px !important
}

.mr13 {
    margin-right: 13px !important
}

.mb13 {
    margin-bottom: 13px !important
}

.ml13 {
    margin-left: 13px !important
}

.mg13 {
    margin: 13px !important
}

.pt13 {
    padding-top: 13px !important
}

.pr13 {
    padding-right: 13px !important
}

.pb13 {
    padding-bottom: 13px !important
}

.pl13 {
    padding-left: 13px !important
}

.pg13 {
    padding: 13px !important
}

.pv13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

.mv13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important
}

.ph13 {
    padding-left: 13px !important;
    padding-right: 13px !important
}

.mh13 {
    margin-left: 13px !important;
    margin-right: 13px !important
}

.blank13 {
    position: relative;
    overflow: hidden;
    height: 13px !important
}

.mt14 {
    margin-top: 14px !important
}

.mr14 {
    margin-right: 14px !important
}

.mb14 {
    margin-bottom: 14px !important
}

.ml14 {
    margin-left: 14px !important
}

.mg14 {
    margin: 14px !important
}

.pt14 {
    padding-top: 14px !important
}

.pr14 {
    padding-right: 14px !important
}

.pb14 {
    padding-bottom: 14px !important
}

.pl14 {
    padding-left: 14px !important
}

.pg14 {
    padding: 14px !important
}

.pv14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

.mv14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important
}

.ph14 {
    padding-left: 14px !important;
    padding-right: 14px !important
}

.mh14 {
    margin-left: 14px !important;
    margin-right: 14px !important
}

.blank14 {
    position: relative;
    overflow: hidden;
    height: 14px !important
}

.mt15 {
    margin-top: 15px !important
}

.mr15 {
    margin-right: 15px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.ml15 {
    margin-left: 15px !important
}

.mg15 {
    margin: 15px !important
}

.pt15 {
    padding-top: 15px !important
}

.pr15 {
    padding-right: 15px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pl15 {
    padding-left: 15px !important
}

.pg15 {
    padding: 15px !important
}

.pv15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.ph15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.mh15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.blank15 {
    position: relative;
    overflow: hidden;
    height: 15px !important
}

.mt16 {
    margin-top: 16px !important
}

.mr16 {
    margin-right: 16px !important
}

.mb16 {
    margin-bottom: 16px !important
}

.ml16 {
    margin-left: 16px !important
}

.mg16 {
    margin: 16px !important
}

.pt16 {
    padding-top: 16px !important
}

.pr16 {
    padding-right: 16px !important
}

.pb16 {
    padding-bottom: 16px !important
}

.pl16 {
    padding-left: 16px !important
}

.pg16 {
    padding: 16px !important
}

.pv16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.mv16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.ph16 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.mh16 {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.blank16 {
    position: relative;
    overflow: hidden;
    height: 16px !important
}

.mt17 {
    margin-top: 17px !important
}

.mr17 {
    margin-right: 17px !important
}

.mb17 {
    margin-bottom: 17px !important
}

.ml17 {
    margin-left: 17px !important
}

.mg17 {
    margin: 17px !important
}

.pt17 {
    padding-top: 17px !important
}

.pr17 {
    padding-right: 17px !important
}

.pb17 {
    padding-bottom: 17px !important
}

.pl17 {
    padding-left: 17px !important
}

.pg17 {
    padding: 17px !important
}

.pv17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important
}

.mv17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important
}

.ph17 {
    padding-left: 17px !important;
    padding-right: 17px !important
}

.mh17 {
    margin-left: 17px !important;
    margin-right: 17px !important
}

.blank17 {
    position: relative;
    overflow: hidden;
    height: 17px !important
}

.mt18 {
    margin-top: 18px !important
}

.mr18 {
    margin-right: 18px !important
}

.mb18 {
    margin-bottom: 18px !important
}

.ml18 {
    margin-left: 18px !important
}

.mg18 {
    margin: 18px !important
}

.pt18 {
    padding-top: 18px !important
}

.pr18 {
    padding-right: 18px !important
}

.pb18 {
    padding-bottom: 18px !important
}

.pl18 {
    padding-left: 18px !important
}

.pg18 {
    padding: 18px !important
}

.pv18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.mv18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important
}

.ph18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.mh18 {
    margin-left: 18px !important;
    margin-right: 18px !important
}

.blank18 {
    position: relative;
    overflow: hidden;
    height: 18px !important
}

.mt19 {
    margin-top: 19px !important
}

.mr19 {
    margin-right: 19px !important
}

.mb19 {
    margin-bottom: 19px !important
}

.ml19 {
    margin-left: 19px !important
}

.mg19 {
    margin: 19px !important
}

.pt19 {
    padding-top: 19px !important
}

.pr19 {
    padding-right: 19px !important
}

.pb19 {
    padding-bottom: 19px !important
}

.pl19 {
    padding-left: 19px !important
}

.pg19 {
    padding: 19px !important
}

.pv19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important
}

.mv19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important
}

.ph19 {
    padding-left: 19px !important;
    padding-right: 19px !important
}

.mh19 {
    margin-left: 19px !important;
    margin-right: 19px !important
}

.blank19 {
    position: relative;
    overflow: hidden;
    height: 19px !important
}

.mt20 {
    margin-top: 20px !important
}

.mr20 {
    margin-right: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.ml20 {
    margin-left: 20px !important
}

.mg20 {
    margin: 20px !important
}

.pt20 {
    padding-top: 20px !important
}

.pr20 {
    padding-right: 20px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pl20 {
    padding-left: 20px !important
}

.pg20 {
    padding: 20px !important
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.ph20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.blank20 {
    position: relative;
    overflow: hidden;
    height: 20px !important
}

.mt21 {
    margin-top: 21px !important
}

.mr21 {
    margin-right: 21px !important
}

.mb21 {
    margin-bottom: 21px !important
}

.ml21 {
    margin-left: 21px !important
}

.mg21 {
    margin: 21px !important
}

.pt21 {
    padding-top: 21px !important
}

.pr21 {
    padding-right: 21px !important
}

.pb21 {
    padding-bottom: 21px !important
}

.pl21 {
    padding-left: 21px !important
}

.pg21 {
    padding: 21px !important
}

.pv21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important
}

.mv21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important
}

.ph21 {
    padding-left: 21px !important;
    padding-right: 21px !important
}

.mh21 {
    margin-left: 21px !important;
    margin-right: 21px !important
}

.blank21 {
    position: relative;
    overflow: hidden;
    height: 21px !important
}

.mt22 {
    margin-top: 22px !important
}

.mr22 {
    margin-right: 22px !important
}

.mb22 {
    margin-bottom: 22px !important
}

.ml22 {
    margin-left: 22px !important
}

.mg22 {
    margin: 22px !important
}

.pt22 {
    padding-top: 22px !important
}

.pr22 {
    padding-right: 22px !important
}

.pb22 {
    padding-bottom: 22px !important
}

.pl22 {
    padding-left: 22px !important
}

.pg22 {
    padding: 22px !important
}

.pv22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

.mv22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important
}

.ph22 {
    padding-left: 22px !important;
    padding-right: 22px !important
}

.mh22 {
    margin-left: 22px !important;
    margin-right: 22px !important
}

.blank22 {
    position: relative;
    overflow: hidden;
    height: 22px !important
}

.mt23 {
    margin-top: 23px !important
}

.mr23 {
    margin-right: 23px !important
}

.mb23 {
    margin-bottom: 23px !important
}

.ml23 {
    margin-left: 23px !important
}

.mg23 {
    margin: 23px !important
}

.pt23 {
    padding-top: 23px !important
}

.pr23 {
    padding-right: 23px !important
}

.pb23 {
    padding-bottom: 23px !important
}

.pl23 {
    padding-left: 23px !important
}

.pg23 {
    padding: 23px !important
}

.pv23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important
}

.mv23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important
}

.ph23 {
    padding-left: 23px !important;
    padding-right: 23px !important
}

.mh23 {
    margin-left: 23px !important;
    margin-right: 23px !important
}

.blank23 {
    position: relative;
    overflow: hidden;
    height: 23px !important
}

.mt24 {
    margin-top: 24px !important
}

.mr24 {
    margin-right: 24px !important
}

.mb24 {
    margin-bottom: 24px !important
}

.ml24 {
    margin-left: 24px !important
}

.mg24 {
    margin: 24px !important
}

.pt24 {
    padding-top: 24px !important
}

.pr24 {
    padding-right: 24px !important
}

.pb24 {
    padding-bottom: 24px !important
}

.pl24 {
    padding-left: 24px !important
}

.pg24 {
    padding: 24px !important
}

.pv24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.mv24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.ph24 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.mh24 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.blank24 {
    position: relative;
    overflow: hidden;
    height: 24px !important
}

.mt25 {
    margin-top: 25px !important
}

.mr25 {
    margin-right: 25px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.ml25 {
    margin-left: 25px !important
}

.mg25 {
    margin: 25px !important
}

.pt25 {
    padding-top: 25px !important
}

.pr25 {
    padding-right: 25px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pl25 {
    padding-left: 25px !important
}

.pg25 {
    padding: 25px !important
}

.pv25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.ph25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.mh25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.blank25 {
    position: relative;
    overflow: hidden;
    height: 25px !important
}

.mt26 {
    margin-top: 26px !important
}

.mr26 {
    margin-right: 26px !important
}

.mb26 {
    margin-bottom: 26px !important
}

.ml26 {
    margin-left: 26px !important
}

.mg26 {
    margin: 26px !important
}

.pt26 {
    padding-top: 26px !important
}

.pr26 {
    padding-right: 26px !important
}

.pb26 {
    padding-bottom: 26px !important
}

.pl26 {
    padding-left: 26px !important
}

.pg26 {
    padding: 26px !important
}

.pv26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

.mv26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important
}

.ph26 {
    padding-left: 26px !important;
    padding-right: 26px !important
}

.mh26 {
    margin-left: 26px !important;
    margin-right: 26px !important
}

.blank26 {
    position: relative;
    overflow: hidden;
    height: 26px !important
}

.mt27 {
    margin-top: 27px !important
}

.mr27 {
    margin-right: 27px !important
}

.mb27 {
    margin-bottom: 27px !important
}

.ml27 {
    margin-left: 27px !important
}

.mg27 {
    margin: 27px !important
}

.pt27 {
    padding-top: 27px !important
}

.pr27 {
    padding-right: 27px !important
}

.pb27 {
    padding-bottom: 27px !important
}

.pl27 {
    padding-left: 27px !important
}

.pg27 {
    padding: 27px !important
}

.pv27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important
}

.mv27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important
}

.ph27 {
    padding-left: 27px !important;
    padding-right: 27px !important
}

.mh27 {
    margin-left: 27px !important;
    margin-right: 27px !important
}

.blank27 {
    position: relative;
    overflow: hidden;
    height: 27px !important
}

.mt28 {
    margin-top: 28px !important
}

.mr28 {
    margin-right: 28px !important
}

.mb28 {
    margin-bottom: 28px !important
}

.ml28 {
    margin-left: 28px !important
}

.mg28 {
    margin: 28px !important
}

.pt28 {
    padding-top: 28px !important
}

.pr28 {
    padding-right: 28px !important
}

.pb28 {
    padding-bottom: 28px !important
}

.pl28 {
    padding-left: 28px !important
}

.pg28 {
    padding: 28px !important
}

.pv28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.mv28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

.ph28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.mh28 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

.blank28 {
    position: relative;
    overflow: hidden;
    height: 28px !important
}

.mt29 {
    margin-top: 29px !important
}

.mr29 {
    margin-right: 29px !important
}

.mb29 {
    margin-bottom: 29px !important
}

.ml29 {
    margin-left: 29px !important
}

.mg29 {
    margin: 29px !important
}

.pt29 {
    padding-top: 29px !important
}

.pr29 {
    padding-right: 29px !important
}

.pb29 {
    padding-bottom: 29px !important
}

.pl29 {
    padding-left: 29px !important
}

.pg29 {
    padding: 29px !important
}

.pv29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important
}

.mv29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important
}

.ph29 {
    padding-left: 29px !important;
    padding-right: 29px !important
}

.mh29 {
    margin-left: 29px !important;
    margin-right: 29px !important
}

.blank29 {
    position: relative;
    overflow: hidden;
    height: 29px !important
}

.mt30 {
    margin-top: 30px !important
}

.mr30 {
    margin-right: 30px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.ml30 {
    margin-left: 30px !important
}

.mg30 {
    margin: 30px !important
}

.pt30 {
    padding-top: 30px !important
}

.pr30 {
    padding-right: 30px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pl30 {
    padding-left: 30px !important
}

.pg30 {
    padding: 30px !important
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.ph30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.blank30 {
    position: relative;
    overflow: hidden;
    height: 30px !important
}

.mt31 {
    margin-top: 31px !important
}

.mr31 {
    margin-right: 31px !important
}

.mb31 {
    margin-bottom: 31px !important
}

.ml31 {
    margin-left: 31px !important
}

.mg31 {
    margin: 31px !important
}

.pt31 {
    padding-top: 31px !important
}

.pr31 {
    padding-right: 31px !important
}

.pb31 {
    padding-bottom: 31px !important
}

.pl31 {
    padding-left: 31px !important
}

.pg31 {
    padding: 31px !important
}

.pv31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important
}

.mv31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important
}

.ph31 {
    padding-left: 31px !important;
    padding-right: 31px !important
}

.mh31 {
    margin-left: 31px !important;
    margin-right: 31px !important
}

.blank31 {
    position: relative;
    overflow: hidden;
    height: 31px !important
}

.mt32 {
    margin-top: 32px !important
}

.mr32 {
    margin-right: 32px !important
}

.mb32 {
    margin-bottom: 32px !important
}

.ml32 {
    margin-left: 32px !important
}

.mg32 {
    margin: 32px !important
}

.pt32 {
    padding-top: 32px !important
}

.pr32 {
    padding-right: 32px !important
}

.pb32 {
    padding-bottom: 32px !important
}

.pl32 {
    padding-left: 32px !important
}

.pg32 {
    padding: 32px !important
}

.pv32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.mv32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.ph32 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.mh32 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.blank32 {
    position: relative;
    overflow: hidden;
    height: 32px !important
}

.mt33 {
    margin-top: 33px !important
}

.mr33 {
    margin-right: 33px !important
}

.mb33 {
    margin-bottom: 33px !important
}

.ml33 {
    margin-left: 33px !important
}

.mg33 {
    margin: 33px !important
}

.pt33 {
    padding-top: 33px !important
}

.pr33 {
    padding-right: 33px !important
}

.pb33 {
    padding-bottom: 33px !important
}

.pl33 {
    padding-left: 33px !important
}

.pg33 {
    padding: 33px !important
}

.pv33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important
}

.mv33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important
}

.ph33 {
    padding-left: 33px !important;
    padding-right: 33px !important
}

.mh33 {
    margin-left: 33px !important;
    margin-right: 33px !important
}

.blank33 {
    position: relative;
    overflow: hidden;
    height: 33px !important
}

.mt34 {
    margin-top: 34px !important
}

.mr34 {
    margin-right: 34px !important
}

.mb34 {
    margin-bottom: 34px !important
}

.ml34 {
    margin-left: 34px !important
}

.mg34 {
    margin: 34px !important
}

.pt34 {
    padding-top: 34px !important
}

.pr34 {
    padding-right: 34px !important
}

.pb34 {
    padding-bottom: 34px !important
}

.pl34 {
    padding-left: 34px !important
}

.pg34 {
    padding: 34px !important
}

.pv34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important
}

.mv34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important
}

.ph34 {
    padding-left: 34px !important;
    padding-right: 34px !important
}

.mh34 {
    margin-left: 34px !important;
    margin-right: 34px !important
}

.blank34 {
    position: relative;
    overflow: hidden;
    height: 34px !important
}

.mt35 {
    margin-top: 35px !important
}

.mr35 {
    margin-right: 35px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.ml35 {
    margin-left: 35px !important
}

.mg35 {
    margin: 35px !important
}

.pt35 {
    padding-top: 35px !important
}

.pr35 {
    padding-right: 35px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pl35 {
    padding-left: 35px !important
}

.pg35 {
    padding: 35px !important
}

.pv35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.mv35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.ph35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.mh35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.blank35 {
    position: relative;
    overflow: hidden;
    height: 35px !important
}

.mt36 {
    margin-top: 36px !important
}

.mr36 {
    margin-right: 36px !important
}

.mb36 {
    margin-bottom: 36px !important
}

.ml36 {
    margin-left: 36px !important
}

.mg36 {
    margin: 36px !important
}

.pt36 {
    padding-top: 36px !important
}

.pr36 {
    padding-right: 36px !important
}

.pb36 {
    padding-bottom: 36px !important
}

.pl36 {
    padding-left: 36px !important
}

.pg36 {
    padding: 36px !important
}

.pv36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.mv36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

.ph36 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.mh36 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.blank36 {
    position: relative;
    overflow: hidden;
    height: 36px !important
}

.mt37 {
    margin-top: 37px !important
}

.mr37 {
    margin-right: 37px !important
}

.mb37 {
    margin-bottom: 37px !important
}

.ml37 {
    margin-left: 37px !important
}

.mg37 {
    margin: 37px !important
}

.pt37 {
    padding-top: 37px !important
}

.pr37 {
    padding-right: 37px !important
}

.pb37 {
    padding-bottom: 37px !important
}

.pl37 {
    padding-left: 37px !important
}

.pg37 {
    padding: 37px !important
}

.pv37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important
}

.mv37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important
}

.ph37 {
    padding-left: 37px !important;
    padding-right: 37px !important
}

.mh37 {
    margin-left: 37px !important;
    margin-right: 37px !important
}

.blank37 {
    position: relative;
    overflow: hidden;
    height: 37px !important
}

.mt38 {
    margin-top: 38px !important
}

.mr38 {
    margin-right: 38px !important
}

.mb38 {
    margin-bottom: 38px !important
}

.ml38 {
    margin-left: 38px !important
}

.mg38 {
    margin: 38px !important
}

.pt38 {
    padding-top: 38px !important
}

.pr38 {
    padding-right: 38px !important
}

.pb38 {
    padding-bottom: 38px !important
}

.pl38 {
    padding-left: 38px !important
}

.pg38 {
    padding: 38px !important
}

.pv38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important
}

.mv38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important
}

.ph38 {
    padding-left: 38px !important;
    padding-right: 38px !important
}

.mh38 {
    margin-left: 38px !important;
    margin-right: 38px !important
}

.blank38 {
    position: relative;
    overflow: hidden;
    height: 38px !important
}

.mt39 {
    margin-top: 39px !important
}

.mr39 {
    margin-right: 39px !important
}

.mb39 {
    margin-bottom: 39px !important
}

.ml39 {
    margin-left: 39px !important
}

.mg39 {
    margin: 39px !important
}

.pt39 {
    padding-top: 39px !important
}

.pr39 {
    padding-right: 39px !important
}

.pb39 {
    padding-bottom: 39px !important
}

.pl39 {
    padding-left: 39px !important
}

.pg39 {
    padding: 39px !important
}

.pv39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important
}

.mv39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important
}

.ph39 {
    padding-left: 39px !important;
    padding-right: 39px !important
}

.mh39 {
    margin-left: 39px !important;
    margin-right: 39px !important
}

.blank39 {
    position: relative;
    overflow: hidden;
    height: 39px !important
}

.mt40 {
    margin-top: 40px !important
}

.mr40 {
    margin-right: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml40 {
    margin-left: 40px !important
}

.mg40 {
    margin: 40px !important
}

.pt40 {
    padding-top: 40px !important
}

.pr40 {
    padding-right: 40px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pl40 {
    padding-left: 40px !important
}

.pg40 {
    padding: 40px !important
}

.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.ph40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.mh40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.blank40 {
    position: relative;
    overflow: hidden;
    height: 40px !important
}

.mt41 {
    margin-top: 41px !important
}

.mr41 {
    margin-right: 41px !important
}

.mb41 {
    margin-bottom: 41px !important
}

.ml41 {
    margin-left: 41px !important
}

.mg41 {
    margin: 41px !important
}

.pt41 {
    padding-top: 41px !important
}

.pr41 {
    padding-right: 41px !important
}

.pb41 {
    padding-bottom: 41px !important
}

.pl41 {
    padding-left: 41px !important
}

.pg41 {
    padding: 41px !important
}

.pv41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important
}

.mv41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important
}

.ph41 {
    padding-left: 41px !important;
    padding-right: 41px !important
}

.mh41 {
    margin-left: 41px !important;
    margin-right: 41px !important
}

.blank41 {
    position: relative;
    overflow: hidden;
    height: 41px !important
}

.mt42 {
    margin-top: 42px !important
}

.mr42 {
    margin-right: 42px !important
}

.mb42 {
    margin-bottom: 42px !important
}

.ml42 {
    margin-left: 42px !important
}

.mg42 {
    margin: 42px !important
}

.pt42 {
    padding-top: 42px !important
}

.pr42 {
    padding-right: 42px !important
}

.pb42 {
    padding-bottom: 42px !important
}

.pl42 {
    padding-left: 42px !important
}

.pg42 {
    padding: 42px !important
}

.pv42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important
}

.mv42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important
}

.ph42 {
    padding-left: 42px !important;
    padding-right: 42px !important
}

.mh42 {
    margin-left: 42px !important;
    margin-right: 42px !important
}

.blank42 {
    position: relative;
    overflow: hidden;
    height: 42px !important
}

.mt43 {
    margin-top: 43px !important
}

.mr43 {
    margin-right: 43px !important
}

.mb43 {
    margin-bottom: 43px !important
}

.ml43 {
    margin-left: 43px !important
}

.mg43 {
    margin: 43px !important
}

.pt43 {
    padding-top: 43px !important
}

.pr43 {
    padding-right: 43px !important
}

.pb43 {
    padding-bottom: 43px !important
}

.pl43 {
    padding-left: 43px !important
}

.pg43 {
    padding: 43px !important
}

.pv43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important
}

.mv43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important
}

.ph43 {
    padding-left: 43px !important;
    padding-right: 43px !important
}

.mh43 {
    margin-left: 43px !important;
    margin-right: 43px !important
}

.blank43 {
    position: relative;
    overflow: hidden;
    height: 43px !important
}

.mt44 {
    margin-top: 44px !important
}

.mr44 {
    margin-right: 44px !important
}

.mb44 {
    margin-bottom: 44px !important
}

.ml44 {
    margin-left: 44px !important
}

.mg44 {
    margin: 44px !important
}

.pt44 {
    padding-top: 44px !important
}

.pr44 {
    padding-right: 44px !important
}

.pb44 {
    padding-bottom: 44px !important
}

.pl44 {
    padding-left: 44px !important
}

.pg44 {
    padding: 44px !important
}

.pv44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.mv44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important
}

.ph44 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.mh44 {
    margin-left: 44px !important;
    margin-right: 44px !important
}

.blank44 {
    position: relative;
    overflow: hidden;
    height: 44px !important
}

.mt45 {
    margin-top: 45px !important
}

.mr45 {
    margin-right: 45px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.ml45 {
    margin-left: 45px !important
}

.mg45 {
    margin: 45px !important
}

.pt45 {
    padding-top: 45px !important
}

.pr45 {
    padding-right: 45px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pl45 {
    padding-left: 45px !important
}

.pg45 {
    padding: 45px !important
}

.pv45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.mv45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.ph45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.mh45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.blank45 {
    position: relative;
    overflow: hidden;
    height: 45px !important
}

.mt46 {
    margin-top: 46px !important
}

.mr46 {
    margin-right: 46px !important
}

.mb46 {
    margin-bottom: 46px !important
}

.ml46 {
    margin-left: 46px !important
}

.mg46 {
    margin: 46px !important
}

.pt46 {
    padding-top: 46px !important
}

.pr46 {
    padding-right: 46px !important
}

.pb46 {
    padding-bottom: 46px !important
}

.pl46 {
    padding-left: 46px !important
}

.pg46 {
    padding: 46px !important
}

.pv46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important
}

.mv46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important
}

.ph46 {
    padding-left: 46px !important;
    padding-right: 46px !important
}

.mh46 {
    margin-left: 46px !important;
    margin-right: 46px !important
}

.blank46 {
    position: relative;
    overflow: hidden;
    height: 46px !important
}

.mt47 {
    margin-top: 47px !important
}

.mr47 {
    margin-right: 47px !important
}

.mb47 {
    margin-bottom: 47px !important
}

.ml47 {
    margin-left: 47px !important
}

.mg47 {
    margin: 47px !important
}

.pt47 {
    padding-top: 47px !important
}

.pr47 {
    padding-right: 47px !important
}

.pb47 {
    padding-bottom: 47px !important
}

.pl47 {
    padding-left: 47px !important
}

.pg47 {
    padding: 47px !important
}

.pv47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important
}

.mv47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important
}

.ph47 {
    padding-left: 47px !important;
    padding-right: 47px !important
}

.mh47 {
    margin-left: 47px !important;
    margin-right: 47px !important
}

.blank47 {
    position: relative;
    overflow: hidden;
    height: 47px !important
}

.mt48 {
    margin-top: 48px !important
}

.mr48 {
    margin-right: 48px !important
}

.mb48 {
    margin-bottom: 48px !important
}

.ml48 {
    margin-left: 48px !important
}

.mg48 {
    margin: 48px !important
}

.pt48 {
    padding-top: 48px !important
}

.pr48 {
    padding-right: 48px !important
}

.pb48 {
    padding-bottom: 48px !important
}

.pl48 {
    padding-left: 48px !important
}

.pg48 {
    padding: 48px !important
}

.pv48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.mv48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.ph48 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.mh48 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.blank48 {
    position: relative;
    overflow: hidden;
    height: 48px !important
}

.mt49 {
    margin-top: 49px !important
}

.mr49 {
    margin-right: 49px !important
}

.mb49 {
    margin-bottom: 49px !important
}

.ml49 {
    margin-left: 49px !important
}

.mg49 {
    margin: 49px !important
}

.pt49 {
    padding-top: 49px !important
}

.pr49 {
    padding-right: 49px !important
}

.pb49 {
    padding-bottom: 49px !important
}

.pl49 {
    padding-left: 49px !important
}

.pg49 {
    padding: 49px !important
}

.pv49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important
}

.mv49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important
}

.ph49 {
    padding-left: 49px !important;
    padding-right: 49px !important
}

.mh49 {
    margin-left: 49px !important;
    margin-right: 49px !important
}

.blank49 {
    position: relative;
    overflow: hidden;
    height: 49px !important
}

.mt50 {
    margin-top: 50px !important
}

.mr50 {
    margin-right: 50px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.ml50 {
    margin-left: 50px !important
}

.mg50 {
    margin: 50px !important
}

.pt50 {
    padding-top: 50px !important
}

.pr50 {
    padding-right: 50px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pl50 {
    padding-left: 50px !important
}

.pg50 {
    padding: 50px !important
}

.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.ph50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.mh50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.blank50 {
    position: relative;
    overflow: hidden;
    height: 50px !important
}

@font-face {
    font-family: "myfont";
    src: url(../fonts/myfont.2b2a14d3.ttf);
    src: url(../fonts/myfont.2b2a14d3.ttf) format("truetype")
}

@font-face {
    font-family: "myfont_bold";
    src: url(../fonts/myfont2.fb529ae3.ttf);
    src: url(../fonts/myfont2.fb529ae3.ttf) format("truetype")
}

body {
    font-family: "myfont" !important;
    font-style: normal;
    font-weight: 400
}

.new-header {
    position: relative;
    z-index: 10;
    background-color: #fff
}

.new-header .ant-menu {
    background: transparent;
    border-bottom: none
}

.new-header .ant-menu .ant-menu-item,
.new-header .ant-menu .ant-menu-submenu-title {
    padding: 0 5px;
    margin: 0 15px
}

.new-header .ant-menu .ant-menu-submenu {
    margin: 0 15px
}

.new-header .ant-menu .ant-menu-submenu .ant-menu-submenu-title {
    margin: 0
}

.new-header .ant-menu-horizontal>.ant-menu-item>a,
.new-header .ant-menu-submenu-title {
    color: #1d1d1d;
    font-size: 15px;
    font-weight: 600
}

.new-header .new-header-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new-head-logo {
    display: block;
    margin: 2px 0;
    width: 300px;
    height: 70px;
    background-image: url(/skin/images/5423656.png);
    background-repeat: no-repeat;
    background-size: auto 32px;
    background-position: 50%
}

.index-style {
    position: relative
}

.index-style .new-header {
    background-color: transparent;
    box-shadow: none
}

.index-style .new-head-logo {
    background-image: url('/skin/images/1aa3.png');
    background-size: 100%;
}

.index-style .ant-menu-horizontal>.ant-menu-item>a,
.index-style .ant-menu-horizontal>.ant-menu-item>a:hover,
.index-style .ant-menu-horizontal>.ant-menu-submenu-horizontal>.ant-menu-submenu-title {
    color: #fff
}

.index-style .ant-menu-horizontal>.ant-menu-item-active,
.index-style .ant-menu-horizontal>.ant-menu-item-open,
.index-style .ant-menu-horizontal>.ant-menu-item-selected,
.index-style .ant-menu-horizontal>.ant-menu-item:hover,
.index-style .ant-menu-horizontal>.ant-menu-submenu-active,
.index-style .ant-menu-horizontal>.ant-menu-submenu-open,
.index-style .ant-menu-horizontal>.ant-menu-submenu-selected,
.index-style .ant-menu-horizontal>.ant-menu-submenu:hover {
    color: #fff;
    border-bottom: 2px solid #fff
}

.index-style .ant-affix {
    background-color: rgba(34, 41, 51, .6);
    transition: all .3s
}

.index-style .ant-affix.back {
    background-color: #222933
}

.new-header-mobile {
    width: 16px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px
}

.new-header-mobile em {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin-top: 4px;
    transition: all .3s
}

.new-header-mobile em:first-child {
    margin-top: 0
}

.new-header {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .35)
}

.new-header.open .new-header-mobile em:first-child {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg)
}

.new-header.open .new-header-mobile em:nth-of-type(2) {
    opacity: 0
}

.new-header.open .new-header-mobile em:last-child {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg)
}

.ant-card.jzfrom-card {
    margin-top: -77px;
    border-radius: 10px;
    box-shadow: 0 2px 15px .48px rgba(49, 50, 50, .15);
    background: hsla(0, 0%, 100%, .7)
}

.ant-card.jzfrom-card .text1 {
    font-size: 24px;
    color: #000;
    line-height: 1;
    padding-bottom: 40px
}

.ant-card.jzfrom-card .ant-card-body {
    padding: 32px 75px
}

.ant-card.jzfrom-card .ant-input-affix-wrapper,
.ant-card.jzfrom-card .ant-input-group-wrapper {
    font-size: 20px
}

.ant-card.jzfrom-card .ant-input-affix-wrapper .ant-input,
.ant-card.jzfrom-card .ant-input-group-wrapper .ant-input {
    height: 44px;
    font-size: 16px
}

.ant-card.jzfrom-card .ant-input-affix-wrapper .ant-input:not(:first-child),
.ant-card.jzfrom-card .ant-input-group-wrapper .ant-input:not(:first-child) {
    padding-left: 40px
}

.ant-card.jzfrom-card .ant-btn {
    height: 44px;
    font-size: 16px
}

.from-model {
    position: relative
}

.from-model img {
    display: block;
    margin: 0 auto
}

.from-model .ant-btn-lg {
    height: 70px;
    font-size: 20px;
    margin-top: 40px
}

.from-model .anticon {
    font-size: 20px
}

.from-model .ant-input {
    height: 45px
}

.from-model .ant-input:not(:first-child) {
    padding-left: 40px !important;
    font-size: 16px
}

.index-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 100px 0 35px
}

.index-head .tit {
    font-size: 40px;
    color: #000;
    font-weight: 400;
    font-family: "myfont_bold"
}

.index-head .more {
    font-size: 18px
}

.index-head .more:after {
    content: " ";
    position: relative;
    top: -1px;
    display: inline-block;
    height: 12px;
    width: 12px;
    border-width: 1px 1px 0 0;
    border-color: #333;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0)
}

.fuwu-content {
    position: relative;
    background-color: #fbfbfb;
    padding: 50px 0;
    text-align: center
}

.fuwu-content .tit {
    font-size: 26px;
    padding: 20px 0 5px;
    color: #1d1d1d
}

.fuwu-content .text {
    font-size: 16px;
    color: #333
}

.fuwu-content .images-auto {
    margin: 0 auto
}

.fuwu-content .ant-col {
    cursor: pointer
}

.ant-row.organization-row,
.ant-row.organization-row .row {
    position: relative;
    overflow: hidden
}

.ant-row.organization-row .row {
    height: 400px;
    border-radius: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.ant-row.organization-row .row:hover .title {
    opacity: 0
}

.ant-row.organization-row .row:hover .bd {
    opacity: 1
}

.ant-row.organization-row .title {
    font-size: 30px;
    color: #fff;
    text-align: center;
    transition: all .3s;
    opacity: 1
}

.ant-row.organization-row .title:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 5px auto
}

.ant-row.organization-row .bd {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .3s;
    opacity: 0
}

.ant-row.organization-row .bd>div {
    position: relative;
    padding: 0 175px
}

.ant-row.organization-row .bd .tit {
    font-size: 30px;
    color: #fff;
    text-align: center
}

.ant-row.organization-row .bd .tit:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 5px auto
}

.ant-row.organization-row .bd .text1 {
    font-size: 16px;
    color: #fff;
    text-align: center
}

.ant-row.news-row {
    position: relative;
    overflow: hidden;
    margin-bottom: 100px
}

.ant-row.news-row .row {
    position: relative
}

.ant-row.news-row .time {
    position: relative;
    font-size: 14px;
    color: #696969;
    padding-top: 5px;
    font-family: "Adobe Heiti"
}

.ant-row.news-row .images-auto {
    box-shadow: 0 2px 2.91px .09px hsla(0, 1%, 58%, .24)
}

.ant-row.news-row .title {
    font-size: 22px;
    -webkit-line-clamp: 1;
    color: #000;
    margin: 2px 0 7px
}

.ant-row.news-row .text1,
.ant-row.news-row .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ant-row.news-row .text1 {
    font-size: 14px;
    color: #696969;
    -webkit-line-clamp: 2
}

.footer-logo {
    display: block;
    margin: 15px auto
}

.footer .footer-brief {
    margin: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.footer .list li {
    margin: 10px 0;
    font-size: 15px;
    text-align: center
}

.footer .list li a,
.footer .list li a:hover {
    color: #fff
}

.footer .login-link {
    text-align: center
}

.footer .login-link a {
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #fff
}

.footer-und {
    position: relative;
    height: 80px;
    background-color: #fff;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-und,
.footer-und .bd {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-und .bd {
    width: 1200px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-und .bd span {
    font-size: 14px;
    color: #1d1d1d
}

.footer-code {
    position: relative
}

.footer-code img {
    display: block;
    margin: 15px auto 20px
}

.footer-code>div {
    font-size: 14px;
    color: #fff;
    padding: 3px 0
}

.second-banner {
    position: relative;
    height: 420px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.second-banner .bd {
    width: 1200px;
    color: #fff
}

.second-banner .bd .text1 {
    font-size: 40px;
    line-height: 1;
    padding-bottom: 30px;
    font-family: "myfont_bold"
}

.second-banner .bd .text2 {
    max-width: 480px;
    font-size: 16px
}

.brief-text {
    font-size: 18px;
    color: #1d1d1d
}

.business-scoll {
    position: relative
}

.business-scoll .row {
    position: relative;
    height: 270px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 4.286px 2.575px 11.7px 1.3px hsla(0, 0%, 44%, .3);
    border-radius: 10px;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.business-scoll .row span {
    font-size: 30px;
    color: #fff
}

.business-scoll .ant-col-lg-4 {
    width: 20%
}

.ant-carousel .my-dots {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.ant-carousel .my-dots .slick-dots li button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #434343;
    margin: 0 7px
}

.ant-carousel .my-dots.slick-active button,
.ant-carousel .my-dots .slick-dots li.slick-active button {
    background-color: #434343;
    width: 14px
}

.slick-dots-bottom {
    bottom: -40px
}

.team-scoll {
    position: relative;
    margin-bottom: 70px;
    text-align: center
}

.team-scoll .imgbox {
    position: relative;
    width: 211px;
    height: 211px;
    border-radius: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 1.753px 3.595px 6.3px .7px rgba(34, 34, 34, .3);
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.team-scoll .imgbox span {
    position: relative;
    z-index: 1;
    padding: 0 40px;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.team-scoll .imgbox:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: all .3s
}

.team-scoll .imgbox:hover:after,
.team-scoll .imgbox:hover span {
    opacity: 1
}

.team-scoll .text1 {
    font-size: 20px;
    color: #1d1d1d;
    padding: 20px 0 0;
    font-family: "myfont_bold"
}

.team-scoll .text2 {
    font-size: 15px;
    color: #1d1d1d
}

.ant-anchor-wrapper.my-anchor {
    margin-left: 0;
    padding-left: 0;
    margin-top: 42px
}

.ant-anchor-wrapper.my-anchor .ant-anchor-ink {
    display: none
}

.ant-anchor-wrapper.my-anchor .ant-anchor {
    padding-left: 0
}

.ant-anchor-wrapper.my-anchor .ant-anchor-link {
    padding: 20px 0;
    text-align: center
}

.ant-anchor-wrapper.my-anchor .ant-anchor-link .ant-anchor-link-title {
    font-size: 24px;
    color: #000;
    font-family: "myfont_bold"
}

.ant-anchor-wrapper.my-anchor .ant-anchor-link .ant-anchor-link-title:before {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-width: 3px 3px 0 0;
    border-color: #333;
    border-style: solid;
    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    margin-right: 20px;
    position: relative;
    top: -3px
}

.ant-anchor-wrapper.my-anchor .ant-anchor-link.ant-anchor-link-active {
    background-color: #e6e6e6;
    border-radius: 10px
}

.ant-anchor-wrapper.my-anchor .ant-anchor-link.ant-anchor-link-active .ant-anchor-link-title {
    color: #000
}

.ant-anchor-wrapper.my-anchor .ant-anchor-link.ant-anchor-link-active .ant-anchor-link-title:before {
    border-color: #000
}

.anchor-content {
    position: relative;
    padding: 20px 0 70px
}

.anchor-content .row {
    padding: 40px 20px;
    overflow: hidden
}

.anchor-content .row:nth-of-type(2n) {
    /*background-color: #fbfbfb*/
}

.anchor-content .ant-typography .html-content p {
    font-size: 16px;
    font-weight: bold;
    color: #1d1d1d;
    margin-bottom: 0px;
}

.anchor-content .ant-typography .html-content p:last-child {
    margin-bottom: 0
}

.img-title {
    position: relative;
    padding-bottom: 50px
}

.img-title img,
.img-title span {
    display: inline-block;
    vertical-align: middle
}

.img-title span {
    font-size: 24px;
    color: #1d1d1d;
    padding-left: 20px;
    font-family: "myfont_bold"
}

.ant-row.anchor-row {
    position: relative;
    overflow: hidden
}

.ant-row.anchor-row,
.ant-row.anchor-row .ant-col-17 {
    border-left: 1px solid #dcdcdc
}

.anchor-logo {
    padding-bottom: 50px
}

.contactus .text {
    margin: 10px 0;
    font-size: 16px
}

.contactus .text i {
    display: inline-block;
    margin-right: 5px;
    font-size: 22px;
    vertical-align: middle;
    color: #a2b0be
}

.contactus-map .spacemap {
    height: 225px !important
}

.ant-btn.orange-btn {
    background-color: #f47100;
    color: #fff
}

.ant-btn.orange-btn:hover {
    background-color: #de6700;
    color: #fff;
    border-color: #f47100
}

.content-img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.ant-list.newslist {
    position: relative;
    margin-bottom: 50px
}

.ant-list.newslist .ant-list-item:last-child {
    border-bottom: 1px solid #e8e8e8
}

.ant-list.newslist .ant-list-item {
    padding: 30px 0
}

.ant-list.newslist .title {
    font-size: 18px;
    -webkit-line-clamp: 1;
    color: #181818;
    margin-bottom: 10px;
    font-family: "myfont_bold"
}

.ant-list.newslist .text,
.ant-list.newslist .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ant-list.newslist .text {
    font-size: 16px;
    -webkit-line-clamp: 4;
    color: #1d1d1d !important;
    line-height: 1.8
}

.ant-list.newslist .time {
    display: inline-block;
    font-size: 16px;
    color: #1d1d1d;
    margin-left: 30px
}

.ant-list .ant-list-pagination {
    text-align: left
}

.news-tabs {
    position: relative;
    margin: 100px 0 50px
}

.news-tabs span {
    display: inline-block;
    width: 120px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #1d1d1d;
    cursor: pointer
}

.news-tabs span.active {
    background-color: #1d1d1d;
    color: #fff
}

.newsdetails {
    position: relative
}

.newsdetails .title {
    font-size: 36px;
    color: #1d1d1d;
    font-family: "myfont_bold"
}

.newsdetails .time {
    font-size: 18px;
    color: #1d1d1d
}

.newsdetails .bd {
    padding-top: 40px
}

.newsdetails .bd p {
    font-size: 16px;
    color: #1d1d1d;
    line-height: 1.7;
    margin-bottom: 20px
}

.newsdetails .bd img {
    display: block;
    margin: 10px auto
}

.newsdetails .fd {
    position: relative;
    padding: 80px 0
}

.newsdetails .fd .back {
    font-size: 14px;
    color: #1d1d1d;
    cursor: pointer
}

.newsdetails .fd .back:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid #1d1d1d;
    border-bottom: 5px solid transparent;
    margin-right: 3px
}

.newsdetails .fd .frontback {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsdetails .fd .frontback,
.newsdetails .fd .frontback span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.newsdetails .fd .frontback span {
    font-size: 14px;
    color: #1d1d1d;
    cursor: pointer
}

.newsdetails .fd .frontback span i {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: hsla(0, 5%, 96%, .8);
    margin: 0 10px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    font-weight: bold
}

.newsdetails .fd .frontback span:hover i {
    background-color: rgba(0, 0, 0, .2)
}

.company-list {
    padding-bottom: 80px
}

.company-list,
.company-list .row {
    position: relative
}

.company-list .row .tit {
    padding-top: 30px;
    font-size: 18px;
    color: #1d1d1d;
    text-align: center
}

.tenants-list {
    position: relative;
    padding-bottom: 80px
}

.tenants-list .row {
    position: relative;
    padding: 20px;
    border: 1px solid #dcdcdc;
    height: 340px
}

.tenants-list .row .img-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 120px;
    width: 100%
}

.tenants-list .row .img-box img {
    max-width: 100%;
    max-height: 120px
}

.tenants-list .row .tit {
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    padding: 5px 0 30px
}

.tenants-list .row .text1,
.tenants-list .row .tit {
    color: #1d1d1d;
    overflow: hidden;
    text-overflow: ellipsis
}

.tenants-list .row .text1 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.8
}

.ant-row-flex.estp-list,
.ant-row.estp-list {
    position: relative;
    min-height: 420px
}

.ant-row-flex.estp-list.type2,
.ant-row.estp-list.type2 {
    padding-bottom: 80px
}

.ant-row-flex.estp-list.type2 .ant-col,
.ant-row.estp-list.type2 .ant-col {
    height: 430px
}

.ant-row-flex.estp-list .row,
.ant-row.estp-list .row {
    position: relative;
    height: 345px;
    padding: 20px;
    border: 1px solid #dcdcdc;
    transition: all .3s;
    cursor: pointer
}

.ant-row-flex.estp-list .row:hover,
.ant-row.estp-list .row:hover {
    height: 413px;
    box-shadow: .707px .707px 13.05px 1.95px rgba(57, 56, 56, .3)
}

.ant-row-flex.estp-list .row:hover .img-box,
.ant-row.estp-list .row:hover .img-box {
    height: 70px
}

.ant-row-flex.estp-list .row:hover .title,
.ant-row.estp-list .row:hover .title {
    height: 0;
    overflow: hidden
}

.ant-row-flex.estp-list .row:hover .text1,
.ant-row.estp-list .row:hover .text1 {
    -webkit-line-clamp: 10;
    font-size: 16px
}

.ant-row-flex.estp-list .img-box,
.ant-row.estp-list .img-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 120px;
    width: 100%;
    transition: all .3s
}

.ant-row-flex.estp-list .img-box img,
.ant-row.estp-list .img-box img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all .3s
}

.ant-row-flex.estp-list .title,
.ant-row.estp-list .title {
    font-size: 20px;
    color: #1d1d1d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 5px 0 15px;
    transition: all .3s
}

.ant-row-flex.estp-list .text1,
.ant-row.estp-list .text1 {
    font-size: 18px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.8;
    transition: all .3s
}

.ant-row-flex.estp-list .more-box,
.ant-row.estp-list .more-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 345px;
    padding: 20px 26px;
    font-size: 22px;
    border: 1px solid #dcdcdc;
    text-align: center;
    cursor: pointer;
    color: #1d1d1d
}

.ant-row-flex.estp-list .more-box:hover,
.ant-row.estp-list .more-box:hover {
    background-color: #f8f8f8
}

.gray-content {
    background-color: #fafafa;
    position: relative;
    padding: 30px;
    margin-bottom: 70px
}

.switch-box {
    position: relative;
    padding: 0 40px
}

.switch-box.type2 .next,
.switch-box.type2 .prev {
    top: 35%
}

.switch-box .next,
.switch-box .prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: .877px 1.798px 7px 0 rgba(0, 0, 0, .35);
    z-index: 2
}

.switch-box .next i,
.switch-box .prev i {
    font-size: 22px;
    color: #546170
}

.switch-box .prev {
    left: -15px
}

.switch-box .next {
    right: -15px
}

.space-scoll {
    position: relative
}

.space-scoll .row {
    padding: 5px 40px 0
}

.space-scoll .row .img-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    box-shadow: 1px 2px 7px 1px rgba(0, 0, 0, .35);
    margin: 0 auto
}

.space-scoll .row .img-box img {
    display: block;
    width: 44px;
    height: 44px
}

.space-scoll .row .title {
    font-size: 24px;
    padding: 15px 0 10px;
    white-space: nowrap
}

.space-scoll .row .text1,
.space-scoll .row .title {
    color: #1d1d1d;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.space-scoll .row .text1 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.support-content {
    position: relative
}

.support-content .img-bg {
    position: relative;
    height: 255px;
    background: url(../images/fupin-bg.ad6494fb.jpg) no-repeat 50%;
    background-size: cover
}

.wrapper {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 50px
}

.suppor-scroll,
.wrapper {
    position: relative;
    margin-top: -100px
}

.suppor-scroll {
    height: 325px
}

.suppor-scroll .swiper-pagination-progressbar {
    top: auto !important;
    bottom: 0
}

.suppor-scroll .swiper-slide {
    padding: 0 10px
}

.suppor-scroll .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #434343
}

.suppor-scroll .row {
    position: relative;
    height: 242px;
    padding: 50px 50px 0;
    box-shadow: 1.753px 3.595px 6.3px .7px rgba(34, 34, 34, .3);
    background-color: #fff;
    border-radius: 10px
}

.suppor-scroll .row .title {
    font-size: 24px;
    color: #1d1d1d;
    text-align: center
}

.suppor-scroll .row .title:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 3px;
    background-color: #434343;
    margin: 10px auto
}

.suppor-scroll .row .text1 {
    font-size: 16px;
    text-align: center;
    color: #1d1d1d
}

.technology-scoll {
    position: relative
}

.technology-scoll .row {
    padding: 0 15px
}

.technology-scoll .row .img-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 280px;
    border-radius: 10px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.technology-scoll .row .title {
    font-size: 24px;
    color: #1d1d1d;
    padding: 20px 0
}

.technology-scoll .row .text1 {
    font-size: 16px;
    color: #1d1d1d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.ant-row-flex.financial-list .row,
.ant-row.financial-list .row {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 187px;
    background-color: #fafafa;
    padding: 0 100px 0 60px
}

.ant-row-flex.financial-list .row img,
.ant-row.financial-list .row img {
    display: block;
    width: 70px;
    height: 70px
}

.ant-row-flex.financial-list .row .bd,
.ant-row.financial-list .row .bd {
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 50px
}

.ant-row-flex.financial-list .row .title,
.ant-row.financial-list .row .title {
    font-size: 24px;
    color: #1d1d1d;
    margin-bottom: 5px
}

.ant-row-flex.financial-list .row .text1,
.ant-row.financial-list .row .text1 {
    font-size: 16px;
    color: #1d1d1d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.ant-row-flex.area-list,
.ant-row.area-list {
    position: relative
}

.ant-row-flex.area-list .row,
.ant-row.area-list .row {
    border: 1px solid #bfbfbf;
    border-radius: 10px 10px 0 0;
    height: 390px
}

.ant-row-flex.area-list .row .img-box,
.ant-row.area-list .row .img-box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 217px;
    border-radius: 10px 10px 0 0;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.ant-row-flex.area-list .row .bd,
.ant-row.area-list .row .bd {
    padding: 20px
}

.ant-row-flex.area-list .row .title,
.ant-row.area-list .row .title {
    font-size: 24px;
    color: #1d1d1d;
    padding: 10px 0
}

.ant-row-flex.area-list .row .text1,
.ant-row.area-list .row .text1 {
    font-size: 16px;
    color: #1d1d1d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

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

.index-head2 .tit {
    font-size: 30px;
    color: #1d1d1d
}

.index-head2 .tit:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin: 15px auto;
    background-color: #434343
}

.ant-row-flex.firend-list,
.ant-row.firend-list {
    margin-bottom: 100px !important
}

.ant-row-flex.firend-list .row,
.ant-row.firend-list .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 170px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ant-row-flex.firend-list .row img,
.ant-row.firend-list .row img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.team-scoll2 {
    position: relative;
    margin-bottom: 70px;
    text-align: center
}

.team-scoll2 .imgbox {
    width: 211px;
    height: 211px;
    border-radius: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    -webkit-transform: rotate3d(0, 0, 0);
    transform: rotate3d(0, 0, 0)
}

.team-scoll2 .imgbox,
.team-scoll2 .imgbox .word {
    position: relative;
    overflow: hidden;
    transition: all .3s
}

.team-scoll2 .imgbox .word {
    z-index: 1;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    opacity: 0
}

.team-scoll2 .imgbox .title {
    font-size: 30px;
    font-family: "myfont_bold"
}

.team-scoll2 .imgbox .tit {
    font-size: 16px;
    padding: 5px 0 10px
}

.team-scoll2 .imgbox .textp {
    font-size: 14px
}

.team-scoll2 .imgbox:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: all .3s
}

.team-scoll2 .text1 {
    font-size: 20px;
    color: #1d1d1d;
    padding: 10px 0 5px;
    opacity: 1;
    text-align: center;
    width: 100%;
    font-family: "myfont_bold"
}

.team-scoll2 .text2 {
    font-size: 15px;
    color: #1d1d1d;
    padding: 0 40px;
    height: 48px;
    width: 100%
}

.team-scoll2 .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 385px
}

.team-scoll2 .row:hover .imgbox {
    width: 285px;
    height: 385px
}

.team-scoll2 .row:hover .imgbox:after,
.team-scoll2 .row:hover .word,
.team-scoll2 .row:hover:after {
    opacity: 1
}

.team-scoll2 .row:hover .text1,
.team-scoll2 .row:hover .text2 {
    display: none;
    opacity: 0
}

.tag-linkto {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.min-card {
    min-height: calc(100vh - 230px)
}

.card-title {
    font-size: 20px;
    color: #333;
    position: relative;
    padding-left: 20px
}

.card-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 20px;
    border-radius: 5px;
    background-color: #404040
}

.team-details-img .images-auto {
    margin: 0 auto;
    max-width: 100%;
    background-size: contain
}

.team-write {
    font-size: 16px;
    color: #333;
    line-height: 2
}

.team-write * {
    max-width: 100%
}

.yewu-style .row {
    position: relative
}

.yewu-style .title {
    color: #fff !important
}

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

.switch-box-2.switch-box {
    position: relative;
    padding: 0 40px
}

.switch-box-2.switch-box.type2 .next,
.switch-box-2.switch-box.type2 .prev {
    top: 49%
}

.switch-box-2.switch-box .next,
.switch-box-2.switch-box .prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: .877px 1.798px 7px 0 rgba(0, 0, 0, .35);
    z-index: 2
}

.switch-box-2.switch-box .next i,
.switch-box-2.switch-box .prev i {
    font-size: 22px;
    color: #546170
}

.switch-box-2.switch-box .prev {
    left: -15px
}

.switch-box-2.switch-box .next {
    right: -15px
}

.servicenew-carousel .slick-dots-bottom {
    bottom: -15px !important
}

.gray-ywcontent .team-scoll2 .row {
    height: 280px
}

.container-yew .suppor-scroll {
    margin-top: 0 !important
}

.container-yew .swiper-slide {
    padding: 7.5px 17.5px !important
}

.container-yew .swiper-slide .row {
    background-size: cover;
    height: 280px !important;
    padding: 0 !important
}

.container-yew .suppor-scroll .row .title:after {
    height: 0
}

.headaffix {
    position: relative;
    z-index: 12
}

.ant-menu-submenu-popup .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: transparent
}

.ant-menu-submenu-popup .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected a {
    color: #000
}

.ant-menu-submenu-popup .ant-menu-item:active,
.ant-menu-submenu-popup .ant-menu-submenu-title:active {
    background: transparent
}

.ant-menu-submenu-popup.my-popup-type {
    background-color: transparent;
    border-radius: 0;
    transition: all 0s
}

.ant-menu-submenu-popup.my-popup-type>.ant-menu {
    transition: all 0s
}

.ant-menu-submenu-popup.my-popup-type>.ant-menu:before {
    content: "";
    position: absolute;
    left: 28%;
    top: 7px;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 10px solid hsla(0, 0%, 100%, .9);
    border-right: 10px solid transparent
}

.ant-menu-submenu-popup.my-popup-type.first>.ant-menu:before {
    left: 10%
}

.ant-menu-submenu-popup.ant-menu-submenu>.ant-menu {
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    border-radius: 0;
    margin-top: 17px
}

.ant-menu-submenu-popup .ant-menu-vertical-left.ant-menu-sub,
.ant-menu-submenu-popup .ant-menu-vertical-right.ant-menu-sub,
.ant-menu-submenu-popup .ant-menu-vertical.ant-menu-sub {
    min-width: 120px
}

.ant-menu-submenu-popup .ant-menu-inline .ant-menu-item:not(:last-child),
.ant-menu-submenu-popup .ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-submenu-popup .ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item:not(:last-child) {
    margin-bottom: 0
}

.ant-menu-submenu-popup .ant-menu-item {
    text-align: center
}

.ant-menu-submenu-popup .ant-menu-item>a {
    border-bottom: 1px solid #bfbfbf;
    color: #696969;
    height: 40px;
    min-width: 60px;
    display: inline-block;
    font-family: "myfont_bold";
    font-weight: 600
}

.ant-menu-submenu-popup .ant-menu-item:last-child>a {
    border-bottom: none
}

.crumb-box .ant-breadcrumb a {
    color: rgba(0, 0, 0, .65)
}

.suppor-scroll2 .row {
    position: relative;
    display: inline-block;
    width: 214px;
    height: 268px;
    box-shadow: 4.286px 2.575px 11.7px 1.3px hsla(0, 0%, 44%, .3);
    background-color: #fff;
    border-radius: 10px;
    margin: 0 20px;
    white-space: normal;
    vertical-align: text-top
}

.suppor-scroll2 .row>a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 268px
}

.suppor-scroll2 .row:first-child {
    margin-left: 10px
}

.suppor-scroll2 .row:last-child {
    margin-right: 10px
}

.suppor-scroll2 .row .title {
    font-size: 30px;
    color: #fff;
    text-align: center
}

@media screen and (max-width:1240px) {
    html>body {
        min-width: 0
    }

    .ant-fex-row,
    .ant-row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .container {
        max-width: none;
        min-width: 0
    }

    .home-box {
        margin-top: 0
    }

    .home-box .home-arrow-box {
        width: 100%
    }

    .home-box .home-text {
        width: 100%;
        padding: 0 60px
    }

    .home-box .slick-slide {
        height: 200px !important
    }

    .home-box .home-text .text1 {
        font-size: 22px;
        color: #fff
    }

    .home-box .home-text .text2 {
        font-size: 14px;
        color: #fff;
        margin: 10px 0
    }

    .home-box .home-text .text3 {
        font-size: 14px;
        color: #fff
    }

    .home-navigation {
        width: 36px;
        height: 36px;
        margin-top: -16px
    }

    .home-img-prev {
        left: 10px
    }

    .home-img-next {
        right: 10px
    }

    .index-style .new-header,
    .new-header {
        background-color: #001529
    }

    .new-header .new-header-body {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .new-header .ant-menu {
        background: transparent;
        border-bottom: none
    }

    .new-header .ant-menu .ant-menu-item,
    .new-header .ant-menu .ant-menu-submenu-title {
        margin: 4px 0;
        padding-right: 34px
    }

    .new-header .ant-menu .ant-menu-horizontal>.ant-menu-item,
    .new-header .ant-menu .ant-menu-horizontal>.ant-menu-submenu,
    .new-header .ant-menu .ant-menu-submenu {
        margin: 0
    }

    .new-header .ant-menu-submenu-title {
        color: hsla(0, 0%, 100%, .65);
        font-weight: 400
    }

    .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
        background-color: #2f54eb
    }

    .new-header-meun {
        position: relative;
        width: 100%;
        height: 0;
        opacity: 0;
        transition: all .3s;
        overflow: hidden
    }

    .new-header .ant-menu {
        background-color: #001529
    }

    .new-header.open .new-header-meun {
        height: auto;
        opacity: 1;
        overflow: initial
    }

    .new-head-logo {
        width: 243px;
        height: 50px;
        margin: 5px 0 5px 10px;
        background-image: url(/skin/images/1aa3.png);
        background-size: auto 26px;
        background-position: 0
    }

    .pcshow {
        display: none !important
    }

    .footer-und .bd {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .ant-card.jzfrom-card {
        margin: 15px
    }

    .ant-card.jzfrom-card .ant-card-body {
        padding: 20px 15px
    }

    .ant-card.jzfrom-card .text1 {
        font-size: 18px;
        padding-bottom: 15px
    }

    .index-head {
        padding: 15px
    }

    .index-head .tit {
        font-size: 18px
    }

    .index-head .more {
        font-size: 14px
    }

    .index-head .more:after {
        height: 6px;
        width: 6px
    }

    .fuwu-content {
        padding: 10px 0
    }

    .fuwu-content .tit {
        font-size: 18px;
        padding: 10px 0 5px
    }

    .fuwu-content .text {
        font-size: 14px;
        padding: 0 55px
    }

    .fuwu-content .ant-col {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .ant-row.organization-row {
        margin-top: -8px !important;
        margin-bottom: 0 !important
    }

    .ant-row.organization-row .row {
        height: 190px;
        margin: 0 15px
    }

    .ant-row.organization-row .title {
        font-size: 22px
    }

    .ant-row.organization-row .bd>div {
        padding: 0 15px
    }

    .ant-row.organization-row .bd .tit {
        font-size: 18px
    }

    .ant-row.organization-row .bd .text1 {
        font-size: 14px
    }

    .ant-row.organization-row .ant-col {
        padding: 8px 19px !important
    }

    .ant-row.news-row {
        margin-bottom: 0
    }

    .ant-row.news-row .row {
        padding: 0 15px 15px
    }

    .ant-row.news-row .images-auto {
        height: 190px !important
    }

    .ant-row.news-row .time {
        font-size: 16px
    }

    .ant-row.news-row .title {
        font-size: 20px
    }

    .footer {
        padding: 20px 0
    }

    .footer .footer-brief {
        padding: 5px 15px 10px
    }

    .second-banner {
        height: 220px
    }

    .second-banner .bd {
        width: 100%;
        padding: 0 15px
    }

    .second-banner .bd .text1 {
        font-size: 22px;
        line-height: 1;
        padding-bottom: 10px
    }

    .second-banner .bd .text2 {
        max-width: 480px;
        font-size: 14px
    }

    .brief-text {
        font-size: 16px;
        padding: 0 15px
    }

    .business-scoll .ant-col-lg-4 {
        width: 100%
    }

    .business-scoll .ant-row {
        margin: 0 !important
    }

    .business-scoll .row {
        height: 190px
    }

    .business-scoll .row span {
        font-size: 22px
    }

    .team-scoll .imgbox {
        width: 150px;
        height: 150px
    }

    .team-scoll .imgbox span {
        padding: 0 20px;
        font-size: 13px
    }

    .team-scoll .text1 {
        font-size: 17px;
        padding: 10px 0 0
    }

    .team-scoll .team-scoll .text2 {
        font-size: 14px
    }

    .switch-box .next,
    .switch-box .prev {
        width: 35px;
        height: 35px
    }

    .switch-box .prev {
        left: 15px
    }

    .switch-box .next {
        right: 15px
    }

    .switch-box .row .title {
        font-size: 22px;
        padding: 10px 0 5px
    }

    .switch-box .row .text1 {
        font-size: 14px
    }

    .switch-box .row .img-box img {
        width: 35px;
        height: 35px
    }

    .support-content .img-bg {
        height: 160px
    }

    .support-content .container {
        overflow-x: initial
    }

    .support-content .ant-row {
        margin-left: -25px !important;
        margin-right: -25px !important
    }

    .support-content .suppor-scroll {
        height: 190px;
        margin-top: -50px
    }

    .support-content .suppor-scroll .row {
        height: 155px;
        padding: 15px 15px 0
    }

    .support-content .suppor-scroll .row .title {
        font-size: 22px
    }

    .support-content .suppor-scroll .row .text1 {
        font-size: 15px
    }

    .technology-scoll .row {
        padding: 0 25px
    }

    .technology-scoll .row .img-box {
        height: 160px
    }

    .technology-scoll .row .title {
        font-size: 17px
    }

    .ant-row-flex.financial-list,
    .ant-row.financial-list {
        margin-top: -10px !important;
        margin-bottom: 0 !important
    }

    .ant-row-flex.financial-list .row,
    .ant-row.financial-list .row {
        height: 120px;
        padding: 0 15px
    }

    .ant-row-flex.financial-list .row img,
    .ant-row.financial-list .row img {
        width: 45px;
        height: 45px
    }

    .ant-row-flex.financial-list .row .title,
    .ant-row.financial-list .row .title {
        font-size: 18px
    }

    .ant-row-flex.financial-list .row .text1,
    .ant-row.financial-list .row .text1 {
        font-size: 14px
    }

    .ant-row-flex.financial-list .row .bd,
    .ant-row.financial-list .row .bd {
        margin-left: 20px
    }

    .ant-row-flex.financial-list .ant-col,
    .ant-row.financial-list .ant-col {
        padding-top: 7px !important;
        padding-bottom: 7px !important
    }

    .ant-row-flex.area-list,
    .ant-row.area-list {
        margin-left: -5px !important;
        margin-right: -5px !important
    }

    .ant-row-flex.area-list .row,
    .ant-row.area-list .row {
        height: 300px
    }

    .ant-row-flex.area-list .row .img-box,
    .ant-row.area-list .row .img-box {
        height: 160px
    }

    .ant-row-flex.area-list .row .bd,
    .ant-row.area-list .row .bd {
        padding: 10px 15px
    }

    .ant-row-flex.area-list .row .title,
    .ant-row.area-list .row .title {
        font-size: 20px;
        padding: 5px 0
    }

    .ant-row-flex.area-list .row .text1,
    .ant-row.area-list .row .text1 {
        font-size: 16px
    }

    .gray-content {
        padding: 15px;
        margin-bottom: 20px
    }

    .index-head2 .tit {
        font-size: 22px
    }

    .ant-row-flex.firend-list,
    .ant-row.firend-list {
        margin-bottom: 30px !important
    }

    .ant-row-flex.firend-list .row,
    .ant-row.firend-list .row {
        height: 80px
    }

    .team-scoll2 {
        margin-bottom: 20px
    }

    .team-scoll2 .imgbox .title {
        font-size: 22px
    }

    .team-scoll2 .imgbox .tit {
        font-size: 16px
    }

    .team-scoll2 .imgbox .textp {
        font-size: 14px
    }

    .team-scoll2 .text1 {
        font-size: 18px
    }

    .team-scoll2 .text2 {
        font-size: 14px;
        padding: 0 20px;
        height: 48px
    }

    .team-scoll2 .row,
    .team-scoll2 .row:hover .imgbox {
        height: 325px
    }

    .team-scoll2 .ant-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .team-scoll2 .ant-col {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .ant-row-flex.estp-list.type2 .row,
    .ant-row.estp-list.type2 .row {
        margin: 0 20px
    }

    .ant-row-flex.estp-list .row,
    .ant-row.estp-list .row {
        height: 306px;
        margin: 8px 0
    }

    .ant-row-flex.estp-list .img-box,
    .ant-row.estp-list .img-box {
        height: 80px
    }

    .ant-row-flex.estp-list .title,
    .ant-row.estp-list .title {
        font-size: 18px;
        text-align: center
    }

    .ant-row-flex.estp-list .text1,
    .ant-row.estp-list .text1 {
        font-size: 16px;
        -webkit-line-clamp: 5
    }

    .ant-row-flex.estp-list .more-box,
    .ant-row.estp-list .more-box {
        margin: 0 12.5px;
        height: 45px
    }

    .ant-anchor-wrapper.my-anchor {
        margin-top: 10px
    }

    .ant-anchor-wrapper.my-anchor .ant-anchor-link {
        padding: 10px 0
    }

    .ant-anchor-wrapper.my-anchor .ant-anchor-link .ant-anchor-link-title {
        font-size: 16px
    }

    .ant-anchor-wrapper.my-anchor .ant-anchor-link .ant-anchor-link-title:before {
        height: 6px;
        width: 6px;
        border-width: 1px 1px 0 0;
        margin-right: 10px
    }

    .ant-anchor-wrapper.my-anchor .ant-anchor-link.ant-anchor-link-active {
        border-radius: 0
    }

    .anchor-content {
        padding: 10px 0 20px
    }

    .anchor-content .row {
        padding: 15px
    }

    .anchor-content .ant-typography p,
    .anchor-content div.ant-typography {
        margin-bottom: 20px
    }

    .img-title {
        padding-bottom: 30px;
    }

    .img-title span {
        font-size: 20px;
        padding-left: 15px
    }

    .ant-btn.orange-btn {
        font-size: 12px
    }

    .switch-box-2.switch-box .prev {
        left: 15px
    }

    .switch-box-2.switch-box .next {
        right: 15px
    }
}

 @media screen and (min-width:1900px) {
      .new-header-mobile{
              display: none;
        }
 }