#nprogress {
    pointer-events: none;
}
#nprogress .bar {
    background: #29d;
    height: 2px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1031;
}
#nprogress .peg {
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(3deg) translateY(-4px);
    -ms-transform: rotate(3deg) translateY(-4px);
    transform: rotate(3deg) translateY(-4px);
    width: 100px;
}
#nprogress .spinner {
    display: block;
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 1031;
}
#nprogress .spinner-icon {
    -webkit-animation: nprogress-spinner 0.4s linear infinite;
    animation: nprogress-spinner 0.4s linear infinite;
    border-color: #29d transparent transparent #29d;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    height: 18px;
    width: 18px;
}
.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}
.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
    position: absolute;
}
@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
    }
}
@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.delay-1s {
    animation-delay: 1s;
}
.animated.delay-2s {
    animation-delay: 2s;
}
.animated.delay-3s {
    animation-delay: 3s;
}
.animated.delay-4s {
    animation-delay: 4s;
}
.animated.delay-5s {
    animation-delay: 5s;
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0);
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}
@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
    0% {
        transform: scaleX(1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scaleX(1);
    }
}
.pulse {
    animation-name: pulse;
}
@keyframes rubberBand {
    0% {
        transform: scaleX(1);
    }
    30% {
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        transform: scaleX(1);
    }
}
.rubberBand {
    animation-name: rubberBand;
}
@keyframes shake {
    0%,
    to {
        transform: translateZ(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    animation-name: shake;
}
@keyframes headShake {
    0% {
        transform: translateX(0);
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        transform: translateX(0);
    }
}
.headShake {
    animation-name: headShake;
    animation-timing-function: ease-in-out;
}
@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.swing {
    animation-name: swing;
    transform-origin: top center;
}
@keyframes tada {
    0% {
        transform: scaleX(1);
    }
    10%,
    20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        transform: scaleX(1);
    }
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
    0% {
        transform: translateZ(0);
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        transform: translateZ(0);
    }
}
.wobble {
    animation-name: wobble;
}
@keyframes jello {
    0%,
    11.1%,
    to {
        transform: translateZ(0);
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
.jello {
    animation-name: jello;
    transform-origin: center;
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        transform: scaleX(1);
    }
}
.bounceIn {
    animation-duration: 0.75s;
    animation-name: bounceIn;
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: translateZ(0);
    }
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: translateZ(0);
    }
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: translateZ(0);
    }
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translateZ(0);
    }
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    animation-duration: 0.75s;
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    }
    40% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-190deg);
    }
    50% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px)
            rotateY(-170deg);
    }
    80% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
            rotateY(0deg);
    }
    to {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    }
}
.animated.flip {
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg);
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg);
    }
    80% {
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        transform: perspective(400px);
    }
}
.flipInX {
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }
    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg);
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg);
    }
    80% {
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        transform: perspective(400px);
    }
}
.flipInY {
    animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px);
    }
    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg);
    }
    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
}
.flipOutX {
    animation-duration: 0.75s;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px);
    }
    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg);
    }
    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }
}
.flipOutY {
    animation-duration: 0.75s;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@keyframes lightSpeedIn {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(-30deg);
    }
    60% {
        opacity: 1;
        transform: skewX(20deg);
    }
    80% {
        transform: skewX(-5deg);
    }
    to {
        transform: translateZ(0);
    }
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) skewX(30deg);
    }
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center;
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center;
    }
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom;
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom;
    }
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom;
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom;
    }
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom;
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom;
    }
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom;
    }
    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom;
    }
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
    0% {
        opacity: 1;
        transform-origin: center;
    }
    to {
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center;
    }
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom;
    }
    to {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom;
    }
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        transform-origin: right bottom;
    }
    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom;
    }
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom;
    }
    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom;
    }
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        transform-origin: right bottom;
    }
    to {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom;
    }
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out;
        transform-origin: top left;
    }
    20%,
    60% {
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left;
    }
    40%,
    80% {
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 700px, 0);
    }
}
.hinge {
    animation-duration: 2s;
    animation-name: hinge;
}
@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }
    50% {
        transform: rotate(-10deg);
    }
    70% {
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.jackInTheBox {
    animation-name: jackInTheBox;
}
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}
.rollOut {
    animation-name: rollOut;
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    animation-name: zoomIn;
}
@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    }
    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
}
.zoomInDown {
    animation-name: zoomInDown;
}
@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    }
    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    }
}
.zoomInLeft {
    animation-name: zoomInLeft;
}
@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    }
    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    }
}
.zoomInRight {
    animation-name: zoomInRight;
}
@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    }
    60% {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
}
.zoomInUp {
    animation-name: zoomInUp;
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}
.zoomOut {
    animation-name: zoomOut;
}
@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    }
    to {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
    }
}
.zoomOutDown {
    animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}
.zoomOutLeft {
    animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}
.zoomOutRight {
    animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    }
    to {
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
    }
}
.zoomOutUp {
    animation-name: zoomOutUp;
}
@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}
.slideInUp {
    animation-name: slideInUp;
}
@keyframes slideOutDown {
    0% {
        transform: translateZ(0);
    }
    to {
        transform: translate3d(0, 100%, 0);
        visibility: hidden;
    }
}
.slideOutDown {
    animation-name: slideOutDown;
}
@keyframes slideOutLeft {
    0% {
        transform: translateZ(0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
        visibility: hidden;
    }
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
    0% {
        transform: translateZ(0);
    }
    to {
        transform: translate3d(100%, 0, 0);
        visibility: hidden;
    }
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
    0% {
        transform: translateZ(0);
    }
    to {
        transform: translate3d(0, -100%, 0);
        visibility: hidden;
    }
}
.slideOutUp {
    animation-name: slideOutUp;
}
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/55726380cfca4b59bff7);
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px;
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: 0.35;
    pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
    text-transform: none;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity 0.3s;
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
}
button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%;
}
.swiper-horizontal
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
}
.swiper-horizontal > .swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50;
}
.swiper-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50;
}
.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn);
    }
}
.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom;
}
@font-face {
    font-family: iconfont;
    src: url(/assets/80679bda1562ef744730.woff2) format("woff2"),
        url(/assets/6066d261ab53b0c24fbe.woff) format("woff"),
        url(/assets/fd027556ad27a6f8e61a.ttf) format("truetype");
}
.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-jiarugouwuche:before {
    content: "";
}
.icon-gou:before {
    content: "";
}
.icon-jiarugouwuche1:before {
    content: "";
}
.icon-jia:before {
    content: "";
}
.icon-jian:before {
    content: "";
}
.icon-youjiantou11:before {
    content: "";
}
.icon-zuojiantou1:before {
    content: "";
}
.icon-sousuo:before {
    content: "";
}
.icon-xia:before {
    content: "";
}
.icon-dingwei:before {
    content: "";
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.main {
    visibility: visible;
}
@font-face {
    font-family: AlimamaShuHeiTi-Bold;
    src: url(/assets/cfba1c8b200dd1bc1bbf.woff);
}
@font-face {
    font-family: Rany-Bold;
    src: url(/assets/dddc0db3c5820fcdee20.otf);
}
a:active,
a:hover,
a:link,
a:visited {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
a {
    text-decoration: none;
}
ul {
    list-style: none;
}
body {
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}
.content1300 {
    width: 1300px;
}
.content1300,
.content1440 {
    margin: 0 auto;
    max-width: 94%;
}
.content1440 {
    width: 1440px;
}
.content1400 {
    width: 1400px;
}
.content1240,
.content1400 {
    margin: 0 auto;
    max-width: 94%;
}
.content1240 {
    width: 1240px;
}
.content1200 {
    width: 1200px;
}
.content1200,
.content1500 {
    margin: 0 auto;
    max-width: 94%;
}
.content1500 {
    width: 1500px;
}
.content1600 {
    width: 1600px;
}
.content1600,
.content1610 {
    margin: 0 auto;
    max-width: 94%;
}
.content1610 {
    width: 1610px;
}
.content1800 {
    margin: 0 auto;
    max-width: 94%;
    width: 1800px;
}
.hoverLi .pic {
    overflow: hidden;
}
.hoverLi:hover .imgScale {
    transform: scale(1.05);
}
.imgScale {
    display: block;
    transition: all 1s;
    width: 100%;
}
.header {
    background-color: #fff;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
}
.header .header-c {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 27px 0;
}
.header .header-c .logo {
    align-items: flex-end;
    display: flex;
}
.header .header-c .logo img {
    display: block;
}
.header .header-c .logo .zh {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}
.header .header-c .logo .en {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 7px;
}
.header .header-c .r {
    align-items: center;
    display: flex;
}
.header .header-c .r form {
    display: flex;
    height: 42px;
}
.header .header-c .r .form-l {
    background: #f5f5f5;
    border-radius: 4px 0 0 4px;
    display: flex;
    padding: 6px;
    width: 314px;
}
.header .header-c .r .form-l .select {
    position: relative;
}
.header .header-c .r .form-l .select-t {
    align-items: center;
    color: #3d3d3d;
    cursor: pointer;
    display: flex;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    justify-content: space-between;
    line-height: 1;
    padding-right: 6px;
    width: 78px;
}
.header .header-c .r .form-l .select-t .select-t-title {
    flex: 1;
    text-align: center;
}
.header .header-c .r .form-l .select-t .icon-xia {
    font-weight: 700;
}
.header .header-c .r .form-l .select-c {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    color: #3d3d3d;
    font-size: 14px;
    min-width: 100%;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    transition: all 0.6s;
    white-space: nowrap;
    z-index: 4;
}
.header .header-c .r .form-l .select.active .select-c {
    opacity: 1;
    pointer-events: auto;
}
.header .header-c .r .form-l .select-c a {
    color: #3d3d3d;
    display: block;
    line-height: 2;
    opacity: 0.7;
    text-align: center;
    transition: all 0.6s;
}
.header .header-c .r .form-l .select-c a:hover {
    color: #353c7c;
    opacity: 1;
}
.header .header-c .r .form-l input {
    background-color: transparent;
    border: none;
    border-left: 2px solid #d8d8d8;
    color: #333;
    flex: 1;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    padding: 0 15px 0 29px;
    width: 100%;
}
.header .header-c .r .form-l input::placeholder {
    color: #bfbfbf;
}
.header .header-c .r .form-r.submit {
    background: #353c7c;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    height: 42px;
    line-height: 42px;
    opacity: 1;
    text-align: center;
    width: 66px;
}
.header .header-c .tel-box {
    margin-left: 250px;
}
.header .header-c .tel-text {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}
.header .header-c .tel-number {
    color: #353c7c;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}
.header .header-b {
    background-color: #f5f5f5;
}
.header .header-b-c {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.header .header-b-c .nav {
    display: flex;
    width: 75.21%;
}
.header .header-b-c .nav li {
    flex: 1;
    position: relative;
    text-align: center;
}
.header .header-b-c .nav li:before {
    background: linear-gradient(90deg, #353c7c, #353c7c);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.6s;
    width: 100%;
}
.header .header-b-c .nav li.active:before,
.header .header-b-c .nav li:hover:before {
    opacity: 1;
}
.header .header-b-c .nav li > a {
    color: #3d3d3d;
    display: block;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 80px;
    position: relative;
    transition: all 0.6s;
    z-index: 2;
}
.header .header-b-c .nav li.active > a,
.header .header-b-c .nav li:hover > a {
    color: #fff;
}
.header .header-b-c .language {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}
.header .header-b-c .language a {
    color: rgba(61, 61, 61, 0.8);
}
.index-title {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
}
.index-des {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 12px;
}
.cooperative-brand {
    background-image: url(/assets/255df06ccc903a996ea1.jpg);
    background-size: cover;
    padding: 107px 0 102px;
    text-align: center;
}
.cooperative-brand .pic {
    margin-top: 60px;
}
.cooperative-brand .pic img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.cooperative-brand .pic img.m {
    display: none;
}
.cooperative-brand .index-des {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 960px;
}
.banner1 {
    position: relative;
}
.banner1 .pic img {
    display: block;
    height: 450px;
    object-fit: cover;
    width: 100%;
}
.banner1 .banner-box {
    left: 50%;
    position: absolute;
    top: 110px;
    transform: translateX(-50%);
}
.banner1 .banner-box .title {
    color: #fff;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
}
.banner1 .banner-box .des {
    color: #fff;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 100%;
    width: 582px;
}
.innerNav {
    background-color: #f4f4f4;
}
.innerNav .box-c {
    display: flex;
}
.innerNav .box-c a {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 88px;
    text-align: center;
    transition: all 0.6s;
    width: 240px;
}
.innerNav .box-c a.active,
.innerNav .box-c a:hover {
    background-color: #353c7c;
    color: #fff;
}
.historyBox {
    background: #414b97;
    background-size: cover;
    padding: 52px 0 60px;
}
.historyBox .index-title {
    color: #fff;
    text-align: center;
}
.historyBox .box-t {
    margin-top: 45px;
    position: relative;
}
.historyBox .box-t .swiper {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    width: 800px;
}
.historyBox .box-t .text {
    color: #fff;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
}
.historyBox .box-t .number {
    color: #fff;
    font-family: HarmonyOS Sans SC-Black, HarmonyOS Sans SC;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.1;
    margin-top: 54px;
    text-align: center;
}
.historyBox .box-t .des {
    color: hsla(0, 0%, 100%, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 15px;
}
.historyBox .box-t .btn {
    align-items: center;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 2;
}
.historyBox .box-t .btn:hover {
    background-color: #9b9fc5;
    border-color: #9b9fc5;
    color: #fff;
}
.historyBox .box-t .btn.btn-prev {
    left: 0;
    transform: translate(-100%, -50%);
}
.historyBox .box-t .btn.btn-next {
    right: 0;
    transform: translate(100%, -50%);
}
.historyBox .box-t .btn .iconfont {
    font-size: 30px;
}
.historyBox .box-c {
    margin-top: 20px;
    position: relative;
}
.historyBox .box-c:before {
    background-color: #fff;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 74px;
    transform: translateX(-50%);
    width: 100vw;
}
.historyBox .box-c .swiper {
    z-index: 3;
}
.historyBox .box-c .swiper-slide {
    cursor: pointer;
    transition: all 0.6s;
    width: 12%;
}
.historyBox .box-c .slide-box {
    display: inline-block;
    text-align: center;
    width: 70px;
}
.historyBox .box-c .icon {
    opacity: 0;
}
.historyBox .box-c .swiper-slide-thumb-active .icon {
    opacity: 1;
}
.historyBox .box-c .icon .iconfont {
    color: #fff;
    font-size: 38px;
}
.historyBox .box-c .lines {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 22px 0 10px;
}
.historyBox .box-c .lines .line {
    background-color: #fff;
    height: 28px;
    width: 2px;
}
.historyBox .box-c .lines .line:last-child {
    opacity: 0;
}
.historyBox .box-c .lines .line1 {
    transform: scale(0.6);
}
.historyBox .box-c .text {
    color: #fff;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    transition: all 0.6s;
}
.historyBox .box-c .swiper-slide-thumb-active .text {
    transform: scale(1.5);
}
.footer {
    background-color: #414b97;
    background-size: cover;
    padding-top: 52px;
}
.footer-t {
    display: flex;
    justify-content: space-between;
}
.footer-t-l .logo img {
    display: block;
}
.footer-t-l .nav {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    gap: 25px;
    line-height: 30px;
    margin-top: 39px;
}
.footer-t-l .nav a {
    color: #fff;
}
.footer-t-l .friend-links {
    color: hsla(0, 0%, 100%, 0.7);
    display: flex;
    flex-wrap: wrap;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    gap: 20px;
    line-height: 19px;
    margin-top: 90px;
}
.footer-t-l .friend-links a {
    color: #fff;
}
.footer-t-r {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.footer-t-r .text-box {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-right: 73px;
    max-width: 100%;
    width: 390px;
}
.footer-t-r .text-box,
.footer-t-r .text-box .tel-text {
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
}
.footer-t-r .text-box .tel-text {
    color: hsla(0, 0%, 100%, 0.8);
    font-size: 16px;
    line-height: 19px;
}
.footer-t-r .text-box .tel-number {
    color: #fff;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-size: 44px;
    font-weight: 500;
    line-height: 52px;
}
.footer-t-r .ewm img {
    display: block;
}
.footer-t-r .ewm .text {
    color: #fff;
    line-height: 19px;
    margin-top: 9px;
    text-align: center;
}
.footer-b,
.footer-t-r .ewm .text {
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
}
.footer-b {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    color: hsla(0, 0%, 100%, 0.8);
    line-height: 30px;
    margin-top: 20px;
    padding: 23px 0 20px;
}
.m_right {
    display: none;
}
.modal {
    background-color: rgba(0, 0, 0, 0.55);
    display: none;
    position: fixed;
    z-index: 999;
}
.modal,
.modal .shadow {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.modal .shadow,
.video-content {
    position: absolute;
}
.video-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.modal .close {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: -26px;
    top: -26px;
}
.video-content video {
    display: block;
    margin: 0 auto;
    max-height: 80vh;
    max-width: 90vw;
}
.commonBread {
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 25px;
}
.commonBread,
.commonBread a {
    color: rgba(61, 61, 61, 0.8);
}
.pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pagination ul li {
    background: #f5f5f5;
    border-radius: 50%;
    color: rgba(61, 61, 61, 0.8);
    cursor: pointer;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin: 5px;
    text-align: center;
    width: 38px;
}
.pagination ul li:first-child,
.pagination ul li:last-child {
    border-radius: 29px;
    padding: 0 24px;
    width: auto;
}
.pagination ul li .iconfont {
    font-size: 18px;
}
.pagination ul li.active,
.pagination ul li:hover {
    background-color: #353c7c;
}
.pagination ul li a {
    color: #999;
    display: block;
}
.pagination ul li.active a,
.pagination ul li.active span,
.pagination ul li:hover a {
    color: #fff;
}
.m-navbar,
.m-right-buttom {
    display: none;
}
::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}
::-webkit-scrollbar-track {
    background-color: #cad0e4;
}
::-webkit-scrollbar-thumb {
    background-color: #414b97;
    border-radius: 1em;
}
@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}
@media (max-width: 1630px) {
    .content1600 {
        width: 94%;
    }
}
@media (max-width: 1600px) {
    .header .header-c .tel-box {
        margin-left: 100px;
    }
    .historyBox .box-t .btn {
        height: 50px;
        width: 50px;
    }
    .historyBox .box-t .btn.btn-next,
    .historyBox .box-t .btn.btn-prev {
        transform: translateY(-50%);
    }
}
@media (max-width: 1500px) {
    .footer-t-r .text-box {
        margin-right: 40px;
    }
    .footer-t-r .ewm img {
        height: 140px;
        width: 140px;
    }
}
@media (max-width: 1440px) {
    .footer-t-r .text-box .tel-number,
    .index-title {
        font-size: 36px;
    }
    .footer-t-l {
        width: 600px;
    }
    .header .header-c .tel-number {
        font-size: 30px;
    }
    .header .header-c .tel-text {
        font-size: 20px;
    }
    .header .header-c .tel-box {
        margin-left: 50px;
    }
    .header .header-c .logo .zh {
        font-size: 28px;
    }
    .header .header-c .logo .en {
        font-size: 18px;
    }
    .header .header-c .logo img {
        width: 140px;
    }
    .banner1 .banner-box .title {
        font-size: 30px;
    }
}
@media (max-width: 1430px) {
    .content1400 {
        width: 94%;
    }
}
@media (max-width: 1330px) {
    .content1300 {
        width: 94%;
    }
}
@media (max-width: 1280px) {
    .banner1 .banner-box .title {
        font-size: 28px;
    }
    .footer-t-r .text-box .tel-number,
    .index-title {
        font-size: 30px;
    }
    .header .header-c .tel-number {
        font-size: 26px;
    }
    .header .header-c .tel-box {
        margin-left: 30px;
    }
    .footer-t-r .text-box {
        width: 300px;
    }
}
@media (max-width: 1199px) {
    .banner1 .banner-box .title {
        font-size: 26px;
    }
    .commonBread {
        margin-top: 15px;
    }
    .index-title {
        font-size: 28px;
    }
    .footer-t-r .text-box {
        margin-right: 30px;
        width: 280px;
    }
    .footer-t-r .ewm img {
        height: 110px;
        width: 110px;
    }
    .footer-t-l {
        width: 500px;
    }
    .header .header-c .r .form-l .select-c a {
        font-size: 12px;
    }
    .header .header-c .r .form-r.submit {
        width: 50px;
    }
    .header .header-c .r .form-l input {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 10px;
    }
    .header .header-c .r .form-l .select-t {
        font-size: 14px;
    }
    .header .header-c .logo .logo-text,
    .header .header-c .tel-box {
        display: none;
    }
    .header .header-c .logo img {
        width: 110px;
    }
    .header .header-c {
        padding: 10px 0;
    }
    .header .header-b {
        display: none;
    }
    .m-right-buttom {
        cursor: pointer;
        display: block;
        margin-left: 30px;
        user-select: none;
    }
    .m-right-buttom .in {
        align-items: center;
        display: flex;
        height: 30px;
        justify-content: center;
        width: 19px;
    }
    .m-right-buttom span,
    .m-right-buttom span:after,
    .m-right-buttom span:before {
        background: #353c7c;
        display: block;
        height: 2px;
        transition: top 0.2s linear;
        width: 19px;
    }
    .header.active .m-right-buttom span,
    .header.active .m-right-buttom span:after,
    .header.active .m-right-buttom span:before {
        background: #353c7c;
    }
    .m-right-buttom span {
        position: relative;
        transition: all 0.2s ease 0.4s, background 0s;
    }
    .m-right-buttom span:after,
    .m-right-buttom span:before {
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transform-origin: 50% 50%;
        transition: top 0.2s ease 0.4s, transform 0.4s ease;
    }
    .m-right-buttom span:before {
        top: 6px;
    }
    .m-right-buttom span:after {
        top: -6px;
    }
    .header.active .m-right-buttom.active span,
    .m-right-buttom.active span {
        background: 0 0;
        transition: all 0.2s ease 0s;
    }
    .m-right-buttom.active span:after,
    .m-right-buttom.active span:before {
        top: 0;
        transition: top 0.2s ease, transform 0.2s ease 0.3s;
        width: 19px;
    }
    .m-right-buttom.active span:before {
        transform: rotate(45deg);
    }
    .m-right-buttom.active span:after {
        transform: rotate(-45deg);
    }
    .m-navbar.active li {
        background-color: #fff;
        border-radius: 5px;
    }
    .m-navbar.active li .subNav {
        background-color: #f0f0f0;
        border-radius: 0 0 5px 5px;
        display: none;
        padding: 0 25px;
    }
    .m-navbar.active li .subNav a {
        background-color: transparent;
        border-radius: 0;
        font-size: 14px;
        margin-top: 0;
        padding: 10px 0 !important;
    }
    .m-navbar.active li .subNav .item-title {
        padding: 10px 0 0;
    }
    .m-navbar.active li .subNav a:not(:last-child) {
        border-bottom: 1px solid rgba(193, 199, 208, 0.7);
    }
    .m-navbar ul {
        display: block;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .m-navbar li {
        display: block;
        margin: 0;
        opacity: 0;
        transform: translateY(32px);
        transition: all 0.4s ease;
        width: 100%;
    }
    .m-navbar.active li {
        opacity: 1;
        transform: translateY(0);
    }
    .m-navbar li:hover a {
        color: #747474 !important;
    }
    .m-navbar li.active a {
        color: #0036b2 !important;
    }
    .m-navbar.active li:last-child {
        align-items: center;
        background-color: #fff;
        display: flex;
    }
    .m-navbar {
        background-color: #444;
        display: none;
        height: 100%;
        left: 0;
        margin-right: 0;
        padding: 100px 4% 20px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 998;
    }
    .m-navbar li + li {
        margin-left: 0;
        margin-top: 12px;
        padding: 0;
    }
    .m-navbar li + li:after {
        display: none;
    }
    .m-navbar li a {
        border-radius: 5px;
        color: #121212;
        display: block;
        font-weight: 400;
        height: auto;
        padding: 9px !important;
    }
    .innerNav .box-c a {
        flex: 1;
    }
}
@media (max-width: 1024px) {
    .banner1 .banner-box {
        top: 70px;
    }
    .banner1 .banner-box .title {
        font-size: 24px;
    }
    .commonBread {
        font-size: 14px;
    }
    .historyBox .box-t {
        margin-top: 40px;
    }
    .historyBox .box-c .swiper-slide {
        width: 20%;
    }
    .historyBox .box-c:before {
        top: 65px;
    }
    .historyBox .box-c .icon .iconfont {
        font-size: 30px;
    }
    .historyBox .box-t .swiper {
        max-width: 80%;
    }
    .historyBox .box-t .number {
        font-size: 30px;
    }
    .historyBox .box-t .btn .iconfont {
        font-size: 22px;
        font-weight: 400;
    }
    .historyBox .box-t .btn {
        border-width: 1px;
        height: 40px;
        width: 40px;
    }
    .innerNav .box-c a {
        font-size: 16px;
        line-height: 60px;
    }
    .cooperative-brand .pic {
        margin-top: 40px;
    }
    .index-title {
        font-size: 26px;
    }
    .footer-t {
        flex-direction: column;
    }
    .footer-t-l .logo img {
        height: 50px;
    }
    .footer-t-l {
        width: 100%;
    }
    .footer-t-l .nav {
        margin-top: 25px;
    }
    .footer-t-l .friend-links {
        margin-top: 20px;
    }
    .footer-t-r {
        margin-top: 30px;
    }
    .footer-t-r .text-box {
        width: 100%;
    }
    .footer-t-r .text-box .tel-text {
        font-size: 14px;
    }
    .footer-t-r .text-box .tel-number {
        font-size: 26px;
        line-height: 1.5;
    }
    .footer-t-r .text-box {
        font-size: 16px;
        line-height: 1.6;
    }
    .footer-b {
        font-size: 14px;
        line-height: 2;
        padding: 5px 0;
    }
    .banner1 .pic img {
        height: auto;
        min-height: 340px;
    }
}
@media (max-width: 768px) {
    .banner1 .banner-box .title {
        font-size: 22px;
    }
    .pagination ul li:first-child,
    .pagination ul li:last-child {
        padding: 0 15px;
    }
    .pagination ul li {
        font-size: 14px;
    }
    .commonBread {
        margin-top: 5px;
    }
    .historyBox .box-t .swiper {
        max-width: 75%;
    }
    .historyBox .box-c .text,
    .historyBox .box-t .des {
        font-size: 16px;
    }
    .historyBox .box-t,
    .historyBox .box-t .number {
        margin-top: 30px;
    }
    .innerNav .box-c a {
        font-size: 14px;
        line-height: 45px;
    }
    .cooperative-brand .pic img.pc {
        display: none;
    }
    .cooperative-brand .pic img.m {
        display: block;
    }
    .cooperative-brand .pic {
        margin-top: 30px;
    }
    .index-title {
        font-size: 24px;
    }
    .footer {
        padding-top: 40px;
    }
    .footer-t-l .friend-links,
    .footer-t-l .nav {
        font-size: 14px;
        gap: 15px;
    }
    .header .header-c .r .form-l {
        width: 270px;
    }
    .header .header-c .logo img {
        width: 80px;
    }
    .pagination ul li {
        height: 36px;
        line-height: 36px;
        width: 36px;
    }
    .video-content {
        width: 85%;
    }
    .video-content video {
        display: block;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .historyBox .box-c .swiper-slide {
        width: 25%;
    }
    .historyBox .box-c:before {
        top: 54px;
    }
    .historyBox .box-c .slide-box {
        width: 60px;
    }
    .historyBox .box-c .swiper-slide-thumb-active .text {
        transform: scale(1.2);
    }
    .historyBox .box-c .lines {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .historyBox .box-t .number {
        font-size: 22px;
    }
    .historyBox .box-t .des {
        margin-top: 10px;
    }
    .historyBox .box-t .number {
        margin-top: 15px;
    }
    .historyBox .box-t {
        margin-top: 20px;
    }
    .historyBox .box-t .btn .iconfont {
        font-size: 18px;
    }
    .historyBox .box-t .btn {
        height: 34px;
        width: 34px;
    }
    .innerNav .box-c a {
        font-size: 12px;
        line-height: 40px;
    }
    .cooperative-brand .pic {
        margin-top: 20px;
    }
    .index-title {
        font-size: 22px;
    }
    .footer-b {
        font-size: 12px;
    }
    .footer-t-r {
        margin-top: 20px;
    }
    .footer-t-r .text-box .tel-text {
        font-size: 12px;
    }
    .footer-t-r .text-box {
        font-size: 14px;
    }
    .footer-t-r .text-box .tel-number {
        font-size: 20px;
    }
    .footer-t-r .ewm img {
        height: 80px;
        width: 80px;
    }
    .footer-t-r .ewm .text {
        font-size: 14px;
    }
    .footer-t-l .friend-links {
        gap: 0 10px;
        margin-top: 10px;
    }
    .footer-t-l .nav {
        gap: 0 10px;
        margin-top: 15px;
    }
    .footer {
        padding-top: 30px;
    }
    .m-right-buttom {
        margin-left: 5px;
    }
    .header .header-c .r .form-l input {
        font-size: 12px;
        padding: 0 0 0 5px;
    }
    .header .header-c .r .form-r.submit {
        width: 42px;
    }
    .header .header-c .r .form-l .select-t {
        font-size: 12px;
    }
    .header .header-c .r .form-l {
        width: 220px;
    }
    .header .header-c .logo img,
    .header .header-c .r .form-l .select-t {
        width: 70px;
    }
}
@media (min-width: 1200px) {
    .m-navbar {
        display: none !important;
    }
    .dropdown {
        position: relative;
    }
    .dropdown-content {
        background-color: hsla(0, 0%, 98%, 0.9);
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        display: none;
        max-width: 100%;
        min-width: 860px;
        position: absolute;
        z-index: 1;
    }
    .dropdown-content a {
        color: #000;
        display: block;
        float: left;
        padding: 25px 0;
        text-decoration: none;
        width: 50%;
    }
    .dropdown-content a:hover {
        background-color: #f1f1f1;
    }
    .dropdown:hover .dropdown-content {
        display: block;
    }
}
@media (max-width: 1199px) {
    .dropdown {
        display: inline-block;
        position: relative;
    }
    .m-navbar li:hover .dropbtn {
        color: #121212 !important;
    }
    .m-navbar li.active .dropbtn {
        color: #0036b2 !important;
    }
    .m-navbar li:hover .dropdown-content a {
        color: #747474 !important;
    }
    .m-navbar .dropbtn:after {
        border-bottom-color: initial;
        border-bottom-style: none;
        border-bottom-width: 0;
        border-left: 0.3em solid transparent;
        border-right: 0.3em solid transparent;
        border-top-color: initial;
        border-top-style: solid;
        border-top-width: 0.3em;
        content: "";
        display: inline-block;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        width: 0;
    }
    .m-navbar .dropdown-content {
        display: none;
        min-width: 160px;
        position: static;
        z-index: 1;
    }
    .m-navbar .dropdown-content a {
        color: #000 !important;
        display: block;
        padding: 12px 16px;
        text-decoration: none;
    }
}
#index .banner .swiper-slide .pic img {
    display: block;
    width: 100%;
}
#index .box1 {
    padding: 64px 0 80px;
}
#index .box1 .box-t {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
#index .box1 .box-t-l {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 40px;
    margin-right: 50px;
}
#index .box1 .box-t-l a {
    background: #f5f5f5;
    border-radius: 266px 266px 266px 266px;
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    min-width: 188px;
    padding: 0 20px;
    text-align: center;
    transition: all 0.6s;
}
#index .box1 .box-t-l a.active,
#index .box1 .box-t-l a:hover {
    background-color: #353c7c;
    color: #fff;
}
#index .commomMore {
    align-items: center;
    color: #353c7c;
    display: flex;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
}
#index .commomMore svg {
    margin-left: 4px;
}
#index .box1 .box-c {
    margin-top: 52px;
}
#index .box1 .box-c .item {
    display: none;
}
#index .box1 .box-c .item.active {
    animation: fadeInUpSmall 1s forwards;
    display: block;
}
#index .box1 .box-c .list {
    display: grid;
    gap: 40px 20px;
    grid-template-columns: repeat(4, 1fr);
}
#index .box1 .box-c .list .text {
    color: #3d3d3d;
    display: -webkit-box;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
#index .box1 .swiper-pagination {
    margin-top: 58px;
    position: relative;
}
#index .banner .swiper-pagination-bullet,
#index .box1 .swiper-pagination-bullet {
    background-color: rgba(53, 60, 124, 0.369);
    border-radius: 0;
    border-radius: 5px;
    height: 3px;
    margin: 0 12px;
    opacity: 1;
    width: 120px;
}
#index .banner .swiper-pagination-bullet {
    height: 6px;
    margin: 0 8px;
    width: 80px;
}
#index .box1 .swiper-pagination-bullet-active {
    background-color: #353c7c;
}
#index .banner .swiper-pagination {
    bottom: 40px;
}
#index .banner .swiper-pagination-bullet {
    background-color: hsla(0, 0%, 100%, 0.6);
}
#index .banner .swiper-pagination-bullet-active {
    background-color: #fff;
}
#index .box2 {
    background-image: url(/assets/e2aa9c939f5d7f855df4.jpg);
    background-position: 50%;
    background-size: cover;
}
#index .box2 .box-c {
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 140px 0 130px;
}
#index .box2 .box-c .l {
    background: hsla(0, 0%, 100%, 0.92);
    padding: 100px 90px 0 130px;
    width: 54.48%;
}
#index .box2 .box-c .l .swiper-slide {
    direction: rtl;
    height: 178px;
    overflow: auto;
    padding-left: 37px;
}
#index .box2 .box-c .l .swiper-slide .text-box {
    direction: ltr;
}
#index .box2 .box-c .l .title {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.16;
}
#index .box2 .box-c .l .title .number {
    color: #414b97;
    font-family: HarmonyOS Sans SC-Black, HarmonyOS Sans SC;
    font-size: 46px;
    font-weight: 900;
    line-height: 1.17;
    padding-right: 9px;
}
#index .box2 .box-c .l .text {
    color: rgba(61, 61, 61, 0.7);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 25px;
}
#index .box2 .box-c .r {
    width: 38.81%;
}
#index .box2 .box-c .r .index-title {
    color: #fff;
}
#index .box2 .box-c .r .index-des {
    color: hsla(0, 0%, 100%, 0.8);
    max-width: 100%;
    width: 530px;
}
#index .box2 .box-c .r .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 60px;
    max-width: 100%;
    width: 510px;
}
#index .box2 .box-c .r .list li:not(:nth-last-child(-n+2)) {
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.39);
}
#index .box2 .box-c .r .list li:nth-child(odd) {
    border-right: 1px solid hsla(0, 0%, 100%, 0.39);
}
#index .box2 .box-c .r .list li {
    align-items: center;
    background: hsla(0, 0%, 100%, 0.16);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 28px;
    font-weight: 400;
    height: 100px;
    justify-content: center;
}
#index .box2 .box-c .r .list li.active,
#index .box2 .box-c .r .list li:hover {
    background: hsla(0, 0%, 100%, 0.32);
}
#index .box3 {
    background-image: url(/assets/e9c68a16081a565d1ef5.jpg);
    background-size: cover;
    padding: 144px 0 187px;
}
#index .box3 .index-des {
    margin-top: 18px;
    max-width: 100%;
    width: 1035px;
}
#index .box3 .commomMore {
    margin-top: 50px;
}
#index .box3 .list {
    display: flex;
    gap: 50px;
    margin-top: 90px;
}
#index .box3 .list .icon {
    align-items: center;
    display: flex;
    height: 64px;
    justify-content: center;
    margin: 0 auto;
    width: 64px;
}
#index .box3 .list .icon img {
    display: block;
    max-height: 100%;
    max-width: 100%;
}
#index .box3 .list .number {
    background: linear-gradient(270deg, #2c548b, #0a873c);
    background-clip: text;
    -webkit-background-clip: text;
    font-family: HarmonyOS Sans SC-Black, HarmonyOS Sans SC;
    font-size: 30px;
    font-weight: 900;
    line-height: 35px;
    -webkit-text-fill-color: transparent;
    margin-top: 6px;
    text-align: center;
}
#index .box3 .list .text {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 7px;
    text-align: center;
}
#index .box6 {
    padding: 150px 0 125px;
}
#index .box6 .box-t {
    display: flex;
    justify-content: space-between;
}
#index .box6 .box-t-r {
    display: flex;
}
#index .box6 .box-t-r a {
    background: #f5f5f5;
    border-radius: 377px 377px 377px 377px;
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    opacity: 1;
    padding: 0 27px;
    transition: all 0.6s;
}
#index .box6 .box-t-r a.active,
#index .box6 .box-t-r a:hover {
    background-color: #353c7c;
    color: #fff;
}
#index .box6 .box-t-r a:not(:last-child) {
    margin-right: 35px;
}
#index .box6 .items .itemContainer {
    display: none;
}
#index .box6 .items .itemContainer.active {
    animation: fadeInUpSmall 1s forwards;
    display: block;
}
#index .box6 .box-c {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}
#index .box6 .box-c .l {
    position: relative;
    width: 33.29%;
}
#index .box6 .box-c .l .pic,
#index .box6 .box-c .l a {
    display: block;
    height: 100%;
    width: 100%;
}
#index .box6 .box-c .l .pic img {
    display: block;
    height: 100%;
    object-fit: cover;
}
#index .box6 .box-c .l .text {
    bottom: 38px;
    color: #fff;
    display: -webkit-box;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 22px;
    font-weight: 700;
    left: 0;
    line-height: 26px;
    padding: 0 19px;
    position: absolute;
    z-index: 2;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#index .box6 .box-c .c {
    flex: 1;
}
#index .box6 .box-c .list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
#index .box6 .box-c .list li > a {
    background: #f5f5f5;
    display: flex;
    padding: 30px 20px;
}
#index .box6 .box-c .list li .date {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    transition: all 0.6s;
}
#index .box6 .box-c .list li .year {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
#index .box6 .box-c .list li .li-r {
    flex: 1;
    margin-left: 15px;
}
#index .box6 .box-c .list li .li-r .text-title {
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}
#index .box6 .box-c .list li .li-r .text-des,
#index .box6 .box-c .list li .li-r .text-title {
    color: #3d3d3d;
    display: -webkit-box;
    transition: all 0.6s;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#index .box6 .box-c .list li .li-r .text-des {
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 8px;
}
#index .box6 .box-c .list li:hover .date,
#index .box6 .box-c .list li:hover .li-r .text-des,
#index .box6 .box-c .list li:hover .li-r .text-title {
    color: #353c7c;
}
#index .box7 {
    background-color: #f5f5f5;
    padding: 160px 0 100px;
}
#index .box7 .box-c {
    display: flex;
    justify-content: space-between;
}
#index .box7 .l {
    max-width: 100%;
    width: 415px;
}
#index .box7 .r {
    width: 994px;
}
#index .box7 .r .list li {
    background-color: #fff;
}
#index .box7 .r .list li:not(:last-child) {
    margin-bottom: 12px;
}
#index .box7 .r .list li {
    cursor: pointer;
    padding: 25px 40px;
}
#index .box7 .r .list li .li-t {
    display: flex;
    justify-content: space-between;
}
#index .box7 .r .list li .title {
    color: #3d3d3d;
    flex: 1;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-right: 30px;
}
#index .box7 .r .list li.active .title {
    color: #353c7c;
}
#index .box7 .r .list li .li-t .iconfont {
    color: #353c7c;
    font-size: 22px;
}
#index .box7 .r .list li .li-c {
    color: #3d3d3d;
    display: none;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 14px;
    max-width: 100%;
    width: 606px;
}
#index .box7 .r .commomMore {
    margin: 29px 0 0 38px;
}
@media (max-width: 1650px) {
    #index .box1 .box-t-l a {
        font-size: 16px;
        min-width: 160px;
    }
    #index .box1 .box-t-l {
        gap: 25px;
    }
    #index .box7 .r {
        width: 68%;
    }
    #index .box7 .l {
        width: 27%;
    }
}
@media (max-width: 1440px) {
    #index .box2 .box-c .l .title .number {
        font-size: 36px;
    }
    #index .box2 .box-c .r .list li {
        font-size: 24px;
    }
    #index .box2 .box-c .l .title {
        font-size: 30px;
    }
    #index .box2 .box-c .l {
        padding: 70px 70px 40px;
    }
    #index .box2 .box-c .r .list {
        margin-top: 40px;
    }
    #index .box3 .list .number {
        font-size: 26px;
    }
}
@media (max-width: 1280px) {
    #index .box2 .box-c .l .title .number {
        font-size: 30px;
    }
    #index .box2 .box-c .l .title {
        font-size: 26px;
    }
    #index .box1 .box-c .list .text {
        font-size: 20px;
    }
    #index .box2 .box-c .l {
        padding: 50px;
    }
}
@media (max-width: 1199px) {
    #index .box7 .r .list li .title {
        font-size: 18px;
    }
    #index .box7 .r .list li {
        padding: 20px 30px;
    }
    #index .box7 .r .commomMore {
        margin-left: 30px;
    }
    #index .box6 .box-t-r a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
    }
    #index .box2 .box-c .l .text {
        margin-top: 15px;
    }
    #index .box2 .box-c .l .title .number {
        font-size: 26px;
    }
    #index .box2 .box-c .l .title {
        font-size: 24px;
    }
    #index .box2 .box-c .l .swiper-slide {
        padding-left: 20px;
    }
    #index .box2 .box-c .l {
        margin-top: 35px;
        padding: 40px;
        width: 100%;
    }
    #index .box2 .box-c .r .index-des {
        width: 100%;
    }
    #index .box2 {
        background: #474f91;
    }
    #index .box2 .box-c {
        flex-direction: column-reverse;
    }
    #index .box2 .box-c .r {
        width: 100%;
    }
    #index .box1 .box-t-l a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        min-width: 120px;
    }
    #index .box1 .box-t-l {
        gap: 20px;
    }
    #index .box1 .box-c .list {
        gap: 30px 20px;
    }
    #index .box2 .box-c,
    #index .box3,
    #index .box6,
    #index .box7,
    #index .cooperative-brand,
    #index .historyBox {
        padding: 60px 0;
    }
    #index .box1 .box-c .list .text {
        font-size: 18px;
        margin-top: 10px;
    }
}
@media (max-width: 1024px) {
    #index .box7 .r {
        margin-top: 30px;
        width: 100%;
    }
    #index .box7 .l {
        width: 100%;
    }
    #index .box7 .box-c {
        flex-direction: column;
    }
    #index .box6 .box-c .l .text {
        font-size: 18px;
    }
    #index .box1 .box-c .list {
        grid-template-columns: repeat(3, 1fr);
    }
    #index .box1 .box-t {
        align-items: flex-end;
        flex-direction: column;
        margin-top: 25px;
    }
    #index .box1 .box-t-l {
        margin-right: 0;
        width: 100%;
    }
    #index .commomMore {
        font-size: 16px;
        margin-top: 10px;
    }
    #index .commomMore svg {
        width: 60px;
    }
    #index .box1 .box-c {
        margin-top: 30px;
    }
    #index .box1,
    #index .box2 .box-c,
    #index .box3,
    #index .box6,
    #index .box7,
    #index .cooperative-brand,
    #index .historyBox {
        padding: 60px 0;
    }
    #index .box1 .swiper-pagination {
        margin-top: 30px;
    }
    #index .banner .swiper-pagination-bullet,
    #index .box1 .swiper-pagination-bullet {
        height: 3px;
        width: 30px;
    }
    #index .banner .swiper-pagination {
        bottom: 20px;
    }
    #index .box3 .commomMore {
        margin-top: 20px;
    }
    #index .box3 .list {
        margin-top: 30px;
    }
    #index .box3 .list .icon {
        height: 50px;
        width: 50px;
    }
    #index .box3 .list .number {
        font-size: 24px;
    }
    #index .box6 .box-c .list li .li-l {
        display: none;
    }
    #index .box6 .box-c .list li .li-r {
        margin-left: 0;
    }
    #index .box6 .box-c .list li .li-r .text-title {
        font-size: 18px;
    }
    #index .box6 .box-c .list li > a {
        padding: 20px 15px;
    }
    #index .box6 .box-c .l .text,
    #index .box6 .box-c .list li .li-r .text-des,
    #index .box6 .box-c .list li .li-r .text-title {
        line-clamp: 1;
        -webkit-line-clamp: 1;
    }
    #index .box6 .box-c .l .text {
        bottom: 20px;
    }
}
@media (max-width: 768px) {
    #index .banner .swiper-pagination {
        bottom: 10px;
    }
    #index .box7 .r .list li {
        padding: 15px 20px;
    }
    #index .box7 .r .list li .li-c {
        margin-top: 10px;
    }
    #index .box6 .box-c .l .text,
    #index .box6 .box-c .list li .li-r .text-des,
    #index .box6 .box-c .list li .li-r .text-title {
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }
    #index .box6 .box-c .l {
        width: 100%;
    }
    #index .box6 .box-c {
        flex-direction: column;
    }
    #index .box6 .box-t-r a:not(:last-child) {
        margin-right: 20px;
    }
    #index .box6 .box-t-r a {
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        padding: 0 15px;
    }
    #index .box3 .list {
        gap: 35px;
    }
    #index .box3 .list .number {
        font-size: 22px;
    }
    #index .box3 .list .icon {
        height: 40px;
        width: 40px;
    }
    #index .box2 .box-c .r .list li {
        font-size: 22px;
    }
    #index .box1 .box-c .list {
        grid-template-columns: repeat(2, 1fr);
    }
    #index .box1 .box-t-l {
        gap: 15px;
    }
    #index .box1 .box-t-l a {
        height: 34px;
        line-height: 34px;
        min-width: 100px;
        padding: 0 14px;
    }
    #index .box1,
    #index .box2 .box-c,
    #index .box3,
    #index .box6,
    #index .box7,
    #index .cooperative-brand,
    #index .historyBox {
        padding: 50px 0;
    }
    #index .box2 .box-c .r .list {
        margin-top: 30px;
    }
    #index .box2 .box-c .l {
        padding: 30px;
    }
    #index .box2 .box-c .l .title {
        font-size: 22px;
    }
}
@media (max-width: 500px) {
    #index .banner .swiper-pagination {
        bottom: 5px;
    }
    #index .box7 .r {
        margin-top: 20px;
    }
    #index .box7 .r .commomMore {
        margin-left: 15px;
        margin-top: 20px;
    }
    #index .box7 .r .list li {
        padding: 10px 15px;
    }
    #index .box7 .r .list li .title {
        font-size: 16px;
    }
    #index .box7 .r .list li .li-t .iconfont {
        font-size: 20px;
    }
    #index .box6 .box-c .list {
        grid-template-columns: repeat(1, 1fr);
    }
    #index .box6 .box-t-r a:not(:last-child) {
        margin-right: 10px;
    }
    #index .box6 .box-t-r a {
        padding: 0 12px;
    }
    #index .box6 .box-c {
        margin-top: 25px;
    }
    #index .box3 .list {
        gap: 25px;
    }
    #index .box3 .list .number {
        font-size: 16px;
    }
    #index .box3 .list {
        margin-top: 20px;
    }
    #index .box3 .commomMore {
        margin-top: 15px;
    }
    #index .box2 .box-c .l .text,
    #index .box3 .index-des {
        margin-top: 10px;
    }
    #index .box2 .box-c .l .swiper-slide {
        padding-left: 10px;
    }
    #index .box2 .box-c .l {
        padding: 20px;
    }
    #index .box2 .box-c .l .title .number {
        font-size: 22px;
    }
    #index .box2 .box-c .l .title {
        font-size: 20px;
    }
    #index .box2 .box-c .r .list {
        margin-top: 25px;
    }
    #index .box2 .box-c .r .list li {
        font-size: 20px;
        height: 100px;
    }
    #index .box1 .box-c {
        margin-top: 25px;
    }
    #index .box1,
    #index .box2 .box-c,
    #index .box3,
    #index .box6,
    #index .box7,
    #index .cooperative-brand,
    #index .historyBox {
        padding: 40px 0;
    }
    #index .box1 .box-c .list {
        gap: 20px 10px;
    }
    #index .box1 .box-c .list .text {
        font-size: 16px;
        margin-top: 8px;
    }
    #index .box1 .swiper-pagination {
        margin-top: 20px;
    }
    #index .box1 {
        padding-bottom: 25px;
    }
}
#index .index-news {
    display: flex;
    flex-wrap: wrap;
}
#index .index-news > .card {
    background-clip: border-box;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid hsla(0, 0%, 83%, 0.3);
    border-radius: 6px;
    height: 300px;
    overflow: hidden;
    transition: all 0.3s;
    width: calc((100% - 45px) / 4);
    margin-bottom: 15px;
}
#index .index-news > .card:not(:nth-child(4n)) {
    margin-right: 15px;
}
#index .index-news > .card a {
    align-items: center;
    color: #333;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    padding: 20px 16px;
    text-decoration: none;
    width: 100%;
}
#index .a_c {
    align-items: center;
}
#index .card > a > .title {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    width: 100%;
}
#index .card > a > .text {
    display: -webkit-box;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    position: relative;
}
#index .card .image {
    border-radius: 6px;
    height: 167px;
    width: 100%;
}
#index .card .image img {
    height: 100%;
    width: 100%;
}
#index .maker {
    color: #999;
    display: -webkit-box;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 991px) {
    #index .index-news > .card {
        margin: 0 0 20px;
        width: 100%;
    }
    #index .index-news > .card:not(:last-child) {
        margin-right: 0;
    }
    #index #index .box6 .box-t-r {
        width: 100%;
    }
    #index #index .box6 .box-t {
        flex-direction: column;
    }
    #index #index .box6 .box-t-r {
        margin-top: 20px;
    }
}
#brand-item .electron-recovery,
#brand-list .electron-recovery,
#cate-details .electron-recovery,
#product-details .electron-recovery,
#productList .electron-recovery {
    padding: 83px 0 113px;
}
#brand-item .electron-recovery .box1 .box-t,
#brand-list .electron-recovery .box1 .box-t,
#cate-details .electron-recovery .box1 .box-t,
#product-details .electron-recovery .box1 .box-t,
#productList .electron-recovery .box1 .box-t {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
#brand-item .electron-recovery .box1 .box-t a,
#brand-list .electron-recovery .box1 .box-t a,
#cate-details .electron-recovery .box1 .box-t a,
#product-details .electron-recovery .box1 .box-t a,
#productList .electron-recovery .box1 .box-t a {
    background: #f5f5f5;
    border-radius: 266px;
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    min-width: 188px;
    padding: 0 20px;
    text-align: center;
    transition: 0.6s;
}
#brand-item .electron-recovery .box1 .box-t a.active,
#brand-item .electron-recovery .box1 .box-t a:hover,
#brand-list .electron-recovery .box1 .box-t a.active,
#brand-list .electron-recovery .box1 .box-t a:hover,
#cate-details .electron-recovery .box1 .box-t a.active,
#cate-details .electron-recovery .box1 .box-t a:hover,
#product-details .electron-recovery .box1 .box-t a.active,
#product-details .electron-recovery .box1 .box-t a:hover,
#productList .electron-recovery .box1 .box-t a.active,
#productList .electron-recovery .box1 .box-t a:hover {
    background-color: #353c7c;
    color: #fff;
}
#brand-item .electron-recovery .box1 .box-c,
#brand-list .electron-recovery .box1 .box-c,
#cate-details .electron-recovery .box1 .box-c,
#product-details .electron-recovery .box1 .box-c,
#productList .electron-recovery .box1 .box-c {
    margin-top: 52px;
}
#brand-item .electron-recovery .box1 .box-c .list,
#brand-list .electron-recovery .box1 .box-c .list,
#cate-details .electron-recovery .box1 .box-c .list,
#product-details .electron-recovery .box1 .box-c .list,
#productList .electron-recovery .box1 .box-c .list {
    display: grid;
    gap: 40px 20px;
    grid-template-columns: repeat(4, 1fr);
}
#brand-item .electron-recovery .box1 .box-c .list .text,
#brand-list .electron-recovery .box1 .box-c .list .text,
#cate-details .electron-recovery .box1 .box-c .list .text,
#product-details .electron-recovery .box1 .box-c .list .text,
#productList .electron-recovery .box1 .box-c .list .text {
    color: #3d3d3d;
    display: -webkit-box;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 17px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}
#brand-item .electron-recovery .box1 .box-c .pagination,
#brand-list .electron-recovery .box1 .box-c .pagination,
#cate-details .electron-recovery .box1 .box-c .pagination,
#product-details .electron-recovery .box1 .box-c .pagination,
#productList .electron-recovery .box1 .box-c .pagination {
    margin-top: 100px;
}
#brand-item .product-details,
#brand-list .product-details,
#cate-details .product-details,
#product-details .product-details,
#productList .product-details {
    padding-bottom: 116px;
}
#brand-item .product-details .box1 .box-c,
#brand-list .product-details .box1 .box-c,
#cate-details .product-details .box1 .box-c,
#product-details .product-details .box1 .box-c,
#productList .product-details .box1 .box-c {
    border-bottom: 1px solid #bfbfbf;
    display: flex;
    justify-content: space-between;
    padding: 50px 0 55px;
}
#brand-item .product-details .box1 .box-c .l,
#brand-list .product-details .box1 .box-c .l,
#cate-details .product-details .box1 .box-c .l,
#product-details .product-details .box1 .box-c .l,
#productList .product-details .box1 .box-c .l {
    width: 41.92%;
}
#brand-item .product-details .box1 .box-c .r,
#brand-list .product-details .box1 .box-c .r,
#cate-details .product-details .box1 .box-c .r,
#product-details .product-details .box1 .box-c .r,
#productList .product-details .box1 .box-c .r {
    width: 53.85%;
}
#brand-item .product-details .box1 .box-c .r .r-title,
#brand-list .product-details .box1 .box-c .r .r-title,
#cate-details .product-details .box1 .box-c .r .r-title,
#product-details .product-details .box1 .box-c .r .r-title,
#productList .product-details .box1 .box-c .r .r-title {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.19;
}
#brand-item .product-details .box1 .box-c .r .text-box,
#brand-list .product-details .box1 .box-c .r .text-box,
#cate-details .product-details .box1 .box-c .r .text-box,
#product-details .product-details .box1 .box-c .r .text-box,
#productList .product-details .box1 .box-c .r .text-box {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.66;
    margin-top: 16px;
    max-width: 100%;
    width: 800px;
}
#brand-item .product-details .box2,
#brand-list .product-details .box2,
#cate-details .product-details .box2,
#product-details .product-details .box2,
#productList .product-details .box2 {
    padding: 35px 0 90px;
}
#brand-item .product-details .box2 .title,
#brand-item .product-details .box3 .title,
#brand-list .product-details .box2 .title,
#brand-list .product-details .box3 .title,
#cate-details .product-details .box2 .title,
#cate-details .product-details .box3 .title,
#product-details .product-details .box2 .title,
#product-details .product-details .box3 .title,
#productList .product-details .box2 .title,
#productList .product-details .box3 .title {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.17;
}
#brand-item .product-details .box2 .des,
#brand-list .product-details .box2 .des,
#cate-details .product-details .box2 .des,
#product-details .product-details .box2 .des,
#productList .product-details .box2 .des {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 30px;
    max-width: 100%;
    width: 1550px;
}
#brand-item .product-details .box3 .box-c,
#brand-list .product-details .box3 .box-c,
#cate-details .product-details .box3 .box-c,
#product-details .product-details .box3 .box-c,
#productList .product-details .box3 .box-c {
    margin-top: 40px;
}
#brand-item .product-details .box3 .box-c table,
#brand-list .product-details .box3 .box-c table,
#cate-details .product-details .box3 .box-c table,
#product-details .product-details .box3 .box-c table,
#productList .product-details .box3 .box-c table {
    border: 1px solid rgba(53, 60, 124, 0.5);
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    word-break: break-all;
}
#brand-item .product-details .box3 .box-c table tr,
#brand-list .product-details .box3 .box-c table tr,
#cate-details .product-details .box3 .box-c table tr,
#product-details .product-details .box3 .box-c table tr,
#productList .product-details .box3 .box-c table tr {
    border-bottom: 1px solid #d8d8d8;
}
#brand-item .product-details .box3 .box-c table tr:first-child,
#brand-item .product-details .box3 .box-c table tr:last-child,
#brand-list .product-details .box3 .box-c table tr:first-child,
#brand-list .product-details .box3 .box-c table tr:last-child,
#cate-details .product-details .box3 .box-c table tr:first-child,
#cate-details .product-details .box3 .box-c table tr:last-child,
#product-details .product-details .box3 .box-c table tr:first-child,
#product-details .product-details .box3 .box-c table tr:last-child,
#productList .product-details .box3 .box-c table tr:first-child,
#productList .product-details .box3 .box-c table tr:last-child {
    border: none;
}
#brand-item .product-details .box3 .box-c table tr:first-child,
#brand-list .product-details .box3 .box-c table tr:first-child,
#cate-details .product-details .box3 .box-c table tr:first-child,
#product-details .product-details .box3 .box-c table tr:first-child,
#productList .product-details .box3 .box-c table tr:first-child {
    background-color: rgba(53, 60, 124, 0.1);
}
#brand-item .product-details .box3 .box-c table th,
#brand-list .product-details .box3 .box-c table th,
#cate-details .product-details .box3 .box-c table th,
#product-details .product-details .box3 .box-c table th,
#productList .product-details .box3 .box-c table th {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 400;
    line-height: 76px;
}
#brand-item .product-details .box3 .box-c table td,
#brand-item .product-details .box3 .box-c table th,
#brand-list .product-details .box3 .box-c table td,
#brand-list .product-details .box3 .box-c table th,
#cate-details .product-details .box3 .box-c table td,
#cate-details .product-details .box3 .box-c table th,
#product-details .product-details .box3 .box-c table td,
#product-details .product-details .box3 .box-c table th,
#productList .product-details .box3 .box-c table td,
#productList .product-details .box3 .box-c table th {
    padding: 0 10px;
}
#brand-item .product-details .box3 .box-c table td:last-child,
#brand-item .product-details .box3 .box-c table th:last-child,
#brand-list .product-details .box3 .box-c table td:last-child,
#brand-list .product-details .box3 .box-c table th:last-child,
#cate-details .product-details .box3 .box-c table td:last-child,
#cate-details .product-details .box3 .box-c table th:last-child,
#product-details .product-details .box3 .box-c table td:last-child,
#product-details .product-details .box3 .box-c table th:last-child,
#productList .product-details .box3 .box-c table td:last-child,
#productList .product-details .box3 .box-c table th:last-child {
    width: 300px;
}
#brand-item .product-details .box3 .box-c table td,
#brand-list .product-details .box3 .box-c table td,
#cate-details .product-details .box3 .box-c table td,
#product-details .product-details .box3 .box-c table td,
#productList .product-details .box3 .box-c table td {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding: 12px 0;
}
#brand-item .product-details .box3 .box-c table td a,
#brand-list .product-details .box3 .box-c table td a,
#cate-details .product-details .box3 .box-c table td a,
#product-details .product-details .box3 .box-c table td a,
#productList .product-details .box3 .box-c table td a {
    border: 1px solid #353c7c;
    border-radius: 4px;
    color: #353c7c;
    display: inline-block;
    line-height: 1;
    padding: 7px 25px;
    transition: 0.6s;
}
#brand-item .product-details .box3 .box-c table td a:hover,
#brand-list .product-details .box3 .box-c table td a:hover,
#cate-details .product-details .box3 .box-c table td a:hover,
#product-details .product-details .box3 .box-c table td a:hover,
#productList .product-details .box3 .box-c table td a:hover {
    background-color: #353c7c;
    color: #fff;
}
#brand-item .product-details .box3 .box-c .pagination,
#brand-list .product-details .box3 .box-c .pagination,
#cate-details .product-details .box3 .box-c .pagination,
#product-details .product-details .box3 .box-c .pagination,
#productList .product-details .box3 .box-c .pagination {
    margin-top: 98px;
}
@media (max-width: 1650px) {
    #brand-item .electron-recovery .box1 .box-t a,
    #brand-list .electron-recovery .box1 .box-t a,
    #cate-details .electron-recovery .box1 .box-t a,
    #product-details .electron-recovery .box1 .box-t a,
    #productList .electron-recovery .box1 .box-t a {
        font-size: 16px;
        min-width: 160px;
    }
    #brand-item .electron-recovery .box1 .box-t,
    #brand-list .electron-recovery .box1 .box-t,
    #cate-details .electron-recovery .box1 .box-t,
    #product-details .electron-recovery .box1 .box-t,
    #productList .electron-recovery .box1 .box-t {
        gap: 25px;
    }
}
@media (max-width: 1440px) {
    #brand-item .product-details .box1 .box-c .r .r-title,
    #brand-list .product-details .box1 .box-c .r .r-title,
    #cate-details .product-details .box1 .box-c .r .r-title,
    #product-details .product-details .box1 .box-c .r .r-title,
    #productList .product-details .box1 .box-c .r .r-title {
        font-size: 30px;
    }
}
@media (max-width: 1280px) {
    #brand-item .electron-recovery .box1 .box-c .list .text,
    #brand-list .electron-recovery .box1 .box-c .list .text,
    #cate-details .electron-recovery .box1 .box-c .list .text,
    #product-details .electron-recovery .box1 .box-c .list .text,
    #productList .electron-recovery .box1 .box-c .list .text {
        font-size: 20px;
    }
    #brand-item .product-details .box1 .box-c .r .r-title,
    #brand-item .product-details .box2 .title,
    #brand-item .product-details .box3 .title,
    #brand-list .product-details .box1 .box-c .r .r-title,
    #brand-list .product-details .box2 .title,
    #brand-list .product-details .box3 .title,
    #cate-details .product-details .box1 .box-c .r .r-title,
    #cate-details .product-details .box2 .title,
    #cate-details .product-details .box3 .title,
    #product-details .product-details .box1 .box-c .r .r-title,
    #product-details .product-details .box2 .title,
    #product-details .product-details .box3 .title,
    #productList .product-details .box1 .box-c .r .r-title,
    #productList .product-details .box2 .title,
    #productList .product-details .box3 .title {
        font-size: 28px;
    }
}
@media (max-width: 1199px) {
    #brand-item .product-details .box1 .box-c .r .r-title,
    #brand-item .product-details .box2 .title,
    #brand-item .product-details .box3 .title,
    #brand-list .product-details .box1 .box-c .r .r-title,
    #brand-list .product-details .box2 .title,
    #brand-list .product-details .box3 .title,
    #cate-details .product-details .box1 .box-c .r .r-title,
    #cate-details .product-details .box2 .title,
    #cate-details .product-details .box3 .title,
    #product-details .product-details .box1 .box-c .r .r-title,
    #product-details .product-details .box2 .title,
    #product-details .product-details .box3 .title,
    #productList .product-details .box1 .box-c .r .r-title,
    #productList .product-details .box2 .title,
    #productList .product-details .box3 .title {
        font-size: 26px;
    }
    #brand-item .electron-recovery,
    #brand-list .electron-recovery,
    #cate-details .electron-recovery,
    #product-details .electron-recovery,
    #productList .electron-recovery {
        padding: 70px 0;
    }
    #brand-item .electron-recovery .box1 .box-c .list,
    #brand-list .electron-recovery .box1 .box-c .list,
    #cate-details .electron-recovery .box1 .box-c .list,
    #product-details .electron-recovery .box1 .box-c .list,
    #productList .electron-recovery .box1 .box-c .list {
        gap: 30px 20px;
    }
    #brand-item .electron-recovery .box1 .box-c .list .text,
    #brand-list .electron-recovery .box1 .box-c .list .text,
    #cate-details .electron-recovery .box1 .box-c .list .text,
    #product-details .electron-recovery .box1 .box-c .list .text,
    #productList .electron-recovery .box1 .box-c .list .text {
        font-size: 18px;
        margin-top: 10px;
    }
    #brand-item .electron-recovery .box1 .box-t a,
    #brand-list .electron-recovery .box1 .box-t a,
    #cate-details .electron-recovery .box1 .box-t a,
    #product-details .electron-recovery .box1 .box-t a,
    #productList .electron-recovery .box1 .box-t a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        min-width: 120px;
    }
    #brand-item .electron-recovery .box1 .box-t,
    #brand-list .electron-recovery .box1 .box-t,
    #cate-details .electron-recovery .box1 .box-t,
    #product-details .electron-recovery .box1 .box-t,
    #productList .electron-recovery .box1 .box-t {
        gap: 20px;
    }
    #brand-item .product-details .box2,
    #brand-list .product-details .box2,
    #cate-details .product-details .box2,
    #product-details .product-details .box2,
    #productList .product-details .box2 {
        padding-bottom: 60px;
    }
    #brand-item .product-details,
    #brand-list .product-details,
    #cate-details .product-details,
    #product-details .product-details,
    #productList .product-details {
        padding-bottom: 70px;
    }
}
@media (max-width: 1024px) {
    #brand-item .product-details .box1 .box-c .r .r-title,
    #brand-item .product-details .box2 .title,
    #brand-item .product-details .box3 .title,
    #brand-list .product-details .box1 .box-c .r .r-title,
    #brand-list .product-details .box2 .title,
    #brand-list .product-details .box3 .title,
    #cate-details .product-details .box1 .box-c .r .r-title,
    #cate-details .product-details .box2 .title,
    #cate-details .product-details .box3 .title,
    #product-details .product-details .box1 .box-c .r .r-title,
    #product-details .product-details .box2 .title,
    #product-details .product-details .box3 .title,
    #productList .product-details .box1 .box-c .r .r-title,
    #productList .product-details .box2 .title,
    #productList .product-details .box3 .title {
        font-size: 24px;
    }
    #brand-item .electron-recovery .box1 .box-c,
    #brand-item .electron-recovery .box1 .box-c .pagination,
    #brand-list .electron-recovery .box1 .box-c,
    #brand-list .electron-recovery .box1 .box-c .pagination,
    #cate-details .electron-recovery .box1 .box-c,
    #cate-details .electron-recovery .box1 .box-c .pagination,
    #product-details .electron-recovery .box1 .box-c,
    #product-details .electron-recovery .box1 .box-c .pagination,
    #productList .electron-recovery .box1 .box-c,
    #productList .electron-recovery .box1 .box-c .pagination {
        margin-top: 40px;
    }
    #brand-item .electron-recovery,
    #brand-list .electron-recovery,
    #cate-details .electron-recovery,
    #product-details .electron-recovery,
    #productList .electron-recovery {
        padding: 60px 0;
    }
    #brand-item .electron-recovery .box1 .box-c .list,
    #brand-list .electron-recovery .box1 .box-c .list,
    #cate-details .electron-recovery .box1 .box-c .list,
    #product-details .electron-recovery .box1 .box-c .list,
    #productList .electron-recovery .box1 .box-c .list {
        grid-template-columns: repeat(3, 1fr);
    }
    #brand-item .product-details .box1 .box-c,
    #brand-list .product-details .box1 .box-c,
    #cate-details .product-details .box1 .box-c,
    #product-details .product-details .box1 .box-c,
    #productList .product-details .box1 .box-c {
        padding: 40px 0;
    }
    #brand-item .product-details .box2 .des,
    #brand-list .product-details .box2 .des,
    #cate-details .product-details .box2 .des,
    #product-details .product-details .box2 .des,
    #productList .product-details .box2 .des {
        margin-top: 20px;
    }
    #brand-item .product-details .box2,
    #brand-list .product-details .box2,
    #cate-details .product-details .box2,
    #product-details .product-details .box2,
    #productList .product-details .box2 {
        padding-bottom: 50px;
    }
    #brand-item .product-details .box3 .box-c,
    #brand-list .product-details .box3 .box-c,
    #cate-details .product-details .box3 .box-c,
    #product-details .product-details .box3 .box-c,
    #productList .product-details .box3 .box-c {
        margin-top: 30px;
    }
    #brand-item .product-details .box3 .box-c table th,
    #brand-list .product-details .box3 .box-c table th,
    #cate-details .product-details .box3 .box-c table th,
    #product-details .product-details .box3 .box-c table th,
    #productList .product-details .box3 .box-c table th {
        font-size: 18px;
        line-height: 50px;
    }
    #brand-item .product-details .box3 .box-c table td a,
    #brand-list .product-details .box3 .box-c table td a,
    #cate-details .product-details .box3 .box-c table td a,
    #product-details .product-details .box3 .box-c table td a,
    #productList .product-details .box3 .box-c table td a {
        padding: 5px 20px;
    }
    #brand-item .product-details .box3 .box-c table td:last-child,
    #brand-item .product-details .box3 .box-c table th:last-child,
    #brand-list .product-details .box3 .box-c table td:last-child,
    #brand-list .product-details .box3 .box-c table th:last-child,
    #cate-details .product-details .box3 .box-c table td:last-child,
    #cate-details .product-details .box3 .box-c table th:last-child,
    #product-details .product-details .box3 .box-c table td:last-child,
    #product-details .product-details .box3 .box-c table th:last-child,
    #productList .product-details .box3 .box-c table td:last-child,
    #productList .product-details .box3 .box-c table th:last-child {
        width: 110px;
    }
    #brand-item .product-details .box3 .box-c .pagination,
    #brand-list .product-details .box3 .box-c .pagination,
    #cate-details .product-details .box3 .box-c .pagination,
    #product-details .product-details .box3 .box-c .pagination,
    #productList .product-details .box3 .box-c .pagination {
        margin-top: 50px;
    }
    #brand-item .product-details,
    #brand-list .product-details,
    #cate-details .product-details,
    #product-details .product-details,
    #productList .product-details {
        padding-bottom: 60px;
    }
}
@media (max-width: 768px) {
    #brand-item .product-details .box3 .box-c .pagination,
    #brand-list .product-details .box3 .box-c .pagination,
    #cate-details .product-details .box3 .box-c .pagination,
    #product-details .product-details .box3 .box-c .pagination,
    #productList .product-details .box3 .box-c .pagination {
        margin-top: 40px;
    }
    #brand-item .product-details .box2,
    #brand-list .product-details .box2,
    #cate-details .product-details .box2,
    #product-details .product-details .box2,
    #productList .product-details .box2 {
        padding-bottom: 40px;
    }
    #brand-item .product-details .box2 .title,
    #brand-item .product-details .box3 .title,
    #brand-list .product-details .box2 .title,
    #brand-list .product-details .box3 .title,
    #cate-details .product-details .box2 .title,
    #cate-details .product-details .box3 .title,
    #product-details .product-details .box2 .title,
    #product-details .product-details .box3 .title,
    #productList .product-details .box2 .title,
    #productList .product-details .box3 .title {
        font-size: 22px;
    }
    #brand-item .product-details .box1 .box-c,
    #brand-list .product-details .box1 .box-c,
    #cate-details .product-details .box1 .box-c,
    #product-details .product-details .box1 .box-c,
    #productList .product-details .box1 .box-c {
        padding: 30px 0;
    }
    #brand-item .product-details .box1 .box-c .r,
    #brand-list .product-details .box1 .box-c .r,
    #cate-details .product-details .box1 .box-c .r,
    #product-details .product-details .box1 .box-c .r,
    #productList .product-details .box1 .box-c .r {
        margin-top: 25px;
        width: 100%;
    }
    #brand-item .product-details .box1 .box-c .l,
    #brand-list .product-details .box1 .box-c .l,
    #cate-details .product-details .box1 .box-c .l,
    #product-details .product-details .box1 .box-c .l,
    #productList .product-details .box1 .box-c .l {
        width: 100%;
    }
    #brand-item .product-details .box1 .box-c,
    #brand-list .product-details .box1 .box-c,
    #cate-details .product-details .box1 .box-c,
    #product-details .product-details .box1 .box-c,
    #productList .product-details .box1 .box-c {
        flex-direction: column;
    }
    #brand-item .product-details .box1 .box-c .r .r-title,
    #brand-list .product-details .box1 .box-c .r .r-title,
    #cate-details .product-details .box1 .box-c .r .r-title,
    #product-details .product-details .box1 .box-c .r .r-title,
    #productList .product-details .box1 .box-c .r .r-title {
        font-size: 22px;
    }
    #brand-item .electron-recovery .box1 .box-c,
    #brand-item .electron-recovery .box1 .box-c .pagination,
    #brand-list .electron-recovery .box1 .box-c,
    #brand-list .electron-recovery .box1 .box-c .pagination,
    #cate-details .electron-recovery .box1 .box-c,
    #cate-details .electron-recovery .box1 .box-c .pagination,
    #product-details .electron-recovery .box1 .box-c,
    #product-details .electron-recovery .box1 .box-c .pagination,
    #productList .electron-recovery .box1 .box-c,
    #productList .electron-recovery .box1 .box-c .pagination {
        margin-top: 30px;
    }
    #brand-item .electron-recovery,
    #brand-list .electron-recovery,
    #cate-details .electron-recovery,
    #product-details .electron-recovery,
    #productList .electron-recovery {
        padding: 50px 0;
    }
    #brand-item .electron-recovery .box1 .box-c .list,
    #brand-list .electron-recovery .box1 .box-c .list,
    #cate-details .electron-recovery .box1 .box-c .list,
    #product-details .electron-recovery .box1 .box-c .list,
    #productList .electron-recovery .box1 .box-c .list {
        grid-template-columns: repeat(2, 1fr);
    }
    #brand-item .electron-recovery .box1 .box-t,
    #brand-list .electron-recovery .box1 .box-t,
    #cate-details .electron-recovery .box1 .box-t,
    #product-details .electron-recovery .box1 .box-t,
    #productList .electron-recovery .box1 .box-t {
        gap: 15px;
    }
    #brand-item .electron-recovery .box1 .box-t a,
    #brand-list .electron-recovery .box1 .box-t a,
    #cate-details .electron-recovery .box1 .box-t a,
    #product-details .electron-recovery .box1 .box-t a,
    #productList .electron-recovery .box1 .box-t a {
        height: 34px;
        line-height: 34px;
        min-width: 100px;
        padding: 0 14px;
    }
    #brand-item .product-details .box3 .box-c,
    #brand-list .product-details .box3 .box-c,
    #cate-details .product-details .box3 .box-c,
    #product-details .product-details .box3 .box-c,
    #productList .product-details .box3 .box-c {
        margin-top: 20px;
    }
    #brand-item .product-details .box3 .box-c table th,
    #brand-list .product-details .box3 .box-c table th,
    #cate-details .product-details .box3 .box-c table th,
    #product-details .product-details .box3 .box-c table th,
    #productList .product-details .box3 .box-c table th {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    #brand-item .product-details .box3 .box-c table td,
    #brand-list .product-details .box3 .box-c table td,
    #cate-details .product-details .box3 .box-c table td,
    #product-details .product-details .box3 .box-c table td,
    #productList .product-details .box3 .box-c table td {
        font-size: 14px;
        padding: 8px 5px;
    }
    #brand-item .product-details .box3 .box-c table td a,
    #brand-list .product-details .box3 .box-c table td a,
    #cate-details .product-details .box3 .box-c table td a,
    #product-details .product-details .box3 .box-c table td a,
    #productList .product-details .box3 .box-c table td a {
        padding: 5px 10px;
    }
    #brand-item .product-details .box3 .box-c table td:last-child,
    #brand-item .product-details .box3 .box-c table th:last-child,
    #brand-list .product-details .box3 .box-c table td:last-child,
    #brand-list .product-details .box3 .box-c table th:last-child,
    #cate-details .product-details .box3 .box-c table td:last-child,
    #cate-details .product-details .box3 .box-c table th:last-child,
    #product-details .product-details .box3 .box-c table td:last-child,
    #product-details .product-details .box3 .box-c table th:last-child,
    #productList .product-details .box3 .box-c table td:last-child,
    #productList .product-details .box3 .box-c table th:last-child {
        width: 80px;
    }
    #brand-item .product-details .box3 .box-c table td,
    #brand-item .product-details .box3 .box-c table th,
    #brand-list .product-details .box3 .box-c table td,
    #brand-list .product-details .box3 .box-c table th,
    #cate-details .product-details .box3 .box-c table td,
    #cate-details .product-details .box3 .box-c table th,
    #product-details .product-details .box3 .box-c table td,
    #product-details .product-details .box3 .box-c table th,
    #productList .product-details .box3 .box-c table td,
    #productList .product-details .box3 .box-c table th {
        width: 26.66%;
    }
    #brand-item .product-details .box3 .box-c table td:last-child,
    #brand-item .product-details .box3 .box-c table th:last-child,
    #brand-list .product-details .box3 .box-c table td:last-child,
    #brand-list .product-details .box3 .box-c table th:last-child,
    #cate-details .product-details .box3 .box-c table td:last-child,
    #cate-details .product-details .box3 .box-c table th:last-child,
    #product-details .product-details .box3 .box-c table td:last-child,
    #product-details .product-details .box3 .box-c table th:last-child,
    #productList .product-details .box3 .box-c table td:last-child,
    #productList .product-details .box3 .box-c table th:last-child {
        width: 20%;
    }
    #brand-item .product-details,
    #brand-list .product-details,
    #cate-details .product-details,
    #product-details .product-details,
    #productList .product-details {
        padding-bottom: 50px;
    }
}
@media (max-width: 500px) {
    #brand-item .product-details .box3 .box-c table td,
    #brand-list .product-details .box3 .box-c table td,
    #cate-details .product-details .box3 .box-c table td,
    #product-details .product-details .box3 .box-c table td,
    #productList .product-details .box3 .box-c table td {
        font-size: 12px;
    }
    #brand-item .product-details .box3 .box-c table th,
    #brand-list .product-details .box3 .box-c table th,
    #cate-details .product-details .box3 .box-c table th,
    #product-details .product-details .box3 .box-c table th,
    #productList .product-details .box3 .box-c table th {
        font-size: 14px;
    }
    #brand-item .product-details,
    #brand-list .product-details,
    #cate-details .product-details,
    #product-details .product-details,
    #productList .product-details {
        padding-bottom: 40px;
    }
    #brand-item .product-details .box3 .box-c .pagination,
    #brand-list .product-details .box3 .box-c .pagination,
    #cate-details .product-details .box3 .box-c .pagination,
    #product-details .product-details .box3 .box-c .pagination,
    #productList .product-details .box3 .box-c .pagination {
        margin-top: 25px;
    }
    #brand-item .product-details .box2 .des,
    #brand-list .product-details .box2 .des,
    #cate-details .product-details .box2 .des,
    #product-details .product-details .box2 .des,
    #productList .product-details .box2 .des {
        margin-top: 15px;
    }
    #brand-item .product-details .box2,
    #brand-list .product-details .box2,
    #cate-details .product-details .box2,
    #product-details .product-details .box2,
    #productList .product-details .box2 {
        padding: 30px 0;
    }
    #brand-item .product-details .box2 .title,
    #brand-item .product-details .box3 .title,
    #brand-list .product-details .box2 .title,
    #brand-list .product-details .box3 .title,
    #cate-details .product-details .box2 .title,
    #cate-details .product-details .box3 .title,
    #product-details .product-details .box2 .title,
    #product-details .product-details .box3 .title,
    #productList .product-details .box2 .title,
    #productList .product-details .box3 .title {
        font-size: 20px;
    }
    #brand-item .product-details .box1 .box-c .r .text-box,
    #brand-list .product-details .box1 .box-c .r .text-box,
    #cate-details .product-details .box1 .box-c .r .text-box,
    #product-details .product-details .box1 .box-c .r .text-box,
    #productList .product-details .box1 .box-c .r .text-box {
        margin-top: 10px;
    }
    #brand-item .product-details .box1 .box-c,
    #brand-list .product-details .box1 .box-c,
    #cate-details .product-details .box1 .box-c,
    #product-details .product-details .box1 .box-c,
    #productList .product-details .box1 .box-c {
        padding: 20px 0 30px;
    }
    #brand-item .product-details .box1 .box-c .r .r-title,
    #brand-list .product-details .box1 .box-c .r .r-title,
    #cate-details .product-details .box1 .box-c .r .r-title,
    #product-details .product-details .box1 .box-c .r .r-title,
    #productList .product-details .box1 .box-c .r .r-title {
        font-size: 20px;
    }
    #brand-item .electron-recovery .box1 .box-c,
    #brand-item .electron-recovery .box1 .box-c .pagination,
    #brand-list .electron-recovery .box1 .box-c,
    #brand-list .electron-recovery .box1 .box-c .pagination,
    #cate-details .electron-recovery .box1 .box-c,
    #cate-details .electron-recovery .box1 .box-c .pagination,
    #product-details .electron-recovery .box1 .box-c,
    #product-details .electron-recovery .box1 .box-c .pagination,
    #productList .electron-recovery .box1 .box-c,
    #productList .electron-recovery .box1 .box-c .pagination {
        margin-top: 25px;
    }
    #brand-item .electron-recovery,
    #brand-list .electron-recovery,
    #cate-details .electron-recovery,
    #product-details .electron-recovery,
    #productList .electron-recovery {
        padding: 30px 0 40px;
    }
    #brand-item .electron-recovery .box1 .box-c .list,
    #brand-list .electron-recovery .box1 .box-c .list,
    #cate-details .electron-recovery .box1 .box-c .list,
    #product-details .electron-recovery .box1 .box-c .list,
    #productList .electron-recovery .box1 .box-c .list {
        gap: 20px 10px;
    }
    #brand-item .electron-recovery .box1 .box-c .list .text,
    #brand-list .electron-recovery .box1 .box-c .list .text,
    #cate-details .electron-recovery .box1 .box-c .list .text,
    #product-details .electron-recovery .box1 .box-c .list .text,
    #productList .electron-recovery .box1 .box-c .list .text {
        font-size: 16px;
        margin-top: 8px;
    }
}
#product-details .des {
    display: flex;
    flex-wrap: wrap;
}
#product-details .des p {
    margin-bottom: 20px;
    width: 33%;
}
#product-details .text-box p {
    padding: 6px 0;
}
@media (max-width: 1199px) {
    #product-details .des p {
        width: 50%;
    }
}
@media (max-width: 767px) {
    #product-details .des p {
        width: 100%;
    }
}
#brand-list .des {
    display: flex;
    flex-wrap: wrap;
}
#brand-list .des a {
    padding: 20px;
    width: 14.2857%;
}
@media (max-width: 1199px) {
    #brand-list .des a {
        width: 50%;
    }
}
#brand-item .des {
    display: flex;
    flex-wrap: wrap;
}
#brand-item .des p {
    margin-bottom: 20px;
    width: 33%;
}
#brand-item .pic {
    align-items: center;
    display: flex;
    justify-content: center;
}
#brand-item .imgScale {
    width: 50%;
}
@media (max-width: 1199px) {
    #brand-item .des p {
        width: 50%;
    }
}
@media (max-width: 767px) {
    #brand-item .des p {
        width: 100%;
    }
}
.rfq .box1 {
    padding: 65px 0 172px;
}
.rfq .box1 .box-t {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.rfq .box1 .box-t a {
    background: #f5f5f5;
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    min-width: 188px;
    padding: 0 20px;
    text-align: center;
    transition: 0.6s;
}
.rfq .box1 .box-t a.active,
.rfq .box1 .box-t a:hover {
    background-color: #353c7c;
    color: #fff;
}
.rfq .box1 .box-c {
    margin-top: 57px;
}
.rfq .box1 .box-c .item {
    display: none;
}
.rfq .box1 .box-c .item.active {
    animation: fadeInUpSmall 1s ease 0s 1 normal forwards running;
    display: block;
}
.rfq .box1 .box-c .form-box:not(:last-child) {
    margin-bottom: 60px;
}
.rfq .box1 .box-c .form-title {
    background-image: url(/assets/341ad25f84b6119198a8.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-bottom: 1px solid #d8d8d8;
    color: #353c7c;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 22px;
    font-weight: 700;
    line-height: 58px;
    padding: 0 26px;
}
.rfq .box1 .box-c .form-input {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    justify-content: space-between;
    margin-top: 30px;
}
.rfq .box1 .box-c .form-input .input-box {
    width: 49%;
}
.rfq .box1 .box-c .form-input .input-box.addInputBox,
.rfq .box1 .box-c .form-input .input-box.inputAll,
.rfq .box1 .box-c .form-input .input-box.textarea {
    width: 100%;
}
.rfq .box1 .box-c .form-input .input-box label {
    color: #3d3d3d;
    display: block;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 9px;
}
.rfq .box1 .box-c .form-input .input-box label span {
    color: #db2325;
}
.rfq .box1 .box-c .form-input .input {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}
.rfq .box1 .box-c .form-input .addInputBox .input {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.rfq .box1 .box-c .form-input .input input,
.rfq .box1 .box-c .form-input .input textarea {
    background: #f5f5f5;
    border: 1px solid rgba(61, 61, 61, 0.17);
    color: #333;
    flex: 1 1 0%;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    line-height: 19px;
    outline-color: #353c7c;
    padding: 0 22px;
    width: 100%;
}
.rfq .box1 .box-c .form-input .input textarea {
    height: 212px;
    padding: 10px 20px;
    resize: none;
}
.rfq .box1 .box-c .form-input .input input::placeholder {
    color: rgba(61, 61, 61, 0.5);
}
.rfq .box1 .box-c .form-input .input .clearBtn {
    border: 1px solid rgba(61, 61, 61, 0.17);
    font-size: 16px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    width: 107px;
}
.rfq .box1 .box-c .addInput,
.rfq .box1 .box-c .form-input .input .clearBtn {
    color: #353c7c;
    cursor: pointer;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
}
.rfq .box1 .box-c .addInput {
    align-items: center;
    display: inline-flex;
    font-size: 20px;
    line-height: 1;
    margin-top: 19px;
}
.rfq .box1 .box-c .addInput .icon-jia {
    font-size: 22px;
    margin-right: 8px;
}
.rfq .box1 .box-c .form-input .uploadBox {
    margin-top: 25px;
    text-align: center;
    width: 100%;
}
.rfq .box1 .box-c .form-input .uploadBox .uploadBtn {
    align-items: center;
    background: #f5f5f5;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    height: 174px;
    justify-content: center;
    margin: 0 auto;
    opacity: 1;
    position: relative;
    width: 174px;
}
.rfq .box1 .box-c .form-input .uploadBox .uploadBtn input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.rfq .box1 .box-c .form-input .uploadBox .tips {
    color: rgba(61, 61, 61, 0.8);
    font-size: 16px;
    line-height: 19px;
    margin-top: 29px;
}
.rfq .box1 .box-c .form-box .submit,
.rfq .box1 .box-c .form-input .uploadBox .tips {
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-weight: 400;
    text-align: center;
}
.rfq .box1 .box-c .form-box .submit {
    background: #353c7c;
    color: #fff;
    cursor: pointer;
    font-size: 36px;
    height: 86px;
    line-height: 86px;
    margin: 113px auto 0;
    width: 650px;
}
@media (max-width: 1024px) {
    .rfq .box1 .box-c .form-input .uploadBox .tips {
        margin-top: 14px;
    }
    .rfq .box1 .box-c .form-box .submit {
        font-size: 26px;
        height: 60px;
        line-height: 60px;
        margin-top: 50px;
        max-width: 100%;
    }
    .rfq .box1 .box-c .form-input .uploadBox .uploadBtn {
        height: 140px;
        width: 140px;
    }
    .rfq .box1 .box-c .form-input .uploadBox .uploadBtn .icon img {
        width: 50px;
    }
    .rfq .box1 {
        padding: 50px 0;
    }
    .rfq .box1 .box-t a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        min-width: 140px;
        padding: 0 15px;
    }
    .rfq .box1 .box-c {
        margin-top: 40px;
    }
    .rfq .box1 .box-c .form-title {
        font-size: 20px;
        line-height: 44px;
        padding: 0 18px;
    }
    .rfq .box1 .box-c .form-input .input {
        flex-wrap: wrap;
    }
    .rfq .box1 .box-c .form-input .addInputBox .input,
    .rfq .box1 .box-c .form-input .inputAll .input {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .rfq .box1 .box-c .form-input .input input,
    .rfq .box1 .box-c .form-input .input textarea {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .rfq .box1 .box-c .form-input .input .clearBtn,
    .rfq .box1 .box-c .form-input .input input {
        height: 40px;
    }
    .rfq .box1 .box-c .form-input .input .clearBtn {
        line-height: 38px;
        width: 100%;
    }
    .rfq .box1 .box-c .form-box:not(:last-child) {
        margin-bottom: 40px;
    }
    .rfq .box1 .box-c .addInput {
        font-size: 18px;
        margin-top: 10px;
    }
}
@media (max-width: 768px) {
    .rfq .box1 .box-c .form-input .uploadBox .tips {
        font-size: 14px;
    }
    .rfq .box1 .box-c .form-input .uploadBox .uploadBtn .icon img {
        height: 40px;
        width: 40px;
    }
    .rfq .box1 .box-c .form-input .uploadBox .uploadBtn {
        height: 110px;
        width: 110px;
    }
    .rfq .box1 .box-c .form-input .uploadBox {
        margin-top: 0;
    }
    .rfq .box1 .box-c .form-box .submit {
        font-size: 20px;
        height: 45px;
        line-height: 45px;
        margin-top: 30px;
    }
    .rfq .box1 .box-c .form-title {
        font-size: 18px;
    }
    .rfq .box1 {
        padding: 40px 0;
    }
    .rfq .box1 .box-c {
        margin-top: 30px;
    }
    .rfq .box1 .box-c .form-input .input {
        gap: 15px;
    }
    .rfq .box1 .box-c .form-input {
        gap: 15px 0;
    }
    .rfq .box1 .box-t a {
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        min-width: 120px;
    }
}
@media (max-width: 500px) {
    .rfq .box1 .box-c .form-title {
        font-size: 16px;
        line-height: 40px;
    }
    .rfq .box1 .box-c .form-input .addInputBox .input,
    .rfq .box1 .box-c .form-input .inputAll .input {
        grid-template-columns: repeat(2, 1fr);
    }
    .rfq .box1 {
        padding: 30px 0;
    }
    .rfq .box1 .box-c {
        margin-top: 20px;
    }
    .rfq .box1 .box-c .form-box:not(:last-child) {
        margin-bottom: 30px;
    }
    .rfq .box1 .box-c .form-box .submit {
        font-size: 18px;
    }
}
.faq .box1 {
    padding: 60px 0 140px;
}
.faq .box1 .des {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 60px;
    max-width: 100%;
    width: 1130px;
}
.faq .box1 .box-c {
    margin-top: 27px;
}
.faq .box1 .list li {
    background-color: #f5f5f5;
}
.faq .box1 .list li:not(:last-child) {
    margin-bottom: 12px;
}
.faq .box1 .list li {
    cursor: pointer;
    padding: 25px 40px;
}
.faq .box1 .list li .li-t {
    display: flex;
    justify-content: space-between;
}
.faq .box1 .list li .title {
    color: #3d3d3d;
    flex: 1 1 0%;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-right: 30px;
}
.faq .box1 .list li.active .title {
    color: #353c7c;
}
.faq .box1 .list li .li-t .iconfont {
    color: #353c7c;
    font-size: 22px;
}
.faq .box1 .list li .li-c {
    color: #3d3d3d;
    display: none;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 14px;
    max-width: 100%;
    width: 916px;
}
@media (max-width: 1440px) {
    .faq .box1 .des {
        font-size: 26px;
    }
}
@media (max-width: 1280px) {
    .faq .box1 .des {
        font-size: 24px;
    }
}
@media (max-width: 1199px) {
    .faq .box1 .des {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .faq .box1 .list li .title {
        font-size: 18px;
    }
    .faq .box1 .list li {
        padding: 20px 30px;
    }
}
@media (max-width: 1024px) {
    .faq .box1 .des {
        font-size: 20px;
        margin-bottom: 40px;
    }
    .faq .box1 {
        padding-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .faq .box1 .des {
        font-size: 18px;
    }
    .faq .box1 .list li {
        padding: 15px 20px;
    }
    .faq .box1 .list li .li-c {
        margin-top: 10px;
    }
    .faq .box1 .des {
        margin-bottom: 30px;
    }
    .faq .box1 {
        padding: 50px 0;
    }
}
@media (max-width: 500px) {
    .faq .box1 .box-c {
        margin-top: 20px;
    }
    .faq .box1 {
        padding: 40px 0;
    }
    .faq .box1 .list li {
        padding: 10px 15px;
    }
    .faq .box1 .list li .title {
        font-size: 16px;
    }
    .faq .box1 .list li .li-t .iconfont {
        font-size: 20px;
    }
    .faq .box1 .des {
        margin-bottom: 20px;
    }
}
.about .box1 {
    background-image: url(/assets/8fd7a8f4742153f56229.jpg);
    background-size: cover;
    padding: 70px 0 100px;
}
.about .box1 .index-des {
    letter-spacing: 0.125em;
    margin-top: 18px;
}
.about .box1 .box-c {
    display: flex;
    justify-content: space-between;
}
.about .box1 .box-c .l {
    max-width: 46%;
    padding-top: 93px;
    width: 660px;
}
.about .box1 .list {
    display: flex;
    gap: 50px;
    margin-top: 180px;
}
.about .box1 .list .icon {
    align-items: center;
    display: flex;
    height: 64px;
    justify-content: center;
    margin: 0 auto;
    width: 64px;
}
.about .box1 .list .icon img {
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.about .box1 .list .number {
    background: linear-gradient(270deg, #2c548b, #0a873c) text;
    font-family: HarmonyOS Sans SC-Black, HarmonyOS Sans SC;
    font-size: 30px;
    font-weight: 900;
    line-height: 35px;
    -webkit-text-fill-color: transparent;
    margin-top: 6px;
}
.about .box1 .list .text {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 7px;
    text-align: center;
}
.about .box1 .box-c .r {
    width: 49.19%;
}
.about .box3 {
    background-image: url(/assets/11933a6ba098ace4e9fb.jpg);
}
.about .box4 {
    background-color: #f5f5f5;
    padding: 117px 0 136px;
}
.about .box4 .index-des {
    max-width: 100%;
    width: 930px;
}
.about .box4 .box-c {
    margin-top: 55px;
}
.about .box4 .box-c .list {
    align-items: flex-start;
    display: grid;
    gap: 36px;
    grid-template-columns: repeat(3, 1fr);
}
.about .box4 .box-c .list li {
    padding: 70px 30px 0;
    position: relative;
}
.about .box4 .box-c .list li:before {
    background-color: #fff;
    content: "";
    height: 84.43%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.6s;
    width: 100%;
}
.about .box4 .box-c .list li:hover:before {
    background-color: #353c7c;
}
.about .box4 .box-c .list li .title {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Black, HarmonyOS Sans SC;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 3px;
    line-height: 1;
    position: relative;
    transition: 0.6s;
    z-index: 2;
}
.about .box4 .box-c .list li .des {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 28px;
    margin-top: 28px;
    position: relative;
    transition: 0.6s;
    z-index: 2;
}
.about .box4 .box-c .list li .text {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 22px;
    margin-top: 7px;
    max-width: 100%;
    position: relative;
    transition: 0.6s;
    width: 390px;
    z-index: 2;
}
.about .box4 .box-c .list li:hover .des,
.about .box4 .box-c .list li:hover .text,
.about .box4 .box-c .list li:hover .title {
    color: #fff;
}
.about .box4 .box-c .list li .pic {
    margin-top: 25px;
    position: relative;
    z-index: 2;
}
.about .box4 .box-c .list li:nth-child(3n-1) {
    margin-top: 102px;
}
.about .box5 {
    padding: 128px 0;
}
.about .box5 .box-c {
    display: flex;
    justify-content: space-between;
}
.about .box5 .box-c .l {
    width: 47.5%;
}
.about .box5 .box-c .l #container {
    height: 100%;
    min-height: 300px;
    width: 100%;
}
.about .box5 .box-c .r {
    width: 48.62%;
}
.about .box5 .box-c .r form {
    margin-top: 28px;
}
.about .box5 .box-c .r .input {
    display: flex;
}
.about .box5 .box-c .r .input:not(:last-child) {
    margin-bottom: 15px;
}
.about .box5 .box-c .r .input .select {
    margin-right: 16px;
    position: relative;
    width: 164px;
}
.about .box5 .box-c .r .input .select-t {
    align-items: center;
    background: url(/assets/2ab5a331be23b2eb8d4f.png) right 20px center/14px
        no-repeat #f5f5f5;
    border: none;
    color: rgba(61, 61, 61, 0.7);
    cursor: pointer;
    display: flex;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    height: 60px;
    justify-content: space-between;
    line-height: 21px;
    outline: none;
    padding: 0 30px;
    width: 100%;
}
.about .box5 .box-c .r .input .select-c {
    background-color: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    height: 200px;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: absolute;
    transition: 0.6s;
    visibility: hidden;
    width: 100%;
}
.about .box5 .box-c .r .input .select.active .select-c {
    opacity: 1;
    visibility: visible;
}
.about .box5 .box-c .r .input .select-c a {
    color: rgba(61, 61, 61, 0.7);
    display: block;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    padding: 0 30px;
    transition: 0.6s;
}
.about .box5 .box-c .r .input .select-c a:hover {
    background-color: #353c7c;
    color: #fff;
}
.about .box5 .box-c .r .input input,
.about .box5 .box-c .r .input textarea {
    background: #f5f5f5;
    border: none;
    color: rgba(61, 61, 61, 0.7);
    flex: 1 1 0%;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    height: 60px;
    line-height: 21px;
    outline-color: rgba(53, 60, 124, 0.91);
    outline-width: 1px;
    padding: 15px 32px;
    width: 100%;
}
.about .box5 .box-c .r .input textarea {
    height: 177px;
    resize: none;
}
.about .box5 .box-c .r .input input:focus,
.about .box5 .box-c .r .input textarea:focus {
    box-shadow: 0 6px 9px 0 rgba(53, 60, 124, 0.1);
}
.about .box5 .box-c .r .input input:focus::placeholder,
.about .box5 .box-c .r .input textarea:focus::placeholder {
    color: #2c548b;
}
.about .box5 .box-c .r .submit {
    background: #353c7c;
    box-shadow: 0 4px 10px 0 rgba(85, 62, 220, 0.34);
    color: #fff;
    cursor: pointer;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 24px;
    font-weight: 700;
    height: 76px;
    line-height: 76px;
    margin-top: 34px;
    text-align: center;
}
@media (max-width: 1550px) {
    .about .box4 .box-c .list li .text {
        width: 100%;
    }
}
@media (max-width: 1440px) {
    .about .box4 .box-c .list li .title {
        font-size: 30px;
    }
    .about .box1 .box-c .l {
        padding-top: 50px;
    }
    .about .box1 .list {
        margin-top: 100px;
    }
    .about .box1 .list .number {
        font-size: 26px;
    }
    .about .box4 .box-c .list li {
        padding: 50px 30px 0;
    }
    .about .box4 .box-c .list li .des {
        font-size: 20px;
        margin-top: 20px;
    }
    .about .box4 .box-c .list li:nth-child(3n-1) {
        margin-top: 60px;
    }
}
@media (max-width: 1350px) {
    .about .box1 .box-c .l {
        padding-top: 40px;
    }
    .about .box1 .list {
        margin-top: 60px;
    }
}
@media (max-width: 1280px) {
    .about .box4 .box-c .list li .title {
        font-size: 28px;
    }
    .about .box1 .list .number {
        font-size: 24px;
    }
    .about .box1 .box-c .l {
        padding-top: 0;
    }
}
@media (max-width: 1199px) {
    .about .box4 .box-c .list li {
        padding: 30px 25px 0;
    }
    .about .box4 .box-c .list {
        gap: 20px;
    }
    .about .box1 .box-c .l {
        max-width: 100%;
        width: 530px;
    }
    .about .box1 .box-c .r {
        flex: 1 1 0%;
        margin-left: 35px;
    }
    .about .box1 {
        padding-bottom: 70px;
    }
    .about .box4,
    .about .box5,
    .cooperative-brand {
        padding: 70px 0;
    }
    .about .box4 .box-c .list li .title {
        font-size: 26px;
    }
}
@media (max-width: 1024px) {
    .about .box4 .box-c .list li .des {
        font-size: 18px;
        margin-top: 10px;
    }
    .about .box4 .box-c .list li .text {
        font-size: 14px;
    }
    .about .box4 .box-c .list li .title {
        font-size: 24px;
    }
    .about .box1,
    .about .box4,
    .about .box5,
    .cooperative-brand {
        padding: 60px 0;
    }
    .about .box1 .box-c .l,
    .about .box1 .box-c .r {
        width: 100%;
    }
    .about .box1 .box-c .r {
        flex: 0 0 auto;
        margin-left: 0;
        margin-top: 35px;
    }
    .about .box1 .box-c {
        flex-wrap: wrap;
    }
    .about .box1 .list {
        margin-top: 30px;
    }
    .about .box1 .list .icon {
        height: 50px;
        width: 50px;
    }
    .about .box1 .list .number {
        font-size: 24px;
    }
    .about .box4 .box-c .list li:nth-child(3n-1) {
        margin-top: 0;
    }
    .about .box4 .box-c .list {
        grid-template-columns: repeat(2, 1fr);
    }
    .about .box4 .box-c {
        margin-top: 40px;
    }
    .about .box5 .box-c .r .input input,
    .about .box5 .box-c .r .input textarea {
        font-size: 16px;
        height: 50px;
        padding: 10px 20px;
    }
    .about .box5 .box-c .r .submit {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
    }
    .about .box5 .box-c .r .input .select-t {
        height: 50px;
    }
    .about .box5 .box-c .r .submit {
        margin-top: 24px;
    }
    .about .box5 .box-c .r .input textarea {
        height: 150px !important;
    }
}
@media (max-width: 768px) {
    .about .box4 .box-c {
        margin-top: 35px;
    }
    .about .box4 .box-c .list li .title {
        font-size: 22px;
    }
    .about .box1,
    .about .box4,
    .about .box5,
    .cooperative-brand {
        padding: 50px 0;
    }
    .about .box1 .list {
        gap: 35px;
    }
    .about .box1 .list .number {
        font-size: 22px;
    }
    .about .box1 .list .icon {
        height: 40px;
        width: 40px;
    }
    .about .box5 .box-c {
        flex-direction: column-reverse;
    }
    .about .box5 .box-c .r {
        width: 100%;
    }
    .about .box5 .box-c .l {
        margin-top: 35px;
        width: 100%;
    }
}
@media (max-width: 650px) {
    .about .box4 .box-c .list {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 500px) {
    .about .box5 .box-c .r .submit {
        font-size: 18px;
    }
    .about .box4 .box-c .list li .des,
    .about .box5 .box-c .r .input input,
    .about .box5 .box-c .r .input textarea {
        font-size: 16px;
    }
    .about .box4 .box-c .list li {
        padding: 25px 20px 0;
    }
    .about .box4 .box-c .list li .title {
        font-size: 20px;
    }
    .about .box1,
    .about .box4,
    .about .box5,
    .cooperative-brand {
        padding: 40px 0;
    }
    .about .box1 .list {
        gap: 25px;
    }
    .about .box1 .list .number {
        font-size: 16px;
    }
    .about .box1 .list {
        margin-top: 20px;
    }
}
.news-details .box1 {
    margin: 49px 0 60px;
}
.news-details .box1 .box-c {
    display: flex;
    justify-content: space-between;
}
.news-details .box1 .box-c .l {
    width: 70%;
}
.news-details .box1 .title {
    border-bottom: 1px solid #d8d8d8;
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.16;
    padding-bottom: 29px;
}
.news-details .box1 .date {
    color: rgba(61, 61, 61, 0.8);
    line-height: 19px;
    margin-top: 15px;
}
.news-details .box1 .date,
.news-details .box1 .l-c {
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
}
.news-details .box1 .l-c {
    color: #3d3d3d;
    line-height: 24px;
    margin-top: 35px;
}
.news-details .box1 .l-c img {
    display: block;
    width: 100%;
}
.news-details .box1 .label {
    color: rgba(61, 61, 61, 0.8);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    line-height: 24px;
    margin-top: 70px;
}
.news-details .box1 .label,
.news-details .box1 .label a {
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
}
.news-details .box1 .label a {
    color: #353c7c;
    text-decoration: underline;
}
.news-details .box1 .l-b {
    margin-top: 28px;
}
.news-details .box1 .l-b a {
    background: #f5f5f5;
    border-radius: 8px;
    color: #353c7c;
    display: flex;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    max-width: 100%;
    padding: 16px 26px;
    width: 804px;
}
.news-details .box1 .l-b a:not(:last-child) {
    margin-bottom: 13px;
}
.news-details .box1 .l-b a span {
    display: -webkit-box;
    flex: 1 1 0%;
    margin-left: 16px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #3d3d3d;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-details .box1 .r {
    padding-top: 17px;
    width: 24.34%;
}
.news-details .box1 .r .r-box1 {
    margin-bottom: 45px;
}
.news-details .box1 .r .r-title {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    padding-left: 15px;
    position: relative;
}
.news-details .box1 .r .r-title:before {
    background-color: #353c7c;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
}
.news-details .box1 .r .r-box-c {
    border-top: 1px solid #d8d8d8;
    margin-top: 22px;
}
.news-details .box1 .r .list li a {
    display: block;
}
.news-details .box1 .r .list {
    padding-top: 30px;
}
.news-details .box1 .r .list li:not(:last-child) {
    margin-bottom: 25px;
}
.news-details .box1 .r .list .text-title {
    color: #3d3d3d;
    display: -webkit-box;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-details .box1 .r .list li:hover .text-title {
    color: #353c7c;
}
.news-details .box1 .r .list .text-des {
    color: rgba(61, 61, 61, 0.5);
    display: -webkit-box;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-details .box1 .r .item {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 17px;
    padding-top: 15px;
}
.news-details .box1 .r .item a {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
}
.news-details .box1 .r .item a:hover {
    color: #353c7c;
}
.news {
    padding: 74px 0 94px;
}
.news .box1 .box-t {
    display: flex;
    gap: 24px;
}
.news .box1 .box-t a {
    background: #f5f5f5;
    border-radius: 377px;
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    letter-spacing: 1px;
    line-height: 48px;
    padding: 0 27px;
}
.news .box1 .box-t a.active,
.news .box1 .box-t a:hover {
    background-color: #353c7c;
    color: #fff;
}
.news .box1 .box-c {
    margin-top: 40px;
}
.news .box1 .box-c .list {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}
.news .box1 .box-c .list li {
    position: relative;
}
.news .box1 .box-c .list li .text-box {
    bottom: 0;
    left: 0;
    padding: 0 20px 20px 40px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.news .box1 .box-c .list li .text-title {
    color: #fff;
    display: -webkit-box;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .box1 .box-c .list li .date {
    color: hsla(0, 0%, 100%, 0.8);
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top: 9px;
}
.news .box2 {
    margin-top: 85px;
}
.news .box2 .box-c {
    margin-top: 30px;
}
.news .box2 .box-c .list li {
    overflow: hidden;
}
.news .box2 .box-c .list li:not(:last-child) {
    margin-bottom: 27px;
}
.news .box2 .box-c .list li .a {
    background-color: #f5f5f5;
    display: block;
    min-height: 209px;
    padding: 34px 60px;
}
.news .box2 .box-c .list li .date {
    color: rgba(0, 0, 0, 0.6);
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-size: 16px;
    font-weight: 350;
    line-height: 1;
    position: relative;
}
.news .box2 .box-c .list li .date:before {
    background-color: #353c7c;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-120%);
    width: 60px;
    z-index: 2;
}
.news .box2 .box-c .list li .title {
    font-family: HarmonyOS_Sans_SC;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-top: 17px;
    -webkit-line-clamp: 1;
}
.news .box2 .box-c .list li .des,
.news .box2 .box-c .list li .title {
    color: #3d3d3d;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.6s;
}
.news .box2 .box-c .list li .des {
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-top: 15px;
    -webkit-line-clamp: 2;
}
.news .box2 .box-c .list li:hover .date,
.news .box2 .box-c .list li:hover .des,
.news .box2 .box-c .list li:hover .title {
    color: #353c7c;
}
.news .box2 .box-c .pagination {
    margin-top: 70px;
}
@media (max-width: 1440px) {
    .news-details .box1 .title {
        font-size: 30px;
    }
}
@media (max-width: 1280px) {
    .news .box1 .box-c .list li .text-box {
        padding: 0 20px 20px;
    }
    .news .box1 .box-t a {
        font-size: 16px;
        min-width: 160px;
    }
    .news .box1 .box-c .list li .text-title {
        font-size: 22px;
    }
    .news-details .box1 .title {
        font-size: 28px;
        padding-bottom: 15px;
    }
    .news-details .box1 .r .r-title {
        font-size: 26px;
    }
}
@media (max-width: 1199px) {
    .news-details .box1 .r .r-title {
        font-size: 24px;
    }
    .news .box1 .box-c .list li .text-title {
        font-size: 20px;
    }
    .news {
        padding: 70px 0;
    }
    .news .box2 {
        margin-top: 70px;
    }
    .news .box1 .box-t a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        min-width: 120px;
    }
    .news-details .box1 .r {
        padding-top: 45px;
        width: 100%;
    }
    .news-details .box1 .box-c {
        flex-direction: column;
    }
    .news-details .box1 .box-c .l {
        width: 100%;
    }
    .news-details .box1 .title {
        font-size: 26px;
    }
}
@media (max-width: 1024px) {
    .news-details .box1 .r .r-title {
        font-size: 22px;
    }
    .news-details .box1 .label {
        margin-top: 40px;
    }
    .news-details .box1 .l-c {
        margin-top: 20px;
    }
    .news-details .box1 .title {
        font-size: 24px;
    }
    .news .box1 .box-c {
        margin-top: 30px;
    }
    .news {
        padding: 60px 0;
    }
    .news .box2 {
        margin-top: 60px;
    }
    .news .box1 .box-c .list {
        grid-template-columns: repeat(2, 1fr);
    }
    .news .box2 .box-c .pagination {
        margin-top: 50px;
    }
    .news-details .box1 {
        margin: 40px 0 60px;
    }
}
@media (max-width: 768px) {
    .news-details .box1 .r .r-box1 {
        margin-bottom: 0;
    }
    .news-details .box1 .r .r-box1:not(:last-child) {
        margin-bottom: 30px;
    }
    .news-details .box1 .r .r-box-c {
        margin-top: 15px;
    }
    .news-details .box1 .r .list li:not(:last-child) {
        margin-bottom: 20px;
    }
    .news-details .box1 .r .list {
        padding-top: 20px;
    }
    .news-details .box1 .l-b a {
        font-size: 16px;
        padding: 10px 15px;
    }
    .news-details .box1 {
        margin: 30px 0 50px;
    }
    .news-details .box1 .title {
        font-size: 22px;
    }
    .news .box2 .box-c .pagination {
        margin-top: 40px;
    }
    .news .box1 .box-c .list li .text-title {
        font-size: 18px;
    }
    .news {
        padding: 50px 0;
    }
    .news .box2 {
        margin-top: 50px;
    }
    .news .box1 .box-t a {
        height: 34px;
        line-height: 34px;
        min-width: 100px;
        padding: 0 14px;
    }
    .news .box2 .box-c .list li .date:before {
        display: none;
    }
    .news .box2 .box-c .list li .a {
        min-height: 0;
        padding: 20px;
    }
    .news-details .box1 .label {
        margin-top: 30px;
    }
}
@media (max-width: 500px) {
    .news-details .box1 .r .item a,
    .news-details .box1 .r .list .text-title {
        font-size: 17px;
    }
    .news-details .box1 .r .r-box1:not(:last-child) {
        margin-bottom: 25px;
    }
    .news-details .box1 .r .list li:not(:last-child) {
        margin-bottom: 10px;
    }
    .news-details .box1 .r .list {
        padding-top: 10px;
    }
    .news-details .box1 .r .r-title:before {
        width: 4px;
    }
    .news-details .box1 .r .r-title {
        font-size: 20px;
        padding-left: 10px;
    }
    .news-details .box1 .l-b {
        margin-top: 18px;
    }
    .news-details .box1 .label {
        margin-top: 20px;
    }
    .news-details .box1 {
        margin: 25px 0 40px;
    }
    .news-details .box1 .title {
        font-size: 20px;
    }
    .news .box2 .box-c .list li:not(:last-child) {
        margin-bottom: 20px;
    }
    .news .box2 .box-c .list li .des {
        font-size: 14px;
        margin-top: 10px;
    }
    .news .box2 .box-c .list li .title {
        font-size: 16px;
        margin-top: 13px;
    }
    .news .box2 .box-c .list li .date {
        font-size: 14px;
    }
    .news .box2 .box-c {
        margin-top: 20px;
    }
    .news .box2 .box-c .pagination {
        margin-top: 30px;
    }
    .news .box1 .box-c {
        margin-top: 20px;
    }
    .news .box1 .box-c .list {
        grid-template-columns: repeat(1, 1fr);
    }
    .news {
        padding: 40px 0;
    }
    .news .box2 {
        margin-top: 40px;
    }
}
.transaction-record .box1 {
    margin: 67px 0 73px;
}
.transaction-record .box1 .list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}
.transaction-record .box1 .list li {
    align-items: center;
    background: rgba(234, 235, 241, 0.79);
    display: flex;
    min-height: 218px;
    padding: 40px 27px;
}
.transaction-record .box1 .list li .icon img {
    display: block;
    transition: 0.6s;
}
.transaction-record .box1 .list li:hover .icon img {
    transform: rotateY(180deg);
}
.transaction-record .box1 .list .text-box {
    flex: 1 1 0%;
    margin-left: 20px;
}
.transaction-record .box1 .list .text-title {
    color: #353c7c;
    font-family: HarmonyOS Sans SC-Bold, HarmonyOS Sans SC;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}
.transaction-record .box1 .list .text-des {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px;
}
.transaction-record .box2 .box-t {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.transaction-record .box2 .box-t a {
    background: #f5f5f5;
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    min-width: 188px;
    padding: 0 20px;
    text-align: center;
    transition: 0.6s;
}
.transaction-record .box2 .box-t a.active,
.transaction-record .box2 .box-t a:hover {
    background-color: #353c7c;
    color: #fff;
}
.transaction-record .box2 .box-c {
    margin: 30px 0 130px;
}
.transaction-record .box2 .box-c .item {
    display: none;
}
.transaction-record .box2 .box-c .item.active {
    animation: fadeInUpSmall 1s ease 0s 1 normal forwards running;
    display: block;
}
.transaction-record .box2 .box-c table {
    border: 1px solid rgba(53, 60, 124, 0.5);
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    word-break: break-all;
}
.transaction-record .box2 .box-c table tr:first-child {
    background: rgba(53, 60, 124, 0.1);
    height: 76px;
    line-height: 76px;
}
.transaction-record .box2 .box-c table tr:not(:first-child) {
    border-bottom: 1px solid #d8d8d8;
}
.transaction-record .box2 .box-c table tr:last-child {
    border-bottom: none;
}
.transaction-record .box2 .box-c table tr th {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
}
.transaction-record .box2 .box-c table td:first-child,
.transaction-record .box2 .box-c table th:first-child {
    padding-left: 80px;
    text-align: left;
}
.transaction-record .box2 .box-c table td:nth-child(2),
.transaction-record .box2 .box-c table th:nth-child(2) {
    text-align: left;
}
.transaction-record .box2 .box-c table td:last-child,
.transaction-record .box2 .box-c table th:last-child {
    padding-right: 56px;
    width: 270px;
}
.transaction-record .box2 .box-c table td {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding: 16px 5px;
}
.transaction-record .box2 .box-c table .btns {
    align-items: center;
    display: flex;
    justify-content: center;
}
.transaction-record .box2 .box-c table .btns a {
    border: 1px solid rgba(61, 61, 61, 0.5);
    border-radius: 4px;
    color: rgba(61, 61, 61, 0.5);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin: 0 5px;
    padding: 8px 25px;
    transition: 0.6s;
}
.transaction-record .box2 .box-c table .btns a:last-child {
    border-color: #353c7c;
    color: #353c7c;
}
.transaction-record .box2 .box-c table .btns a:hover {
    background-color: #353c7c;
    border-color: #353c7c;
    color: #fff;
}
.transaction-record .box2 .box-c .pagination {
    margin-top: 77px;
}
.transaction-record .box2 .box-c .item2 .list {
    display: grid;
    gap: 26px 20px;
    grid-template-columns: repeat(3, 1fr);
}
.transaction-record .box2 .box-c .item2 .list li {
    border: 1px solid #9a9dbd;
}
.transaction-record .box2 .box-c .item2 .list li .li-t {
    align-items: center;
    background-color: #eaebf1;
    display: flex;
    height: 68px;
    justify-content: space-between;
    padding: 0 30px;
}
.transaction-record .box2 .box-c .item2 .list li .li-t-l {
    align-items: center;
    display: flex;
}
.transaction-record .box2 .box-c .item2 .list li .name {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 23px 0 18px;
}
.transaction-record .box2 .box-c .item2 .list li .date {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.transaction-record .box2 .box-c .item2 .list li .more {
    align-items: center;
    color: #353c7c;
    display: flex;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.transaction-record .box2 .box-c .item2 .list li .more img {
    margin-left: 5px;
    width: 52px;
}
.transaction-record .box2 .box-c .item2 .list li .li-c {
    padding: 24px 30px;
}
.transaction-record .box2 .box-c .item2 .list li .li-c .text-title {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}
.transaction-record .box2 .box-c .item2 .list li .li-c .text-box {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    margin-top: 7px;
}
.transaction-record-details {
    padding: 38px 0 136px;
}
.transaction-record-details .box1 .box-t {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}
.transaction-record-details .box1 .box-t .title {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 36px;
    font-weight: 400;
    line-height: 1;
}
.transaction-record-details .box1 .commonBread {
    margin-top: 0;
}
.transaction-record-details .box1 .box-c {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 23px;
}
.transaction-record-details .box1 .box-c-l {
    align-items: center;
    display: flex;
}
.transaction-record-details .box1 .box-c-l .name {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 23px 0 18px;
}
.transaction-record-details .box1 .box-c-l .date {
    color: rgba(61, 61, 61, 0.8);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.transaction-record-details .box1 .box-c-r {
    display: flex;
}
.transaction-record-details .box1 .box-c-r .btn {
    align-items: center;
    border: 1px solid #353c7c;
    color: #353c7c;
    display: flex;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    height: 56px;
    justify-content: center;
    line-height: 19px;
    width: 224px;
}
.transaction-record-details .box1 .box-c-r .btn span {
    margin-left: 25px;
}
.transaction-record-details .box1 .box-c-r .btn2 {
    background-color: #353c7c;
    color: #fff;
    margin-left: 16px;
}
.transaction-record-details .box1 .box-b {
    margin-top: 24px;
}
.transaction-record-details .box1 .box-b table {
    border: 1px solid rgba(53, 60, 124, 0.5);
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    word-break: break-all;
}
.transaction-record-details .box1 .box-b tr:first-child {
    background-color: rgba(53, 60, 124, 0.1);
}
.transaction-record-details .box1 .box-b tr:not(:first-child) {
    border-bottom: 1px solid #d8d8d8;
}
.transaction-record-details .box1 .box-b tr:last-child {
    border-bottom: none;
}
.transaction-record-details .box1 .box-b th {
    align-items: center;
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 20px;
    font-weight: 400;
    line-height: 76px;
    padding: 0 5px;
}
.transaction-record-details .box1 .box-b td:first-child,
.transaction-record-details .box1 .box-b th:first-child {
    display: flex;
    padding-left: 30px;
    text-align: left;
}
.transaction-record-details .box1 .box-b td:last-child,
.transaction-record-details .box1 .box-b th:last-child {
    padding-right: 30px;
}
.transaction-record-details .box1 .box-b .checkboxBox {
    align-items: center;
    display: flex;
}
.transaction-record-details .box1 .box-b .checkboxBox span {
    flex: 1 1 0%;
    margin-left: 20px;
}
.transaction-record-details .box1 .box-b table input {
    background: #fff;
    border-radius: 3px;
    cursor: pointer;
    height: 28px;
    position: relative;
    visibility: hidden;
    width: 28px;
}
.transaction-record-details .box1 .box-b table input:before {
    border: 1px solid #9a9dbd;
    border-radius: 3px;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible;
    width: 100%;
}
.transaction-record-details .box1 .box-b table input:after {
    align-items: center;
    background-color: #353c7c;
    border-radius: 3px;
    color: #fff;
    content: "";
    display: flex;
    font-family: iconfont !important;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
}
.transaction-record-details .box1 .box-b table input:checked:after {
    visibility: visible;
}
.transaction-record-details .box1 .box-b table td {
    color: #3d3d3d;
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding: 15px 5px;
}
.transaction-record-details .box1 .box-b table .date {
    width: 140px;
}
.transaction-record-details .box1 .box-b table td.date {
    color: rgba(61, 61, 61, 0.6);
    font-family: HarmonyOS Sans SC-Regular, HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.transaction-record-details .box1 .box-b .pagination {
    margin-top: 70px;
}
@media (max-width: 1440px) {
    .transaction-record .box1 .list li {
        padding: 30px 20px;
    }
    .transaction-record .box1 .list li .icon img {
        width: 110px;
    }
    .transaction-record .box2 .box-c .item2 .list li .name {
        font-size: 18px;
        margin: 0 15px;
    }
    .transaction-record .box2 .box-c .item2 .list li .date {
        font-size: 14px;
    }
    .transaction-record .box2 .box-c .item2 .list li .li-t {
        height: auto;
        padding: 10px 20px;
    }
    .transaction-record .box2 .box-c .item2 .list li .li-t-l img {
        width: 50px;
    }
    .transaction-record .box2 .box-c .item2 .list li .more {
        font-size: 14px;
    }
    .transaction-record .box2 .box-c .item2 .list li .more img {
        width: 46px;
    }
    .transaction-record .box2 .box-c .item2 .list li .li-c {
        padding: 20px;
    }
    .transaction-record-details .box1 .box-t .title {
        font-size: 30px;
    }
}
@media (max-width: 1280px) {
    .transaction-record-details .box1 .box-t .title {
        font-size: 28px;
    }
    .transaction-record .box1 .list .text-title {
        font-size: 20px;
    }
    .transaction-record .box1 .list li .icon img {
        width: 90px;
    }
    .transaction-record .box1 .list li {
        min-height: 168px;
    }
    .transaction-record .box2 .box-c table td:first-child,
    .transaction-record .box2 .box-c table th:first-child {
        padding-left: 30px;
    }
    .transaction-record .box2 .box-c table td:last-child,
    .transaction-record .box2 .box-c table th:last-child {
        padding-right: 30px;
    }
    .transaction-record .box2 .box-c table td,
    .transaction-record .box2 .box-c table td:last-child,
    .transaction-record .box2 .box-c table th,
    .transaction-record .box2 .box-c table th:last-child {
        width: 20%;
    }
    .transaction-record .box2 .box-c table .btns {
        width: 100% !important;
    }
}
@media (max-width: 1199px) {
    .transaction-record-details .box1 .box-t .title {
        font-size: 26px;
    }
    .transaction-record .box2 .box-c table td:first-child,
    .transaction-record .box2 .box-c table th:first-child {
        padding-left: 15px;
    }
    .transaction-record .box2 .box-c table td:last-child,
    .transaction-record .box2 .box-c table th:last-child {
        padding-right: 15px;
    }
    .transaction-record .box2 .box-c table td,
    .transaction-record .box2 .box-c table th {
        width: auto;
    }
    .transaction-record .box2 .box-c table .btns,
    .transaction-record .box2 .box-c table td:last-child,
    .transaction-record .box2 .box-c table th:last-child {
        width: 120px !important;
    }
    .transaction-record .box2 .box-c table .btns {
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }
    .transaction-record .box1 .list {
        grid-template-columns: repeat(2, 1fr);
    }
    .transaction-record .box1 {
        margin-bottom: 70px;
    }
    .transaction-record .box2 .box-c .item2 .list {
        grid-template-columns: repeat(2, 1fr);
    }
    .transaction-record .box2 .box-c {
        margin-bottom: 70px;
    }
    .transaction-record-details {
        padding-bottom: 70px;
    }
}
@media (max-width: 1024px) {
    .transaction-record-details {
        padding-bottom: 60px;
    }
    .transaction-record-details .box1 .box-t .title {
        font-size: 24px;
    }
    .transaction-record .box2 .box-c table tr th {
        font-size: 16px;
    }
    .transaction-record .box2 .box-c table .btns a {
        font-size: 14px;
        padding: 5px 18px;
    }
    .transaction-record .box2 .box-c table td {
        font-size: 14px;
    }
    .transaction-record .box2 .box-c table tr:first-child {
        height: auto;
        line-height: 30px;
    }
    .transaction-record .box2 .box-c table tr th {
        font-size: 18px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .transaction-record .box2 .box-c {
        margin-bottom: 60px;
    }
    .transaction-record .box1 {
        margin: 60px 0;
    }
    .transaction-record .box2 .box-t a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        min-width: 160px;
    }
    .transaction-record .box2 .box-c .item2 .list li .name {
        margin: 0 10px;
    }
    .transaction-record .box2 .box-c .item2 .list li .li-t-l img,
    .transaction-record .box2 .box-c .item2 .list li .more img {
        width: 40px;
    }
    .transaction-record .box2 .box-c .item2 .list li .more {
        font-size: 12px;
    }
    .transaction-record .box2 .box-c .pagination {
        margin-top: 45px;
    }
    .transaction-record-details .box1 .box-b th {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .transaction-record-details .box1 .box-b table input {
        height: 20px;
        width: 20px;
    }
    .transaction-record-details .box1 .box-b .checkboxBox span {
        margin-left: 5px;
    }
    .transaction-record-details .box1 .box-b table td {
        font-size: 14px;
    }
    .transaction-record-details .box1 .box-b td:first-child,
    .transaction-record-details .box1 .box-b th:first-child {
        padding-left: 15px;
    }
    .transaction-record-details .box1 .box-b table td.date {
        padding-right: 15px;
    }
    .transaction-record-details .box1 .box-b table td {
        padding: 8px 5px;
    }
    .transaction-record-details .box1 .box-b table td.date {
        font-size: 14px;
    }
    .transaction-record-details .box1 .box-b td:last-child,
    .transaction-record-details .box1 .box-b th:last-child {
        padding-right: 15px;
    }
    .transaction-record-details .box1 .box-b .pagination {
        margin-top: 45px;
    }
    .transaction-record-details .box1 .box-c-r .btn {
        height: 45px;
        width: 160px;
    }
    .transaction-record-details .box1 .box-c-r .btn img {
        width: 25px;
    }
    .transaction-record-details .box1 .box-c-r .btn span {
        font-size: 14px;
        margin-left: 8px;
    }
}
@media (max-width: 768px) {
    .transaction-record-details .box1 .box-c {
        align-items: flex-end;
        flex-direction: column;
        gap: 15px;
    }
    .transaction-record-details .box1 .box-c-l {
        width: 100%;
    }
    .transaction-record-details {
        padding-bottom: 50px;
    }
    .transaction-record-details .box1 .box-b th {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .transaction-record-details .box1 .box-b table .date {
        width: 90px;
    }
    .transaction-record-details .box1 .box-t .title {
        font-size: 22px;
    }
    .transaction-record .box2 .box-c table tr th {
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .transaction-record .box2 .box-c .pagination {
        margin-top: 35px;
    }
    .transaction-record .box2 .box-c {
        margin-bottom: 50px;
    }
    .transaction-record .box1 {
        margin: 50px 0;
    }
    .transaction-record .box2 .box-t a {
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        min-width: 120px;
        padding: 0 15px;
    }
    .transaction-record .box2 .box-c .item2 .list li .li-c .text-box {
        font-size: 16px;
    }
    .transaction-record .box2 .box-c .item2 .list {
        grid-template-columns: repeat(1, 1fr);
    }
    .transaction-record-details .box1 .box-b th {
        font-size: 16px;
    }
    .transaction-record-details .box1 .box-b table input {
        height: 14px;
        width: 14px;
    }
    .transaction-record-details .box1 .box-b table td,
    .transaction-record-details .box1 .box-b table td.date {
        font-size: 12px;
    }
    .transaction-record-details .box1 .box-b .pagination {
        margin-top: 35px;
    }
    .transaction-record-details {
        padding-top: 15px;
    }
    .transaction-record-details .box1 .box-t {
        flex-direction: column-reverse;
        gap: 15px;
    }
}
@media (max-width: 600px) {
    .transaction-record .box1 .list {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 500px) {
    .transaction-record-details .box1 .box-c-r .btn {
        height: 40px;
    }
    .transaction-record-details .box1 .box-c {
        margin-top: 13px;
    }
    .transaction-record-details {
        padding-bottom: 40px;
    }
    .transaction-record-details .box1 .box-b .pagination {
        margin-top: 25px;
    }
    .transaction-record-details .box1 .box-b th {
        font-size: 14px;
    }
    .transaction-record-details .box1 .box-t .title {
        font-size: 20px;
    }
    .transaction-record .box2 .box-c table .btns a {
        padding: 5px 10px;
    }
    .transaction-record .box2 .box-c table .btns,
    .transaction-record .box2 .box-c table td:last-child,
    .transaction-record .box2 .box-c table th:last-child {
        width: 90px !important;
    }
    .transaction-record .box2 .box-t {
        gap: 20px;
    }
    .transaction-record .box2 .box-c table td {
        font-size: 12px;
        padding-bottom: 8px;
        padding-top: 8px;
    }
    .transaction-record .box2 .box-c table tr th {
        font-size: 14px;
    }
    .transaction-record .box2 .box-c .pagination {
        margin-top: 25px;
    }
    .transaction-record .box2 .box-c {
        margin-bottom: 40px;
    }
    .transaction-record .box1 {
        margin: 40px 0;
    }
    .transaction-record .box1 .list li {
        min-height: 0;
        padding: 20px 15px;
    }
    .transaction-record .box1 .list .text-title {
        font-size: 18px;
    }
    .transaction-record .box2 .box-c {
        margin-top: 20px;
    }
}
.fi,
.fib {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.fi {
    display: inline-block;
    line-height: 1em;
    position: relative;
    width: 1.33333em;
}
.fi:before {
    content: " ";
}
.fi.fis {
    width: 1em;
}
.fi-xx {
    background-image: url(/assets/96f901b4ca23142ad779.svg);
}
.fi-xx.fis {
    background-image: url(/assets/aa8f667027fd90e56320.svg);
}
.fi-ad {
    background-image: url(/assets/ae04a3ead396d8b17262.svg);
}
.fi-ad.fis {
    background-image: url(/assets/e28ac34f6d66a12c1e67.svg);
}
.fi-ae {
    background-image: url(/assets/b263220156c66d18fff2.svg);
}
.fi-ae.fis {
    background-image: url(/assets/e982ce1a46db65259241.svg);
}
.fi-af {
    background-image: url(/assets/b5db9810983fc757b017.svg);
}
.fi-af.fis {
    background-image: url(/assets/fafb36ef623dc93fe5ed.svg);
}
.fi-ag {
    background-image: url(/assets/8564c0e53486b9319587.svg);
}
.fi-ag.fis {
    background-image: url(/assets/84f37e52a648579f7ee2.svg);
}
.fi-ai {
    background-image: url(/assets/0b7208a9ec34846dd15d.svg);
}
.fi-ai.fis {
    background-image: url(/assets/99ad0ab376cc53caf4ae.svg);
}
.fi-al {
    background-image: url(/assets/3868e719427cb2463392.svg);
}
.fi-al.fis {
    background-image: url(/assets/c05e63fb1dba6cd20026.svg);
}
.fi-am {
    background-image: url(/assets/683c20ed58f4d9474856.svg);
}
.fi-am.fis {
    background-image: url(/assets/eaae878c684895ebbfbd.svg);
}
.fi-ao {
    background-image: url(/assets/39110f8b63c8b1d373b1.svg);
}
.fi-ao.fis {
    background-image: url(/assets/ae9767d4b8d6c2fc991c.svg);
}
.fi-aq {
    background-image: url(/assets/2405e38d3ce9174eee60.svg);
}
.fi-aq.fis {
    background-image: url(/assets/0aff28faa2b3abc8e49a.svg);
}
.fi-ar {
    background-image: url(/assets/6a3e52fbf8d109a5fd43.svg);
}
.fi-ar.fis {
    background-image: url(/assets/658e0f364fc6cec6b173.svg);
}
.fi-as {
    background-image: url(/assets/f1d3fa0ae5d614eb16dd.svg);
}
.fi-as.fis {
    background-image: url(/assets/0f89fa27cfed3543d1fa.svg);
}
.fi-at {
    background-image: url(/assets/b511d36eecb8b5dc08f5.svg);
}
.fi-at.fis {
    background-image: url(/assets/5ffa25ce96dad1a8c4dc.svg);
}
.fi-au {
    background-image: url(/assets/fdaebf2b3a87f4cbd2fb.svg);
}
.fi-au.fis {
    background-image: url(/assets/ac70d22dd0c26fae055b.svg);
}
.fi-aw {
    background-image: url(/assets/5833f1365defb17730fc.svg);
}
.fi-aw.fis {
    background-image: url(/assets/9f9a1e16047b82cc7ebe.svg);
}
.fi-ax {
    background-image: url(/assets/dd048088f167a2fc17f4.svg);
}
.fi-ax.fis {
    background-image: url(/assets/3882371f1dbfb17cb5a6.svg);
}
.fi-az {
    background-image: url(/assets/aae9c7ff43e36d202a00.svg);
}
.fi-az.fis {
    background-image: url(/assets/28042690b69f4c26b9fb.svg);
}
.fi-ba {
    background-image: url(/assets/ae994e09174207b350e9.svg);
}
.fi-ba.fis {
    background-image: url(/assets/705b1348460b1291d937.svg);
}
.fi-bb {
    background-image: url(/assets/0506d6bd800e84fd2923.svg);
}
.fi-bb.fis {
    background-image: url(/assets/8f344222ecda4609aaee.svg);
}
.fi-bd {
    background-image: url(/assets/0ad8c443ef4d47ea0497.svg);
}
.fi-bd.fis {
    background-image: url(/assets/a62e330d249ff3f5bd27.svg);
}
.fi-be {
    background-image: url(/assets/251f80c01a359e203199.svg);
}
.fi-be.fis {
    background-image: url(/assets/5b3a82a296b071e1440a.svg);
}
.fi-bf {
    background-image: url(/assets/a3957b0a98236111e237.svg);
}
.fi-bf.fis {
    background-image: url(/assets/bb616c9ec60cde6806bb.svg);
}
.fi-bg {
    background-image: url(/assets/9c87ba43360f54e47b2f.svg);
}
.fi-bg.fis {
    background-image: url(/assets/0717abbc6df210a43c5d.svg);
}
.fi-bh {
    background-image: url(/assets/3310879d5f14a62669bf.svg);
}
.fi-bh.fis {
    background-image: url(/assets/d6e3bed59974f2b0aedd.svg);
}
.fi-bi {
    background-image: url(/assets/5d3435104d6a6e67937c.svg);
}
.fi-bi.fis {
    background-image: url(/assets/d444ab39f267ef8a50ef.svg);
}
.fi-bj {
    background-image: url(/assets/b04c72b67773f10058a8.svg);
}
.fi-bj.fis {
    background-image: url(/assets/c1bc198cb05444a63756.svg);
}
.fi-bl {
    background-image: url(/assets/67c5ef35e02e55d24b8c.svg);
}
.fi-bl.fis {
    background-image: url(/assets/66cdc56cf5c323535418.svg);
}
.fi-bm {
    background-image: url(/assets/8621f87bdecfd16a4383.svg);
}
.fi-bm.fis {
    background-image: url(/assets/4a80f894c485745e46a2.svg);
}
.fi-bn {
    background-image: url(/assets/0c303e73dc3f11bddc6a.svg);
}
.fi-bn.fis {
    background-image: url(/assets/380e5d576317bd86523b.svg);
}
.fi-bo {
    background-image: url(/assets/51e0ec28072b3d8c605f.svg);
}
.fi-bo.fis {
    background-image: url(/assets/b233abbddb9060df2dbf.svg);
}
.fi-bq {
    background-image: url(/assets/04ca6698f051e72cf774.svg);
}
.fi-bq.fis {
    background-image: url(/assets/1698f2886a1c56881806.svg);
}
.fi-br {
    background-image: url(/assets/33b38c329c8eb7d5a366.svg);
}
.fi-br.fis {
    background-image: url(/assets/f1b8e364a7dd0a8f3fb5.svg);
}
.fi-bs {
    background-image: url(/assets/527eff5cdc00fa23f06f.svg);
}
.fi-bs.fis {
    background-image: url(/assets/3fac313f5a20d93d24be.svg);
}
.fi-bt {
    background-image: url(/assets/ef80804e14eb159e3936.svg);
}
.fi-bt.fis {
    background-image: url(/assets/4ded667616cee76fc78c.svg);
}
.fi-bv {
    background-image: url(/assets/3d8e6f49fad8459575e1.svg);
}
.fi-bv.fis {
    background-image: url(/assets/976c853ae9062409996c.svg);
}
.fi-bw {
    background-image: url(/assets/840cd355c0fbd02b11c7.svg);
}
.fi-bw.fis {
    background-image: url(/assets/3697157a23bdcf5b8c7a.svg);
}
.fi-by {
    background-image: url(/assets/4c57e6cbe13c574dcede.svg);
}
.fi-by.fis {
    background-image: url(/assets/0bc23418cf7a453885cf.svg);
}
.fi-bz {
    background-image: url(/assets/c3d1b0988bff7cae978d.svg);
}
.fi-bz.fis {
    background-image: url(/assets/2466e1694643ccb84c88.svg);
}
.fi-ca {
    background-image: url(/assets/f3f7109aa7e471fef134.svg);
}
.fi-ca.fis {
    background-image: url(/assets/27f31b05aefedba14066.svg);
}
.fi-cc {
    background-image: url(/assets/ee9a455c6bd419d93b8d.svg);
}
.fi-cc.fis {
    background-image: url(/assets/1e40e3dea8a00cbaf5a1.svg);
}
.fi-cd {
    background-image: url(/assets/4b82821f4a615f2d8c26.svg);
}
.fi-cd.fis {
    background-image: url(/assets/b98f3e296e3b1eb74608.svg);
}
.fi-cf {
    background-image: url(/assets/a3843e7991ac45d28eff.svg);
}
.fi-cf.fis {
    background-image: url(/assets/e2e89fb8727d254107da.svg);
}
.fi-cg {
    background-image: url(/assets/05e95e537bcdc02a69a7.svg);
}
.fi-cg.fis {
    background-image: url(/assets/80aa777ee960d381273a.svg);
}
.fi-ch {
    background-image: url(/assets/55323a0680e7c5ff735b.svg);
}
.fi-ch.fis {
    background-image: url(/assets/e6b520ab87791013063b.svg);
}
.fi-ci {
    background-image: url(/assets/c7146bc39c724cd34b46.svg);
}
.fi-ci.fis {
    background-image: url(/assets/133adff8acf564df5728.svg);
}
.fi-ck {
    background-image: url(/assets/6f73c68e1aca3060e929.svg);
}
.fi-ck.fis {
    background-image: url(/assets/3e6dd6ddd9eb71276bcb.svg);
}
.fi-cl {
    background-image: url(/assets/107ef3fb7d1ea271cc2e.svg);
}
.fi-cl.fis {
    background-image: url(/assets/5e19099caf3daa730ce5.svg);
}
.fi-cm {
    background-image: url(/assets/7eff011cd2036bfc5df4.svg);
}
.fi-cm.fis {
    background-image: url(/assets/c5fdb1729d6a61e705cc.svg);
}
.fi-cn {
    background-image: url(/assets/e4f6436aa2c562521a6e.svg);
}
.fi-cn.fis {
    background-image: url(/assets/2e5f836fa0364bb906e6.svg);
}
.fi-co {
    background-image: url(/assets/2035da4efa474be5bb4b.svg);
}
.fi-co.fis {
    background-image: url(/assets/650be7bf6524161dd3fb.svg);
}
.fi-cr {
    background-image: url(/assets/da71ea0e0e43752f1f4a.svg);
}
.fi-cr.fis {
    background-image: url(/assets/96cca3298724eeac307f.svg);
}
.fi-cu {
    background-image: url(/assets/1fc5af6daada9d6075b3.svg);
}
.fi-cu.fis {
    background-image: url(/assets/b92f84c54d433ddeb07e.svg);
}
.fi-cv {
    background-image: url(/assets/aa02126ce32724f97a9c.svg);
}
.fi-cv.fis {
    background-image: url(/assets/c4df14eee0b28bca07a3.svg);
}
.fi-cw {
    background-image: url(/assets/7b83329130ff6a4d69d4.svg);
}
.fi-cw.fis {
    background-image: url(/assets/023cc06898b0b15eeedc.svg);
}
.fi-cx {
    background-image: url(/assets/1d486e07716508b2e944.svg);
}
.fi-cx.fis {
    background-image: url(/assets/37843d5d0d2c289e8bfe.svg);
}
.fi-cy {
    background-image: url(/assets/e323e5843ba3ef9dcb8e.svg);
}
.fi-cy.fis {
    background-image: url(/assets/3975224c1deed52e5e32.svg);
}
.fi-cz {
    background-image: url(/assets/5a24757d105fbe7a4e81.svg);
}
.fi-cz.fis {
    background-image: url(/assets/f7d5fa0258940e2c3ac9.svg);
}
.fi-de {
    background-image: url(/assets/6435bf24d148ca7248e7.svg);
}
.fi-de.fis {
    background-image: url(/assets/8406691444ff98ee33d4.svg);
}
.fi-dj {
    background-image: url(/assets/ea8afc9d1db6e4acd7bb.svg);
}
.fi-dj.fis {
    background-image: url(/assets/843e714eaf72c7dfbf0d.svg);
}
.fi-dk {
    background-image: url(/assets/025c12105396b6e6b3b8.svg);
}
.fi-dk.fis {
    background-image: url(/assets/90f7d12042a18708f7ed.svg);
}
.fi-dm {
    background-image: url(/assets/ad730a312756ab678baa.svg);
}
.fi-dm.fis {
    background-image: url(/assets/bf54e4013c41515201a8.svg);
}
.fi-do {
    background-image: url(/assets/786a4971dfcac04b5eee.svg);
}
.fi-do.fis {
    background-image: url(/assets/584d4f9c7dc719a3c604.svg);
}
.fi-dz {
    background-image: url(/assets/0f0875827805c6719abb.svg);
}
.fi-dz.fis {
    background-image: url(/assets/676246527fe04242f0f7.svg);
}
.fi-ec {
    background-image: url(/assets/7d1693275c588cea2fe8.svg);
}
.fi-ec.fis {
    background-image: url(/assets/33ce56273543deb46e2c.svg);
}
.fi-ee {
    background-image: url(/assets/bd3f873d66e924740c13.svg);
}
.fi-ee.fis {
    background-image: url(/assets/5b02e4813fdf56e02d19.svg);
}
.fi-eg {
    background-image: url(/assets/b0e8d940e81fd0adcd52.svg);
}
.fi-eg.fis {
    background-image: url(/assets/f5d0ce62e32a9176ed5d.svg);
}
.fi-eh {
    background-image: url(/assets/55c167e4b4a7c19c3afd.svg);
}
.fi-eh.fis {
    background-image: url(/assets/ee7714bbc16678c4242b.svg);
}
.fi-er {
    background-image: url(/assets/4e8d72f968ec26604a65.svg);
}
.fi-er.fis {
    background-image: url(/assets/51a82d50a7e3633fe39c.svg);
}
.fi-es {
    background-image: url(/assets/e3db1b5f8a2ec8ae8764.svg);
}
.fi-es.fis {
    background-image: url(/assets/284fc0d789fb7e70a998.svg);
}
.fi-et {
    background-image: url(/assets/9d978f590f49d13633f3.svg);
}
.fi-et.fis {
    background-image: url(/assets/0dc087ac2ca4963059fe.svg);
}
.fi-fi {
    background-image: url(/assets/ead68a19c50e3e6f4d04.svg);
}
.fi-fi.fis {
    background-image: url(/assets/aed885cc7a38b534b2b6.svg);
}
.fi-fj {
    background-image: url(/assets/3f46c20e700872e4d3e0.svg);
}
.fi-fj.fis {
    background-image: url(/assets/b2513b571858e73a2f2b.svg);
}
.fi-fk {
    background-image: url(/assets/1c958169982971ccfe4c.svg);
}
.fi-fk.fis {
    background-image: url(/assets/e1087817d5fef6a7bd79.svg);
}
.fi-fm {
    background-image: url(/assets/18f7e08960b73974ccd4.svg);
}
.fi-fm.fis {
    background-image: url(/assets/9b826793a052bef79219.svg);
}
.fi-fo {
    background-image: url(/assets/7c11a8ad56937ca0487c.svg);
}
.fi-fo.fis {
    background-image: url(/assets/a004f63d8cf851543b79.svg);
}
.fi-fr {
    background-image: url(/assets/0313c7eacb9633130ffb.svg);
}
.fi-fr.fis {
    background-image: url(/assets/9e329b0fd412c860b31a.svg);
}
.fi-ga {
    background-image: url(/assets/ccf7eecbecdd26d2403c.svg);
}
.fi-ga.fis {
    background-image: url(/assets/d33bfe612c008a01f156.svg);
}
.fi-gb {
    background-image: url(/assets/516897fd3988e35032b7.svg);
}
.fi-gb.fis {
    background-image: url(/assets/ad3aa4f8661cd353439d.svg);
}
.fi-gd {
    background-image: url(/assets/65b4daaaa1cdb22074df.svg);
}
.fi-gd.fis {
    background-image: url(/assets/8c11ad0dbdb6d2b65204.svg);
}
.fi-ge {
    background-image: url(/assets/3c65f52fda94c4461ae5.svg);
}
.fi-ge.fis {
    background-image: url(/assets/6c56f6ba97744ba8bc19.svg);
}
.fi-gf {
    background-image: url(/assets/16328213544e4ac5f3ee.svg);
}
.fi-gf.fis {
    background-image: url(/assets/5fc814b14e4589220c31.svg);
}
.fi-gg {
    background-image: url(/assets/b8779f1806c259de289a.svg);
}
.fi-gg.fis {
    background-image: url(/assets/cff3c6217db3d2732657.svg);
}
.fi-gh {
    background-image: url(/assets/3b04534742f8cc2f32bb.svg);
}
.fi-gh.fis {
    background-image: url(/assets/26d188e88a801ef36f64.svg);
}
.fi-gi {
    background-image: url(/assets/b0f633cc5f004108e1ff.svg);
}
.fi-gi.fis {
    background-image: url(/assets/1b8feafa6ccc32e8d265.svg);
}
.fi-gl {
    background-image: url(/assets/633d308e7df9c5abcb89.svg);
}
.fi-gl.fis {
    background-image: url(/assets/2466f7b0c1cdbbc5bce5.svg);
}
.fi-gm {
    background-image: url(/assets/6e4caca46e637e40175f.svg);
}
.fi-gm.fis {
    background-image: url(/assets/dfd25b88d3660d236c00.svg);
}
.fi-gn {
    background-image: url(/assets/65edeaef7dabb0abc834.svg);
}
.fi-gn.fis {
    background-image: url(/assets/347b60cf985684d7ea4f.svg);
}
.fi-gp {
    background-image: url(/assets/ca0b8d6f4d7528c9d34d.svg);
}
.fi-gp.fis {
    background-image: url(/assets/34687ce560373f175eee.svg);
}
.fi-gq {
    background-image: url(/assets/d338046f390d50e31f3c.svg);
}
.fi-gq.fis {
    background-image: url(/assets/6c7f20b675f0fa8025dc.svg);
}
.fi-gr {
    background-image: url(/assets/969458b727378ff7b215.svg);
}
.fi-gr.fis {
    background-image: url(/assets/f4f1efd04d192aac3cbe.svg);
}
.fi-gs {
    background-image: url(/assets/d1b8447c836a68c0518f.svg);
}
.fi-gs.fis {
    background-image: url(/assets/9d17b64612b5ef9cfe13.svg);
}
.fi-gt {
    background-image: url(/assets/f804f6bc8952e961d816.svg);
}
.fi-gt.fis {
    background-image: url(/assets/9ac40fe72107a3c09365.svg);
}
.fi-gu {
    background-image: url(/assets/cb24f455b6b06ce5325d.svg);
}
.fi-gu.fis {
    background-image: url(/assets/bc2f83639f0ccad757e5.svg);
}
.fi-gw {
    background-image: url(/assets/9bc2271a9dcb2ec3e78c.svg);
}
.fi-gw.fis {
    background-image: url(/assets/eb6624eb4396d05c27c3.svg);
}
.fi-gy {
    background-image: url(/assets/80b47cd2f50d288d53b6.svg);
}
.fi-gy.fis {
    background-image: url(/assets/e28d1b4b1a434168df63.svg);
}
.fi-hk {
    background-image: url(/assets/206f3ee8617b71afa396.svg);
}
.fi-hk.fis {
    background-image: url(/assets/b80f4f843c33522190c6.svg);
}
.fi-hm {
    background-image: url(/assets/7357662d39fe5b26e5f2.svg);
}
.fi-hm.fis {
    background-image: url(/assets/92fcad4fd3aacc9e2813.svg);
}
.fi-hn {
    background-image: url(/assets/2427006aada8b474df11.svg);
}
.fi-hn.fis {
    background-image: url(/assets/084f590fe38a14fc3755.svg);
}
.fi-hr {
    background-image: url(/assets/9211a54119b21828c73b.svg);
}
.fi-hr.fis {
    background-image: url(/assets/dda03b1696e943679d3a.svg);
}
.fi-ht {
    background-image: url(/assets/7388c69479f3b8d12dfa.svg);
}
.fi-ht.fis {
    background-image: url(/assets/bb196f2996c1fa63bd46.svg);
}
.fi-hu {
    background-image: url(/assets/e404d718cffb5bd06467.svg);
}
.fi-hu.fis {
    background-image: url(/assets/cb329e885950a7c05407.svg);
}
.fi-id {
    background-image: url(/assets/f624e2c8444a7794b357.svg);
}
.fi-id.fis {
    background-image: url(/assets/578a8a9cdfdb824a35b1.svg);
}
.fi-ie {
    background-image: url(/assets/0542b94612db83a2f550.svg);
}
.fi-ie.fis {
    background-image: url(/assets/9e3414e898f1a07d0bea.svg);
}
.fi-il {
    background-image: url(/assets/1d83ed8b93b89da04c32.svg);
}
.fi-il.fis {
    background-image: url(/assets/64814d3eb4e199bff160.svg);
}
.fi-im {
    background-image: url(/assets/2bd1c7c77ad07608a2a8.svg);
}
.fi-im.fis {
    background-image: url(/assets/cbaa28108b60592ee8f3.svg);
}
.fi-in {
    background-image: url(/assets/56c684671d65bd5f2ed6.svg);
}
.fi-in.fis {
    background-image: url(/assets/28a6f7605d41970756b4.svg);
}
.fi-io {
    background-image: url(/assets/b7a5e36a161893d2378c.svg);
}
.fi-io.fis {
    background-image: url(/assets/27431f534aa480e1d003.svg);
}
.fi-iq {
    background-image: url(/assets/828e7dfbad11c0f6cd26.svg);
}
.fi-iq.fis {
    background-image: url(/assets/9303cd0b9b67cfb598bc.svg);
}
.fi-ir {
    background-image: url(/assets/abc2de236d65d0587f00.svg);
}
.fi-ir.fis {
    background-image: url(/assets/5f436531c4e843c9e7b9.svg);
}
.fi-is {
    background-image: url(/assets/3c4b4181458260fed9fc.svg);
}
.fi-is.fis {
    background-image: url(/assets/980b7dfef62be73a4122.svg);
}
.fi-it {
    background-image: url(/assets/08db2cd122d5f99494dd.svg);
}
.fi-it.fis {
    background-image: url(/assets/febcc1b18059405d2a1b.svg);
}
.fi-je {
    background-image: url(/assets/094e9043efbacd7f32c1.svg);
}
.fi-je.fis {
    background-image: url(/assets/915429967b8cf34fda00.svg);
}
.fi-jm {
    background-image: url(/assets/bbf9bcce8cefb8d15d88.svg);
}
.fi-jm.fis {
    background-image: url(/assets/259baa445256a0bc926e.svg);
}
.fi-jo {
    background-image: url(/assets/1220fdb3ff197682a44f.svg);
}
.fi-jo.fis {
    background-image: url(/assets/039a42204bb9d4c08632.svg);
}
.fi-jp {
    background-image: url(/assets/d288d548026f04523965.svg);
}
.fi-jp.fis {
    background-image: url(/assets/5d4d1d1eeb3d4c9ca374.svg);
}
.fi-ke {
    background-image: url(/assets/0aab796123b74534bf37.svg);
}
.fi-ke.fis {
    background-image: url(/assets/8bd67ea6470e92824210.svg);
}
.fi-kg {
    background-image: url(/assets/4944119101a673f128ce.svg);
}
.fi-kg.fis {
    background-image: url(/assets/29765023c004eaa51340.svg);
}
.fi-kh {
    background-image: url(/assets/ffda5c64882c0293dab0.svg);
}
.fi-kh.fis {
    background-image: url(/assets/246b79f0e93715351349.svg);
}
.fi-ki {
    background-image: url(/assets/7c0f5f6b73651b4e7159.svg);
}
.fi-ki.fis {
    background-image: url(/assets/f832c557a2dc399cfdbc.svg);
}
.fi-km {
    background-image: url(/assets/636e9ed727bb8f644964.svg);
}
.fi-km.fis {
    background-image: url(/assets/f07a34b8d0a9f8910177.svg);
}
.fi-kn {
    background-image: url(/assets/63c3ea5ba9e186d65346.svg);
}
.fi-kn.fis {
    background-image: url(/assets/ee4fa5925824ae121bd0.svg);
}
.fi-kp {
    background-image: url(/assets/1bcf41f7359a335ca2d8.svg);
}
.fi-kp.fis {
    background-image: url(/assets/650f6d2f12e900e69c10.svg);
}
.fi-kr {
    background-image: url(/assets/014570f16b8183e5b498.svg);
}
.fi-kr.fis {
    background-image: url(/assets/6682166bbe7bc0544876.svg);
}
.fi-kw {
    background-image: url(/assets/1ac81961aeb84840db2f.svg);
}
.fi-kw.fis {
    background-image: url(/assets/0924dc178a2cf893e78d.svg);
}
.fi-ky {
    background-image: url(/assets/5a906dc280c91f7ea01a.svg);
}
.fi-ky.fis {
    background-image: url(/assets/d819b33e11b565639faf.svg);
}
.fi-kz {
    background-image: url(/assets/492e81d5876af1337afc.svg);
}
.fi-kz.fis {
    background-image: url(/assets/ad106a7a2ba93dfe9ce0.svg);
}
.fi-la {
    background-image: url(/assets/644f2f1af4cc82620b9c.svg);
}
.fi-la.fis {
    background-image: url(/assets/b13d502fed498abb9b9d.svg);
}
.fi-lb {
    background-image: url(/assets/048b28a4df1f7e84266f.svg);
}
.fi-lb.fis {
    background-image: url(/assets/887fc273b315b08dd141.svg);
}
.fi-lc {
    background-image: url(/assets/26619234555a923eb7b3.svg);
}
.fi-lc.fis {
    background-image: url(/assets/7ac7d1c95113e30046c9.svg);
}
.fi-li {
    background-image: url(/assets/a75c2f095526f4d84613.svg);
}
.fi-li.fis {
    background-image: url(/assets/62ec4ab052a970be5f94.svg);
}
.fi-lk {
    background-image: url(/assets/fd529379b814c9d95d49.svg);
}
.fi-lk.fis {
    background-image: url(/assets/ab7b92bda5c7b8891f1b.svg);
}
.fi-lr {
    background-image: url(/assets/274e9865978ac60476fd.svg);
}
.fi-lr.fis {
    background-image: url(/assets/c70ba2e26749882f79c7.svg);
}
.fi-ls {
    background-image: url(/assets/1656b1dc3d7ad3685ca4.svg);
}
.fi-ls.fis {
    background-image: url(/assets/e9b2f4ba095591e4e9c5.svg);
}
.fi-lt {
    background-image: url(/assets/93a07daff68dea7336fd.svg);
}
.fi-lt.fis {
    background-image: url(/assets/1d07a8b84f27401d15e2.svg);
}
.fi-lu {
    background-image: url(/assets/c155a6845ad167cdad8c.svg);
}
.fi-lu.fis {
    background-image: url(/assets/1de57f2a9396a1bb3325.svg);
}
.fi-lv {
    background-image: url(/assets/ff6176a6bfeba64d0716.svg);
}
.fi-lv.fis {
    background-image: url(/assets/884e7f97a321e3dda410.svg);
}
.fi-ly {
    background-image: url(/assets/86eec27b4d685f067ab5.svg);
}
.fi-ly.fis {
    background-image: url(/assets/d183738e4b1348ff2f12.svg);
}
.fi-ma {
    background-image: url(/assets/ab052b412792b9fadd8c.svg);
}
.fi-ma.fis {
    background-image: url(/assets/4d3a6f5c2bd6a436e6a1.svg);
}
.fi-mc {
    background-image: url(/assets/b5edb75519037dcf483e.svg);
}
.fi-mc.fis {
    background-image: url(/assets/21f385d1c90452e35d21.svg);
}
.fi-md {
    background-image: url(/assets/b51b6be960f624fb9814.svg);
}
.fi-md.fis {
    background-image: url(/assets/01ec3194a89e6a0c5676.svg);
}
.fi-me {
    background-image: url(/assets/0c03b01f0a036dd1e720.svg);
}
.fi-me.fis {
    background-image: url(/assets/3b8260d491f0ed64b1ad.svg);
}
.fi-mf {
    background-image: url(/assets/9284dddffc0b6717ee5f.svg);
}
.fi-mf.fis {
    background-image: url(/assets/4b4f663eb5e16690ef4a.svg);
}
.fi-mg {
    background-image: url(/assets/5d294de1198203cd569a.svg);
}
.fi-mg.fis {
    background-image: url(/assets/bdd56d44e50a82caecc6.svg);
}
.fi-mh {
    background-image: url(/assets/d3854d0ef79845fd2197.svg);
}
.fi-mh.fis {
    background-image: url(/assets/f4334b2e5d62cd297935.svg);
}
.fi-mk {
    background-image: url(/assets/b5eadefbb6da73c9d0cf.svg);
}
.fi-mk.fis {
    background-image: url(/assets/d335b1f7842c183f2626.svg);
}
.fi-ml {
    background-image: url(/assets/fa530666ce9e170dc6cd.svg);
}
.fi-ml.fis {
    background-image: url(/assets/abd95c9bbc3b8e14d05a.svg);
}
.fi-mm {
    background-image: url(/assets/82321f19830e8de129b7.svg);
}
.fi-mm.fis {
    background-image: url(/assets/53de19a4603b655a1a68.svg);
}
.fi-mn {
    background-image: url(/assets/9116b861b007b313edd4.svg);
}
.fi-mn.fis {
    background-image: url(/assets/94e1aa063db5c163beeb.svg);
}
.fi-mo {
    background-image: url(/assets/47a7b538e1eeb24ccfb4.svg);
}
.fi-mo.fis {
    background-image: url(/assets/fe788ad8056f3fae82ab.svg);
}
.fi-mp {
    background-image: url(/assets/22db1d8d93210e4b195e.svg);
}
.fi-mp.fis {
    background-image: url(/assets/71d393f4452bdea22af3.svg);
}
.fi-mq {
    background-image: url(/assets/fe327ace5767815c40e3.svg);
}
.fi-mq.fis {
    background-image: url(/assets/794f4690ac0eca38ed10.svg);
}
.fi-mr {
    background-image: url(/assets/f999a3ab03d99422445b.svg);
}
.fi-mr.fis {
    background-image: url(/assets/d7db7269c3c9a5fb4fcd.svg);
}
.fi-ms {
    background-image: url(/assets/bfac90ab8a9cbe5316ed.svg);
}
.fi-ms.fis {
    background-image: url(/assets/eda45363054639bb62a8.svg);
}
.fi-mt {
    background-image: url(/assets/3f7bf9b723ad1e5724d7.svg);
}
.fi-mt.fis {
    background-image: url(/assets/35575a14235408993f8d.svg);
}
.fi-mu {
    background-image: url(/assets/468d5464b2219b1bb922.svg);
}
.fi-mu.fis {
    background-image: url(/assets/fd1c498d09f3df7291e3.svg);
}
.fi-mv {
    background-image: url(/assets/f252e4cb6189ffbeb1ed.svg);
}
.fi-mv.fis {
    background-image: url(/assets/8cb05cc8693221f2eec1.svg);
}
.fi-mw {
    background-image: url(/assets/0159b1bd857af9ed65b8.svg);
}
.fi-mw.fis {
    background-image: url(/assets/bc758281555fb3749de0.svg);
}
.fi-mx {
    background-image: url(/assets/6b5b07b466de97533812.svg);
}
.fi-mx.fis {
    background-image: url(/assets/023324073a66bdde59b1.svg);
}
.fi-my {
    background-image: url(/assets/372223fb108f4360e86a.svg);
}
.fi-my.fis {
    background-image: url(/assets/579b190bdbd98b3ff45b.svg);
}
.fi-mz {
    background-image: url(/assets/22cb086638f1a52c4e49.svg);
}
.fi-mz.fis {
    background-image: url(/assets/525b13720883d5b9fdd2.svg);
}
.fi-na {
    background-image: url(/assets/7e46f9f6fb3767adf481.svg);
}
.fi-na.fis {
    background-image: url(/assets/27a5988ed15ca88d9ca7.svg);
}
.fi-nc {
    background-image: url(/assets/cd59091eac48fc8cc185.svg);
}
.fi-nc.fis {
    background-image: url(/assets/74229c544bb0394b7a83.svg);
}
.fi-ne {
    background-image: url(/assets/82c3626f7a2a329d1397.svg);
}
.fi-ne.fis {
    background-image: url(/assets/66cb0cd9e54d34e883f1.svg);
}
.fi-nf {
    background-image: url(/assets/96d57c56bd4feba75b0e.svg);
}
.fi-nf.fis {
    background-image: url(/assets/7988830715c23c9d75b8.svg);
}
.fi-ng {
    background-image: url(/assets/f29450b9f8b2f04e96aa.svg);
}
.fi-ng.fis {
    background-image: url(/assets/1b98819eb371ab888962.svg);
}
.fi-ni {
    background-image: url(/assets/3f3ca3c75ea86ea71d28.svg);
}
.fi-ni.fis {
    background-image: url(/assets/ea2b9ff506074adf05ea.svg);
}
.fi-nl {
    background-image: url(/assets/cfe72ae0b3d6d8485234.svg);
}
.fi-nl.fis {
    background-image: url(/assets/c0bdb1a8a77eb133c4b7.svg);
}
.fi-no {
    background-image: url(/assets/b9cc4fcdf51eb234607e.svg);
}
.fi-no.fis {
    background-image: url(/assets/c2a3c34c769194e219c3.svg);
}
.fi-np {
    background-image: url(/assets/cdc41ea23d08179ac7c1.svg);
}
.fi-np.fis {
    background-image: url(/assets/a0599715685449f39364.svg);
}
.fi-nr {
    background-image: url(/assets/0d87ce78609053fbd9c4.svg);
}
.fi-nr.fis {
    background-image: url(/assets/8ccd0a5da4e0df47f13d.svg);
}
.fi-nu {
    background-image: url(/assets/2d9c15c308eff50f974f.svg);
}
.fi-nu.fis {
    background-image: url(/assets/c4afdde3280afe436fc8.svg);
}
.fi-nz {
    background-image: url(/assets/64b16b7eb8b8e423bcab.svg);
}
.fi-nz.fis {
    background-image: url(/assets/29afa191293fa678462c.svg);
}
.fi-om {
    background-image: url(/assets/e32ff9c35c4efac64638.svg);
}
.fi-om.fis {
    background-image: url(/assets/e5b8ab73e47d055889b6.svg);
}
.fi-pa {
    background-image: url(/assets/8659812291825552ed13.svg);
}
.fi-pa.fis {
    background-image: url(/assets/751c8f87270b925c26c4.svg);
}
.fi-pe {
    background-image: url(/assets/d64e9732fcaa8f765994.svg);
}
.fi-pe.fis {
    background-image: url(/assets/b8e62fe370160622092e.svg);
}
.fi-pf {
    background-image: url(/assets/60eab759c4bdba38ab46.svg);
}
.fi-pf.fis {
    background-image: url(/assets/be30b559c3943a7e0703.svg);
}
.fi-pg {
    background-image: url(/assets/7248ade59c2b54a0a348.svg);
}
.fi-pg.fis {
    background-image: url(/assets/730bb6bd6387a01d5c41.svg);
}
.fi-ph {
    background-image: url(/assets/e215bab6b405d1afeff4.svg);
}
.fi-ph.fis {
    background-image: url(/assets/f171bffcc4d9d58ef70a.svg);
}
.fi-pk {
    background-image: url(/assets/e742c27f73142b4cff7f.svg);
}
.fi-pk.fis {
    background-image: url(/assets/45854c457a1d150934b5.svg);
}
.fi-pl {
    background-image: url(/assets/2b5541c54505328dbc1b.svg);
}
.fi-pl.fis {
    background-image: url(/assets/cd835d05865e496ff6b8.svg);
}
.fi-pm {
    background-image: url(/assets/f290a4bcb2060c82a15c.svg);
}
.fi-pm.fis {
    background-image: url(/assets/b56ece89b69b4dc021b1.svg);
}
.fi-pn {
    background-image: url(/assets/c95dddcdc16e2c3e0ec0.svg);
}
.fi-pn.fis {
    background-image: url(/assets/b6d5968b108c0e9a7b49.svg);
}
.fi-pr {
    background-image: url(/assets/52e728e052169b21894d.svg);
}
.fi-pr.fis {
    background-image: url(/assets/792ff9ec3c2a2a501f38.svg);
}
.fi-ps {
    background-image: url(/assets/b57e63208c02645d8f1e.svg);
}
.fi-ps.fis {
    background-image: url(/assets/b5d637967c30e6cd6168.svg);
}
.fi-pt {
    background-image: url(/assets/10d6b7eb9f926ba44b84.svg);
}
.fi-pt.fis {
    background-image: url(/assets/56a4f662dcecf23ceaaf.svg);
}
.fi-pw {
    background-image: url(/assets/f9ea0367acd37580acec.svg);
}
.fi-pw.fis {
    background-image: url(/assets/a831460a026477de3470.svg);
}
.fi-py {
    background-image: url(/assets/ba007e233124b637c2c2.svg);
}
.fi-py.fis {
    background-image: url(/assets/8894733432ae3d575051.svg);
}
.fi-qa {
    background-image: url(/assets/a4f5c16c0a4ab4c14fdf.svg);
}
.fi-qa.fis {
    background-image: url(/assets/c64c7cc55e86f803cf1a.svg);
}
.fi-re {
    background-image: url(/assets/9d72b568db01dfb982e8.svg);
}
.fi-re.fis {
    background-image: url(/assets/65fecda00937aa8b6917.svg);
}
.fi-ro {
    background-image: url(/assets/33482fcd4344b097d6d7.svg);
}
.fi-ro.fis {
    background-image: url(/assets/6d757067ccc276327b1b.svg);
}
.fi-rs {
    background-image: url(/assets/23ed750733e58c9d9091.svg);
}
.fi-rs.fis {
    background-image: url(/assets/50976876af74cb64328f.svg);
}
.fi-ru {
    background-image: url(/assets/7e04b988972d41f5c369.svg);
}
.fi-ru.fis {
    background-image: url(/assets/c789ea20a0f569d9d6a9.svg);
}
.fi-rw {
    background-image: url(/assets/f87cd918f9cf4421e109.svg);
}
.fi-rw.fis {
    background-image: url(/assets/2dbaa32bbc3d280477a0.svg);
}
.fi-sa {
    background-image: url(/assets/406ec34cf4d0140f0f3a.svg);
}
.fi-sa.fis {
    background-image: url(/assets/dc431e9d11ed489ed350.svg);
}
.fi-sb {
    background-image: url(/assets/c2672e369471d01fcd1c.svg);
}
.fi-sb.fis {
    background-image: url(/assets/149bbf5e3a1e55db7588.svg);
}
.fi-sc {
    background-image: url(/assets/4691653cefd138906e7b.svg);
}
.fi-sc.fis {
    background-image: url(/assets/fea26a158b05a81a819d.svg);
}
.fi-sd {
    background-image: url(/assets/3050433e2767fb821c5d.svg);
}
.fi-sd.fis {
    background-image: url(/assets/e0516e5be772a548898b.svg);
}
.fi-se {
    background-image: url(/assets/369f685ebb83712ce954.svg);
}
.fi-se.fis {
    background-image: url(/assets/1124c09af582f9d04436.svg);
}
.fi-sg {
    background-image: url(/assets/8b629e7bf137abf1643b.svg);
}
.fi-sg.fis {
    background-image: url(/assets/ea78850709c27e574141.svg);
}
.fi-sh {
    background-image: url(/assets/34a3e7b91929021ea39f.svg);
}
.fi-sh.fis {
    background-image: url(/assets/281c8c4528284574f7e5.svg);
}
.fi-si {
    background-image: url(/assets/7b5de093632446972630.svg);
}
.fi-si.fis {
    background-image: url(/assets/3900235bcc3b49301cac.svg);
}
.fi-sj {
    background-image: url(/assets/f8f9b21529bdc34df1b5.svg);
}
.fi-sj.fis {
    background-image: url(/assets/7111b15215671c0cabae.svg);
}
.fi-sk {
    background-image: url(/assets/031f7d1211a3a7f59010.svg);
}
.fi-sk.fis {
    background-image: url(/assets/8ebdd96622429b4fe475.svg);
}
.fi-sl {
    background-image: url(/assets/d4cd148ff94760097b5c.svg);
}
.fi-sl.fis {
    background-image: url(/assets/ec1ec422fd5ac1515437.svg);
}
.fi-sm {
    background-image: url(/assets/42bdc9518f62841c3540.svg);
}
.fi-sm.fis {
    background-image: url(/assets/7f0fe9fe91337a906853.svg);
}
.fi-sn {
    background-image: url(/assets/5d2dde7343ab4f202890.svg);
}
.fi-sn.fis {
    background-image: url(/assets/07ec7ccbea282d9458ad.svg);
}
.fi-so {
    background-image: url(/assets/5c685e567e1362e7896d.svg);
}
.fi-so.fis {
    background-image: url(/assets/27b966d5527ed3a08979.svg);
}
.fi-sr {
    background-image: url(/assets/f281cc96dc94e9f2bcdf.svg);
}
.fi-sr.fis {
    background-image: url(/assets/45463ee6f9675e59c293.svg);
}
.fi-ss {
    background-image: url(/assets/65f6eee5fd80394c659f.svg);
}
.fi-ss.fis {
    background-image: url(/assets/252b833eee63afee120b.svg);
}
.fi-st {
    background-image: url(/assets/96f88011c65a964bfb0f.svg);
}
.fi-st.fis {
    background-image: url(/assets/12bfd6538546c02f0337.svg);
}
.fi-sv {
    background-image: url(/assets/3a8b809db2ca58c045e6.svg);
}
.fi-sv.fis {
    background-image: url(/assets/68fa4795711823f4e487.svg);
}
.fi-sx {
    background-image: url(/assets/37214364557e2b16b8d3.svg);
}
.fi-sx.fis {
    background-image: url(/assets/c3e3382c50cdc9150344.svg);
}
.fi-sy {
    background-image: url(/assets/a7d9792964e74fe3a58f.svg);
}
.fi-sy.fis {
    background-image: url(/assets/475131156fa2b0e3d124.svg);
}
.fi-sz {
    background-image: url(/assets/c4a379660ee206ab8428.svg);
}
.fi-sz.fis {
    background-image: url(/assets/58f78f9c3b487d3fc661.svg);
}
.fi-tc {
    background-image: url(/assets/ffdbcf45e2e3c21bf571.svg);
}
.fi-tc.fis {
    background-image: url(/assets/f521df6fee171a65a904.svg);
}
.fi-td {
    background-image: url(/assets/ce35efd0cf28cc8886eb.svg);
}
.fi-td.fis {
    background-image: url(/assets/16a25e2113c56509d1b6.svg);
}
.fi-tf {
    background-image: url(/assets/7e39f4397e0d054456fe.svg);
}
.fi-tf.fis {
    background-image: url(/assets/a14ccb21bfd9466755f3.svg);
}
.fi-tg {
    background-image: url(/assets/ae395581590b44c50c40.svg);
}
.fi-tg.fis {
    background-image: url(/assets/a93a40179b0b03e520bf.svg);
}
.fi-th {
    background-image: url(/assets/d3dea0cee87c83e3a1e6.svg);
}
.fi-th.fis {
    background-image: url(/assets/b4262644824a028810ca.svg);
}
.fi-tj {
    background-image: url(/assets/7342efc96604d64ffb2c.svg);
}
.fi-tj.fis {
    background-image: url(/assets/a089dcba40ab020ac75e.svg);
}
.fi-tk {
    background-image: url(/assets/5c7cbb32d630f7d2f658.svg);
}
.fi-tk.fis {
    background-image: url(/assets/2619557b557f9684e1c0.svg);
}
.fi-tl {
    background-image: url(/assets/b51e57c22b21dd257744.svg);
}
.fi-tl.fis {
    background-image: url(/assets/d8e3bbb05aa228ef7591.svg);
}
.fi-tm {
    background-image: url(/assets/b4446ed76be10e80da7b.svg);
}
.fi-tm.fis {
    background-image: url(/assets/38a7e313a4359d76c568.svg);
}
.fi-tn {
    background-image: url(/assets/6c7055b6554b66542644.svg);
}
.fi-tn.fis {
    background-image: url(/assets/4e7d8d8c98cc74fc52a9.svg);
}
.fi-to {
    background-image: url(/assets/a7375d4d2ef32a2c8761.svg);
}
.fi-to.fis {
    background-image: url(/assets/2cb4df0a0e3875c3c113.svg);
}
.fi-tr {
    background-image: url(/assets/a1a28a5eb8eceaad90b3.svg);
}
.fi-tr.fis {
    background-image: url(/assets/1a109fa73fffdfd33b11.svg);
}
.fi-tt {
    background-image: url(/assets/33069ab84c09c8db0b08.svg);
}
.fi-tt.fis {
    background-image: url(/assets/62c94980596e2af8b861.svg);
}
.fi-tv {
    background-image: url(/assets/fd2caae1fd2cb51b675a.svg);
}
.fi-tv.fis {
    background-image: url(/assets/57ef8775a287d9d53d50.svg);
}
.fi-tw {
    background-image: url(/assets/39308d8769d9190bd1aa.svg);
}
.fi-tw.fis {
    background-image: url(/assets/8ea0b61c9cced533d851.svg);
}
.fi-tz {
    background-image: url(/assets/42ec1dd14b99f59fe0f2.svg);
}
.fi-tz.fis {
    background-image: url(/assets/3dcba19bd6519be1d537.svg);
}
.fi-ua {
    background-image: url(/assets/423c68f9fb154fb2749b.svg);
}
.fi-ua.fis {
    background-image: url(/assets/af1d11dab17044ee2036.svg);
}
.fi-ug {
    background-image: url(/assets/420c4555daccc4942109.svg);
}
.fi-ug.fis {
    background-image: url(/assets/8da3e24988b4e67aa2b2.svg);
}
.fi-um {
    background-image: url(/assets/c3077277c5663829042b.svg);
}
.fi-um.fis {
    background-image: url(/assets/a26c7f8b7b44e4726edb.svg);
}
.fi-us {
    background-image: url(/assets/bbbd9f5266841b5c49cc.svg);
}
.fi-us.fis {
    background-image: url(/assets/8521a232fc83a880eaf7.svg);
}
.fi-uy {
    background-image: url(/assets/2515d7371de19a0642e6.svg);
}
.fi-uy.fis {
    background-image: url(/assets/cb5fcc05a537d0236c3c.svg);
}
.fi-uz {
    background-image: url(/assets/7ed400a6435c85b5b890.svg);
}
.fi-uz.fis {
    background-image: url(/assets/15a9a22cda20d4284071.svg);
}
.fi-va {
    background-image: url(/assets/377775044411ccf4943f.svg);
}
.fi-va.fis {
    background-image: url(/assets/523b1954ab03eb8a41e8.svg);
}
.fi-vc {
    background-image: url(/assets/a1a39ca12f5354105b9b.svg);
}
.fi-vc.fis {
    background-image: url(/assets/7ad1635f6a2e05857a9f.svg);
}
.fi-ve {
    background-image: url(/assets/8654417d0313322c0ee9.svg);
}
.fi-ve.fis {
    background-image: url(/assets/566e10866c917e59bb97.svg);
}
.fi-vg {
    background-image: url(/assets/c96c4a54f0843aadb960.svg);
}
.fi-vg.fis {
    background-image: url(/assets/fe6ff226f91c90e6e2d6.svg);
}
.fi-vi {
    background-image: url(/assets/791471ab2bdc37bfc454.svg);
}
.fi-vi.fis {
    background-image: url(/assets/f5fa039cd7dda2cd11ce.svg);
}
.fi-vn {
    background-image: url(/assets/e80173a9c3cbaa60c593.svg);
}
.fi-vn.fis {
    background-image: url(/assets/6a5f9206c51db250d841.svg);
}
.fi-vu {
    background-image: url(/assets/ac5d41948c14810ba607.svg);
}
.fi-vu.fis {
    background-image: url(/assets/6d23e1e3760f25096417.svg);
}
.fi-wf {
    background-image: url(/assets/2a313731eae3ed3e6bf3.svg);
}
.fi-wf.fis {
    background-image: url(/assets/311c4e739fa8377d139d.svg);
}
.fi-ws {
    background-image: url(/assets/314e33c2a444698f4bce.svg);
}
.fi-ws.fis {
    background-image: url(/assets/f06e3a3930f25859ac07.svg);
}
.fi-ye {
    background-image: url(/assets/67bb215c4226cd5a32aa.svg);
}
.fi-ye.fis {
    background-image: url(/assets/9b186a8be867d7cb136d.svg);
}
.fi-yt {
    background-image: url(/assets/433b076a0fbb984af9f2.svg);
}
.fi-yt.fis {
    background-image: url(/assets/db71201b57772674af44.svg);
}
.fi-za {
    background-image: url(/assets/739f42e77d2a86f25792.svg);
}
.fi-za.fis {
    background-image: url(/assets/951aa5d05b9663efabbd.svg);
}
.fi-zm {
    background-image: url(/assets/83315fdb0c0a837ccd60.svg);
}
.fi-zm.fis {
    background-image: url(/assets/c4a09669d91876442c10.svg);
}
.fi-zw {
    background-image: url(/assets/27efe68ca96d31dc7eeb.svg);
}
.fi-zw.fis {
    background-image: url(/assets/6846032463fa03beeafc.svg);
}
.fi-arab {
    background-image: url(/assets/df48a3462c9c85d43512.svg);
}
.fi-arab.fis {
    background-image: url(/assets/38625ae0698b498a48fd.svg);
}
.fi-cefta {
    background-image: url(/assets/159b824020be52ab9a1d.svg);
}
.fi-cefta.fis {
    background-image: url(/assets/4247899e6d860ac788cd.svg);
}
.fi-cp {
    background-image: url(/assets/f6b10f55c03f66f74018.svg);
}
.fi-cp.fis {
    background-image: url(/assets/6c0badecbaa751338752.svg);
}
.fi-dg {
    background-image: url(/assets/36fbc663af1f1f23966d.svg);
}
.fi-dg.fis {
    background-image: url(/assets/77d941f801da4b8e40a3.svg);
}
.fi-eac {
    background-image: url(/assets/3cf4691bfb7a96178880.svg);
}
.fi-eac.fis {
    background-image: url(/assets/4c589cf0c0297a00e1d9.svg);
}
.fi-es-ct {
    background-image: url(/assets/ae2d1ab93385b37fd124.svg);
}
.fi-es-ct.fis {
    background-image: url(/assets/9d52c0a552153cf88238.svg);
}
.fi-es-ga {
    background-image: url(/assets/c1f547a8db225475769b.svg);
}
.fi-es-ga.fis {
    background-image: url(/assets/091af445da938e870d37.svg);
}
.fi-es-pv {
    background-image: url(/assets/bc671336343cce95f794.svg);
}
.fi-es-pv.fis {
    background-image: url(/assets/e0f6252aacba9bacf0be.svg);
}
.fi-eu {
    background-image: url(/assets/c9d8d63e107e62b812c8.svg);
}
.fi-eu.fis {
    background-image: url(/assets/8224e4265da2d4361a09.svg);
}
.fi-gb-eng {
    background-image: url(/assets/ee3571430d489c32deac.svg);
}
.fi-gb-eng.fis {
    background-image: url(/assets/7b249f565cc9aa70b36b.svg);
}
.fi-gb-nir {
    background-image: url(/assets/f0f1cf328d51869f9e70.svg);
}
.fi-gb-nir.fis {
    background-image: url(/assets/319eb77d82e9b5bb406c.svg);
}
.fi-gb-sct {
    background-image: url(/assets/5edc6d75a73111158da1.svg);
}
.fi-gb-sct.fis {
    background-image: url(/assets/5e8518f9c48a90941d02.svg);
}
.fi-gb-wls {
    background-image: url(/assets/4abd7bc95cbecde943cc.svg);
}
.fi-gb-wls.fis {
    background-image: url(/assets/910c0fb3440a800691cb.svg);
}
.fi-ic {
    background-image: url(/assets/500d420982feb8a67cbc.svg);
}
.fi-ic.fis {
    background-image: url(/assets/5217cbc3b14b1f23840f.svg);
}
.fi-pc {
    background-image: url(/assets/d669f78a433eced98974.svg);
}
.fi-pc.fis {
    background-image: url(/assets/1fac77482d005e8e85e4.svg);
}
.fi-sh-ac {
    background-image: url(/assets/33772744760b05b228b3.svg);
}
.fi-sh-ac.fis {
    background-image: url(/assets/40ede400d2b77e9c573b.svg);
}
.fi-sh-hl {
    background-image: url(/assets/0e216f1ae201988c57c0.svg);
}
.fi-sh-hl.fis {
    background-image: url(/assets/b7c7cf30856bfaf28f35.svg);
}
.fi-sh-ta {
    background-image: url(/assets/63ed20e726909cbb33b2.svg);
}
.fi-sh-ta.fis {
    background-image: url(/assets/313be25910b1f22cc4e8.svg);
}
.fi-un {
    background-image: url(/assets/59626118150774702f9f.svg);
}
.fi-un.fis {
    background-image: url(/assets/61c437d90a5a5757d696.svg);
}
.fi-xk {
    background-image: url(/assets/574f9c5bed5f12b51e1f.svg);
}
.fi-xk.fis {
    background-image: url(/assets/2e923b4cb7449d257190.svg);
}
#productList,
#productList * {
    overflow: visible;
}
#product-content {
    margin-top: 30px;
}
#product-content .content {
    display: flex;
    justify-content: space-between;
}
#product-content .title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 16px;
}
#product-content .left-nav {
    background-color: #f6f8fc;
    color: #333;
    padding: 16px 0;
    width: 310px;
}
#product-content .product-data {
    position: relative;
    width: 1284px;
}
#product-content .left-nav-title {
    display: block;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 10px;
    padding-left: 16px;
}
#product-content .left-nav-list {
    height: 100vh;
    overflow-y: auto;
    position: sticky;
    top: 0;
}
#product-content .left-nav-list::-webkit-scrollbar {
    background-color: #f5f5f5;
    height: 8px;
    width: 8px;
}
#product-content .left-nav-list::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#product-content .left-nav-list::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#product-content .left-nav-list > a {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 14px;
    height: 34px;
    padding-left: 16px;
}
#product-content .left-nav-list > a:hover {
    background-color: #f6f8fc;
    border-left: 1px solid #4066b8;
    color: #4066b8;
    padding-left: 15px;
}
#product-content .product-data-item {
    background-color: #f6f8fc;
    margin-bottom: 16px;
    padding: 0 20px 20px;
}
#product-content .product-data-item .name {
    border-bottom: 1px solid #d4d4d4;
    color: #333;
    display: block;
    font-weight: 700;
    padding: 15px 30px 15px 0;
    position: relative;
}
#product-content .product-data-item .children {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#product-content .product-data-item .children > a {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    margin-top: 16px;
    padding-right: 10px;
    width: 50%;
}
#product-content .product-data-item .children > a span,
#product-content .product-data-item .children > a:hover {
    color: #4066b8;
}
@media (max-width: 991px) {
    #product-content #productList #product-content {
        padding: 0 10px;
    }
    #product-content .left-nav {
        display: none;
    }
    #product-content .product-data-item .children {
        flex-direction: column;
    }
    #product-content .product-data-item .children > a {
        width: 100%;
    }
}