@charset "UTF-8";.site-footer[data-v-6c37a755] {
    height: 3.01333rem;
    background-color: #f5f5f5;
    font-size: .18667rem
}

@media (max-width: 626px) {
    .site-footer[data-v-6c37a755] {
        height:auto
    }
}

.site-footer .footer-container[data-v-6c37a755] {
    width: 16rem;
    margin: 0 auto;
    display: flex;
    height: 100%
}

@media (max-width: 626px) {
    .site-footer .footer-container[data-v-6c37a755] {
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.site-footer .footer-container .left-img[data-v-6c37a755] {
    display: flex;
    align-items: center;
    margin-right: 1.33333rem
}

@media (max-width: 626px) {
    .site-footer .footer-container .left-img[data-v-6c37a755] {
        margin:.13333rem 0
    }
}

.site-footer .footer-container .left-img img[data-v-6c37a755] {
    width: 6.66667rem;
    height: 1.73333rem
}

@media (max-width: 626px) {
    .site-footer .footer-container .left-img img[data-v-6c37a755] {
        width:7.2rem
    }
}

.site-footer .footer-container .right-content[data-v-6c37a755] {
    display: flex;
    align-items: center;
    font-size: .16rem;
    line-height: .32rem
}

@media (max-width: 626px) {
    .site-footer .footer-container .right-content[data-v-6c37a755] {
        margin:.13333rem 0 .13333rem .8rem
    }
}

.site-footer .footer-container .right-content .l[data-v-6c37a755] {
    float: left;
    width: 5.33333rem;
    height: 1.65333rem
}

.site-footer .footer-container .right-content .l strong[data-v-6c37a755] {
    width: 5.2rem;
    color: #254e7a;
    font-size: .37333rem;
    margin-bottom: .13333rem;
    float: left
}

.site-footer .footer-container .right-content .l span[data-v-6c37a755] {
    float: left;
    width: 2.53333rem
}

.site-footer .footer-container .right-content .l .address[data-v-6c37a755] {
    width: 4.8rem
}

.site-footer .footer-container .right-content .r[data-v-6c37a755] {
    float: right;
    width: 2.86667rem;
    height: 1.65333rem
}

.site-footer .footer-container .right-content .r strong[data-v-6c37a755] {
    color: #254e7a;
    font-size: .37333rem;
    margin-bottom: .13333rem;
    float: left;
    width: 5.2rem
}

.site-footer .footer-container .right-content .r .icp[data-v-6c37a755] {
    cursor: pointer
}

.site-footer .footer-container .right-content .r .icp[data-v-6c37a755]:hover {
    text-decoration: underline;
    color: #1890ff
}

.site-footer .footer-container span[data-v-6c37a755] {
    font-size: .16rem;
    color: #666
}

.page-container.with-sidebar[data-v-f408065d] {
    max-width: 16.73333rem;
    margin: 0 auto;
    display: flex;
    gap: .26667rem;
    padding: 0 .2rem;
    min-height: 8.66667rem
}

.page-container .sidebar-container[data-v-f408065d] {
    width: 3.2rem;
    flex-shrink: 0;
    margin-right: .06667rem;
    height: auto;
    position: sticky;
    top: 1.33333rem
}

.page-container .content-container[data-v-f408065d] {
    flex: 1;
    min-width: 0;
    display: flex;
    background-color: transparent
}

.breadcrumb-container[data-v-00b23f1c] {
    background-color: #fff;
    padding: .2rem .26667rem;
    border-bottom: .01333rem solid #E5E5E5;
    box-shadow: 0 .01333rem .05333rem #0000000d;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.breadcrumb-container .current-page-title[data-v-00b23f1c] {
    font-size: .24rem;
    font-weight: 600;
    color: #4682b4;
    position: relative;
    padding-left: .2rem
}

.breadcrumb-container .current-page-title[data-v-00b23f1c]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: .05333rem;
    height: .24rem;
    background-color: #4682b4;
    border-radius: .02667rem
}

.breadcrumb-container .breadcrumb-path[data-v-00b23f1c] {
    font-size: .18667rem;
    color: #666;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.breadcrumb-container .breadcrumb-path .breadcrumb-item[data-v-00b23f1c] {
    color: #4682b4;
    text-decoration: none;
    transition: color .2s
}

.breadcrumb-container .breadcrumb-path .breadcrumb-item[data-v-00b23f1c]:hover {
    color: #38678f;
    text-decoration: underline
}

.breadcrumb-container .breadcrumb-path .breadcrumb-item.current[data-v-00b23f1c] {
    color: #999;
    cursor: default
}

.breadcrumb-container .breadcrumb-path .separator[data-v-00b23f1c] {
    margin: 0 .10667rem;
    color: #999
}

.side-navigation[data-v-88b54101] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: .10667rem;
    box-shadow: 0 .02667rem .16rem #00000014;
    overflow: hidden
}

.side-navigation .nav-title[data-v-88b54101] {
    padding: .24rem .26667rem;
    background-color: #4682b4;
    position: relative;
    box-shadow: 0 .02667rem .05333rem #0000001a;
    z-index: 2
}

.side-navigation .nav-title .title-text[data-v-88b54101] {
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-left: .16rem;
    display: block
}

.side-navigation .nav-title .title-text[data-v-88b54101]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .05333rem;
    height: .24rem;
    background-color: #aa8b70;
    border-radius: .02667rem
}

.side-navigation .nav-menu[data-v-88b54101] {
    list-style: none;
    padding: .13333rem 0;
    margin: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.side-navigation .nav-menu .nav-item[data-v-88b54101] {
    position: relative;
    padding: .18667rem .26667rem;
    font-size: .2rem;
    color: #333;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    overflow: hidden;
    display: flex;
    align-items: center
}

.side-navigation .nav-menu .nav-item .nav-indicator[data-v-88b54101] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .04rem;
    background-color: transparent;
    transition: background-color .3s
}

.side-navigation .nav-menu .nav-item .nav-label[data-v-88b54101] {
    position: relative;
    z-index: 1;
    transition: transform .2s,color .3s
}

.side-navigation .nav-menu .nav-item[data-v-88b54101]:hover {
    color: #4682b4;
    background-color: #4682b40d
}

.side-navigation .nav-menu .nav-item:hover .nav-label[data-v-88b54101] {
    transform: translate(.04rem)
}

.side-navigation .nav-menu .nav-item.active[data-v-88b54101] {
    color: #4682b4;
    background-color: #4682b40d;
    font-weight: 500
}

.side-navigation .nav-menu .nav-item.active .nav-indicator[data-v-88b54101] {
    background-color: #4682b4
}

.side-navigation .nav-menu .nav-item.active[data-v-88b54101]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .04rem;
    background-color: #4682b433
}

@media (max-width: 768px) {
    .side-navigation[data-v-88b54101] {
        border-radius:.08rem
    }

    .side-navigation .nav-title[data-v-88b54101] {
        padding: .2rem
    }

    .side-navigation .nav-title .title-text[data-v-88b54101] {
        font-size: .21333rem
    }

    .side-navigation .nav-menu .nav-item[data-v-88b54101] {
        padding: .16rem .2rem;
        font-size: .18667rem
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.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-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 16rem
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 16rem
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.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-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: .01333rem;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: .01333rem;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

.swiper-lazy-preloader {
    width: .56rem;
    height: .56rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.28rem;
    margin-top: -.28rem;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: .05333rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: .58667rem
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0 - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

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

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none!important
}

.swiper-button-prev svg,.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

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

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

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

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

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

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: .10667rem
}

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

.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: translate(-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: .2s transform,.2s left
}

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.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-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

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

.swiper-pagination-lock {
    display: none
}

.banner[data-v-2b6a4903] {
    width: 100%;
    padding-top: .13333rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

.banner .swiper[data-v-2b6a4903] {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin: .26667rem 0;
    overflow: hidden
}

.current-swiper[data-v-2b6a4903] {
    max-width: 16.13333rem;
    width: 100%;
    height: 6.13333rem;
    border-radius: .06667rem;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    overflow: hidden;
    transition: all .3s ease;
    cursor: grab
}

.current-swiper[data-v-2b6a4903]:active {
    cursor: grabbing
}

.left-swiper[data-v-2b6a4903],.right-swiper[data-v-2b6a4903] {
    position: absolute;
    top: 0;
    z-index: 9999;
    max-width: 16.13333rem;
    width: 100%;
    height: 6.13333rem;
    border-radius: .06667rem;
    overflow: hidden;
    transition: all .3s ease;
    pointer-events: none
}

.left-swiper[data-v-2b6a4903] {
    right: 52%;
    transform: translate(-50%);
    transform-origin: right center
}

.right-swiper[data-v-2b6a4903] {
    left: 52%;
    transform: translate(50%);
    transform-origin: left center
}

.nocurrent-swiper[data-v-2b6a4903]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffffbf;
    z-index: 99;
    -webkit-backdrop-filter: blur(.01333rem);
    backdrop-filter: blur(.01333rem);
    transition: opacity .3s ease
}

.is-sliding .nocurrent-swiper[data-v-2b6a4903]:before {
    opacity: .5
}

.left-swiper[data-v-2b6a4903]:after {
    right: .13333rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center
}

.right-swiper[data-v-2b6a4903]:after {
    left: .13333rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center
}

.is-sliding .left-swiper[data-v-2b6a4903]:after,.is-sliding .right-swiper[data-v-2b6a4903]:after {
    opacity: 1
}

.swiper-slide[data-v-2b6a4903] {
    background-color: #fff;
    position: relative;
    height: 100%;
    transition: transform .5s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.slide-image[data-v-2b6a4903] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .5s ease
}

.current-swiper .swiper-slide:hover .slide-image[data-v-2b6a4903] {
    transform: scale(1.02)
}

.swiper-button-prev[data-v-2b6a4903],.swiper-button-next[data-v-2b6a4903] {
    width: .61333rem;
    height: .61333rem;
    z-index: 100;
    border-radius: 50%;
    background-color: #ffffffb3;
    box-shadow: 0 .02667rem .13333rem #0000001a;
    transition: all .3s ease
}

.swiper-button-prev[data-v-2b6a4903] {
    left: .4rem
}

.swiper-button-next[data-v-2b6a4903] {
    right: .4rem
}

.swiper-button-prev[data-v-2b6a4903]:hover,.swiper-button-next[data-v-2b6a4903]:hover {
    background-color: #fffffff2;
    box-shadow: 0 .06667rem .2rem #00000026;
    transform: scale(1.05)
}

.swiper-button-prev[data-v-2b6a4903]:after,.swiper-button-next[data-v-2b6a4903]:after {
    font-size: .26667rem;
    color: #333;
    font-weight: 700
}

@media (max-width: 1024px) {
    .current-swiper[data-v-2b6a4903],.left-swiper[data-v-2b6a4903],.right-swiper[data-v-2b6a4903] {
        height:5.33333rem
    }
}

@media (max-width: 768px) {
    .current-swiper[data-v-2b6a4903],.left-swiper[data-v-2b6a4903],.right-swiper[data-v-2b6a4903] {
        height:4.66667rem
    }
}

@media (max-width: 618px) {
    .banner[data-v-2b6a4903] {
        height:auto
    }

    .banner .swiper[data-v-2b6a4903] {
        width: 100%;
        height: 100%;
        margin: 0 auto
    }

    .current-swiper[data-v-2b6a4903],.left-swiper[data-v-2b6a4903],.right-swiper[data-v-2b6a4903] {
        max-width: 8.66667rem;
        width: 100%;
        height: 6.13333rem
    }
}

.swiper-pagination[data-v-2b6a4903] {
    position: absolute;
    bottom: .2rem;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 100
}

.swiper-pagination-bullet[data-v-2b6a4903] {
    width: .10667rem;
    height: .10667rem;
    display: inline-block;
    border-radius: 50%;
    background: #ffffff80;
    margin: 0 .05333rem;
    opacity: .8;
    cursor: pointer
}

.swiper-pagination-bullet-active[data-v-2b6a4903] {
    opacity: 1;
    background: #fff;
    width: .13333rem;
    height: .13333rem
}

.site-header[data-v-861c7bb2] {
    background-color: #4682b4;
    color: #fff!important;
    height: .8rem;
    position: relative;
    z-index: 1000;
    box-shadow: 0 .02667rem .10667rem #00000026
}

.site-header .header-container[data-v-861c7bb2] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    margin: 0 auto
}

.site-header .header-container[data-v-861c7bb2] .main-menu {
    border-bottom: none!important;
    background-color: transparent!important;
    display: flex;
    justify-content: center;
    width: 90%;
    line-height: .77333rem
}

.custom-menu[data-v-861c7bb2] .ant-menu-item,.custom-menu[data-v-861c7bb2] .ant-menu-submenu {
    color: #ffffffe6!important;
    font-size: .24rem;
    font-family: 思源黑体,sans-serif;
    padding: 0 .24rem;
    margin: 0 .02667rem;
    border-bottom: none!important
}

.custom-menu[data-v-861c7bb2] .ant-menu-item:after,.custom-menu[data-v-861c7bb2] .ant-menu-submenu:after {
    display: none!important
}

.custom-menu[data-v-861c7bb2] .ant-menu-item:before,.custom-menu[data-v-861c7bb2] .ant-menu-submenu:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .04rem;
    background-color: #fff13b4d;
    transform: scaleX(0);
    opacity: 0;
    transition: transform .3s,opacity .3s
}

/* .custom-menu[data-v-861c7bb2] .ant-menu-item:hover,.custom-menu[data-v-861c7bb2] .ant-menu-submenu:hover {
    color: #fff!important;
    background-color: #ffffff26!important
} */

.custom-menu[data-v-861c7bb2] .ant-menu-item-selected,.custom-menu[data-v-861c7bb2] .ant-menu-submenu-selected,.custom-menu[data-v-861c7bb2] .top-menu-active {
    color: #fff!important;
    font-weight: 600!important;
    background-color: #ffffff26!important
}

.custom-menu[data-v-861c7bb2] .ant-menu-item-selected:before,.custom-menu[data-v-861c7bb2] .ant-menu-submenu-selected:before,.custom-menu[data-v-861c7bb2] .top-menu-active:before {
    background-color: #ffeb3b!important;
    transform: scaleX(1)!important;
    opacity: 1!important
}

[data-v-861c7bb2] .active-submenu-item {
    color: #4682b4!important;
    background-color: #4682b41a!important
}

[data-v-861c7bb2] .active-submenu-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .04rem;
    background-color: #4682b4!important;
    transform: scaleY(1)!important;
    opacity: 1!important
}

[data-v-861c7bb2] .top-menu-active {
    color: #fff!important;
    font-weight: 600!important;
    background-color: #ffffff26!important
}

[data-v-861c7bb2] .top-menu-active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .04rem;
    background-color: #ffeb3b!important;
    transform: scaleX(1)!important;
    opacity: 1!important
}

.logo-search[data-v-2d870948] {
    width: 100%;
    padding: .2rem 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.logo-search .logo-area[data-v-2d870948] {
    display: flex;
    align-items: center
}

.logo-search .logo-area img[data-v-2d870948] {
    width: 5.84rem;
    height: 2.05333rem;
    object-fit: contain
}

.logo-search .search-area[data-v-2d870948] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: .26667rem
}

.logo-search .search-area .search-box[data-v-2d870948] {
    display: flex;
    width: 5.33333rem;
    height: .56rem;
    border: .01333rem solid #E0E0E0;
    border-radius: .05333rem;
    overflow: hidden;
    transition: box-shadow .3s ease
}

.logo-search .search-area .search-box[data-v-2d870948]:hover,.logo-search .search-area .search-box[data-v-2d870948]:focus-within {
    box-shadow: 0 0 0 .02667rem #4682b41a;
    border-color: #4682b4
}

.logo-search .search-area .search-box input[data-v-2d870948] {
    flex: 1;
    height: 100%;
    padding: 0 .2rem;
    border: none;
    outline: none;
    font-size: .18667rem;
    color: #333
}

.logo-search .search-area .search-box input[data-v-2d870948]::placeholder {
    color: #999
}

.logo-search .search-area .search-box .search-btn[data-v-2d870948] {
    width: 1.06667rem;
    height: 100%;
    border: none;
    background-color: #4682b4;
    color: #fff;
    font-size: .18667rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s ease
}

.logo-search .search-area .search-box .search-btn[data-v-2d870948]:hover {
    background-color: #3a6d9a
}

.logo-search .search-area .search-box .search-btn .search-icon[data-v-2d870948] {
    display: inline-block;
    width: .21333rem;
    height: .21333rem;
    margin-right: .06667rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain
}

.logo-search .search-area .hot-keywords[data-v-2d870948] {
    margin-top: .13333rem;
    font-size: .16rem;
    color: #666
}

.logo-search .search-area .hot-keywords span[data-v-2d870948] {
    margin-right: .06667rem
}

.logo-search .search-area .hot-keywords a[data-v-2d870948] {
    color: #666;
    margin-right: .13333rem;
    text-decoration: none;
    transition: color .2s ease
}

.logo-search .search-area .hot-keywords a[data-v-2d870948]:hover {
    color: #4682b4;
    text-decoration: underline
}

.logo-search .search-area .hot-keywords a[data-v-2d870948]:last-child {
    margin-right: 0
}

.main-layout[data-v-f8399efa] {
    min-height: 100vh;
    overflow: hidden
}

.main-layout.home-page[data-v-f8399efa] {
    background-color: #fff
}

.main-layout.sub-page[data-v-f8399efa] {
    background-color: #e6e8ed
}

.main-layout .fixed-header[data-v-f8399efa] {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff
}

.main-layout .main-content[data-v-f8399efa] {
    flex: 1;
    padding: .2rem 0 .4rem;
    position: relative
}

.main-layout .main-content[data-v-f8399efa] .page-container.with-sidebar {
    display: flex;
    background: #e6e8ed
}

.main-layout .main-content[data-v-f8399efa] .page-container.with-sidebar .sidebar-container,.main-layout .main-content[data-v-f8399efa] .page-container.with-sidebar .content-container {
    background-color: transparent
}

.main-layout .main-content[data-v-f8399efa] .page-container .right-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.main-layout .main-content[data-v-f8399efa] .page-container .right-content .breadcrumb-wrapper {
    margin-bottom: .2rem;
    background-color: #fff;
    border-radius: .05333rem;
    box-shadow: 0 .01333rem .02667rem #0000000d;
    padding: 0
}

.main-layout .main-content .router-view-container[data-v-f8399efa] {
    background-color: #fff;
    border-radius: .05333rem;
    box-shadow: 0 .01333rem .02667rem #0000000d;
    flex: 1
}

.main-layout .main-content .home-page-padding[data-v-f8399efa] {
    padding: 0
}

.main-layout .main-content .sub-page-padding[data-v-f8399efa] {
    padding: .26667rem
}

.fade-enter-active[data-v-f8399efa],.fade-leave-active[data-v-f8399efa] {
    transition: opacity .25s ease
}

.fade-enter-from[data-v-f8399efa],.fade-leave-to[data-v-f8399efa] {
    opacity: 0
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html,body {
    height: 100%
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

img,picture,video,canvas,svg {
    display: block;
    max-width: 100%
}

input,button,textarea,select {
    font: inherit
}

p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word
}

ul,ol {
    list-style: none
}

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

button {
    background: none;
    border: none;
    cursor: pointer
}

html {
    font-size: .21333rem;
    scroll-behavior: smooth;
    height: auto
}

body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    background-color: #fff;
    line-height: 1.5;
    position: relative
}

* {
    box-sizing: border-box
}

a {
    text-decoration: none;
    transition: color .3s
}

a:hover {
    color: #0076e4
}

img {
    max-width: 100%;
    height: auto;
    cursor: pointer
}

@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        padding:0 1.5rem
    }
}

@media (min-width: 1200px) {
    .container {
        padding:0 2rem
    }
}

.d-none {
    display: none!important
}

.d-block {
    display: block!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

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

.m-xs {
    margin: .25rem!important
}

.mt-xs {
    margin-top: .25rem!important
}

.mr-xs {
    margin-right: .25rem!important
}

.mb-xs {
    margin-bottom: .25rem!important
}

.ml-xs {
    margin-left: .25rem!important
}

.p-xs {
    padding: .25rem!important
}

.pt-xs {
    padding-top: .25rem!important
}

.pr-xs {
    padding-right: .25rem!important
}

.pb-xs {
    padding-bottom: .25rem!important
}

.pl-xs {
    padding-left: .25rem!important
}

.m-sm {
    margin: .5rem!important
}

.mt-sm {
    margin-top: .5rem!important
}

.mr-sm {
    margin-right: .5rem!important
}

.mb-sm {
    margin-bottom: .5rem!important
}

.ml-sm {
    margin-left: .5rem!important
}

.p-sm {
    padding: .5rem!important
}

.pt-sm {
    padding-top: .5rem!important
}

.pr-sm {
    padding-right: .5rem!important
}

.pb-sm {
    padding-bottom: .5rem!important
}

.pl-sm {
    padding-left: .5rem!important
}

.m-md {
    margin: 1rem!important
}

.mt-md {
    margin-top: 1rem!important
}

.mr-md {
    margin-right: 1rem!important
}

.mb-md {
    margin-bottom: 1rem!important
}

.ml-md {
    margin-left: 1rem!important
}

.p-md {
    padding: 1rem!important
}

.pt-md {
    padding-top: 1rem!important
}

.pr-md {
    padding-right: 1rem!important
}

.pb-md {
    padding-bottom: 1rem!important
}

.pl-md {
    padding-left: 1rem!important
}

.m-lg {
    margin: 1.5rem!important
}

.mt-lg {
    margin-top: 1.5rem!important
}

.mr-lg {
    margin-right: 1.5rem!important
}

.mb-lg {
    margin-bottom: 1.5rem!important
}

.ml-lg {
    margin-left: 1.5rem!important
}

.p-lg {
    padding: 1.5rem!important
}

.pt-lg {
    padding-top: 1.5rem!important
}

.pr-lg {
    padding-right: 1.5rem!important
}

.pb-lg {
    padding-bottom: 1.5rem!important
}

.pl-lg {
    padding-left: 1.5rem!important
}

.m-xl {
    margin: 2rem!important
}

.mt-xl {
    margin-top: 2rem!important
}

.mr-xl {
    margin-right: 2rem!important
}

.mb-xl {
    margin-bottom: 2rem!important
}

.ml-xl {
    margin-left: 2rem!important
}

.p-xl {
    padding: 2rem!important
}

.pt-xl {
    padding-top: 2rem!important
}

.pr-xl {
    padding-right: 2rem!important
}

.pb-xl {
    padding-bottom: 2rem!important
}

.pl-xl {
    padding-left: 2rem!important
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.3
}

h1 {
    font-size: 2rem
}

@media (max-width: 767px) {
    h1 {
        font-size:1.5rem
    }
}

h2 {
    font-size: 1.5rem
}

@media (max-width: 767px) {
    h2 {
        font-size:1.25rem
    }
}

h3 {
    font-size: 1.25rem
}

@media (max-width: 767px) {
    h3 {
        font-size:1.125rem
    }
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1rem
}

h6 {
    font-size: .875rem
}

p {
    margin-top: 0;
    line-height: 1.6
}

small {
    font-size: .875rem
}

strong,b {
    font-weight: 600
}

blockquote {
    margin: 1rem 0;
    padding: 1rem 1.5rem;
    border-left: .05333rem solid #1890ff;
    background-color: #1890ff0d;
    font-style: italic
}

blockquote p {
    margin-bottom: 0
}

code {
    padding: .02667rem .05333rem;
    background-color: #f5f5f5;
    border-radius: .02667rem;
    font-family: Consolas,Monaco,Andale Mono,monospace;
    font-size: .9em
}

ul,ol {
    margin-top: 0;
    padding-left: 1.5rem
}

ul li,ol li {
    margin-bottom: .25rem
}

hr {
    margin: 1.5rem 0;
    border: 0;
    border-top: .01333rem solid #e8e8e8
}

.btn {
    display: inline-block;
    padding: .5rem 1.5rem;
    border-radius: .05333rem;
    font-weight: 500;
    transition: all .3s;
    cursor: pointer;
    text-align: center;
    border: .01333rem solid transparent
}

.btn.btn-primary {
    background-color: #1890ff;
    color: #fff
}

.btn.btn-primary:hover {
    background-color: #0076e4
}

.btn.btn-primary:active {
    background-color: #0069cb
}

.btn.btn-primary:disabled {
    background-color: #7ec1ff;
    cursor: not-allowed
}

.btn.btn-secondary {
    background-color: #52c41a;
    color: #fff
}

.btn.btn-secondary:hover {
    background-color: #3f9714
}

.btn.btn-outline {
    background-color: transparent;
    border-color: #1890ff;
    color: #1890ff
}

.btn.btn-outline:hover {
    background-color: #1890ff;
    color: #fff
}

.btn.btn-link {
    background-color: transparent;
    color: #1890ff;
    padding: .25rem .5rem
}

.btn.btn-link:hover {
    text-decoration: underline
}

.btn.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem
}

.btn.btn-lg {
    padding: 1rem 2rem;
    font-size: 1.125rem
}

.btn.btn-block {
    display: block;
    width: 100%
}

.card {
    background-color: #fff;
    border-radius: .05333rem;
    box-shadow: 0 .01333rem .02667rem #0000000d;
    overflow: hidden
}

.card .card-header {
    padding: 1rem;
    border-bottom: .01333rem solid #e8e8e8
}

.card .card-header h3 {
    margin: 0
}

.card .card-body {
    padding: 1rem
}

.card .card-footer {
    padding: 1rem;
    border-top: .01333rem solid #e8e8e8
}

.form-group {
    margin-bottom: 1rem
}

.form-group label {
    display: block;
    margin-bottom: .25rem;
    font-weight: 500
}

.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=search],.form-group textarea,.form-group select {
    width: 100%;
    padding: .5rem;
    border: .01333rem solid #e8e8e8;
    border-radius: .02667rem;
    background-color: #fff;
    transition: border-color .3s
}

.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus,.form-group input[type=tel]:focus,.form-group input[type=url]:focus,.form-group input[type=search]:focus,.form-group textarea:focus,.form-group select:focus {
    outline: none;
    border-color: #1890ff;
    box-shadow: 0 0 0 .02667rem #1890ff33
}

.form-group input[type=text]:disabled,.form-group input[type=email]:disabled,.form-group input[type=password]:disabled,.form-group input[type=number]:disabled,.form-group input[type=tel]:disabled,.form-group input[type=url]:disabled,.form-group input[type=search]:disabled,.form-group textarea:disabled,.form-group select:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed
}

.form-group textarea {
    min-height: 1.33333rem;
    resize: vertical
}

.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333333' d='M6 8.825l-4.15-4.15a.75.75 0 0 1 1.06-1.06L6 6.705l3.09-3.09a.75.75 0 0 1 1.06 1.06L6 8.825z'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat
}

.form-group .form-text {
    display: block;
    margin-top: .25rem;
    font-size: .875rem;
    color: #999
}

.form-group .form-error {
    display: block;
    margin-top: .25rem;
    font-size: .875rem;
    color: #f5222d
}

.badge {
    display: inline-block;
    padding: .02667rem .10667rem;
    border-radius: .13333rem;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.4
}

.badge.badge-primary {
    background-color: #1890ff;
    color: #fff
}

.badge.badge-secondary,.badge.badge-success {
    background-color: #52c41a;
    color: #fff
}

.badge.badge-warning {
    background-color: #faad14;
    color: #fff
}

.badge.badge-error {
    background-color: #f5222d;
    color: #fff
}

.alert {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: .05333rem;
    border: .01333rem solid transparent
}

.alert.alert-info {
    background-color: #1890ff1a;
    border-color: #1890ff4d;
    color: #005cb1
}

.alert.alert-success {
    background-color: #52c41a1a;
    border-color: #52c41a4d;
    color: #2c6a0e
}

.alert.alert-warning {
    background-color: #faad141a;
    border-color: #faad144d;
    color: #a56f04
}

.alert.alert-error {
    background-color: #f5222d1a;
    border-color: #f5222d4d;
    color: #a90810
}

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

.scrolled {
    scroll-behavior: auto!important
}

.fullscreen-container {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.mb-sm {
    margin-bottom: .5rem
}

.mb-md {
    margin-bottom: 1rem
}

.mb-lg {
    margin-bottom: 1.5rem
}

.mt-sm {
    margin-top: .5rem
}

.mt-md {
    margin-top: 1rem
}

.mt-lg {
    margin-top: 1.5rem
}

html,body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .21333rem;
    color: #333;
    background-color: #fff;
    line-height: 1.5
}

.container {
    width: 100%;
    max-width: 16rem;
    margin: 0 auto;
    padding: 0 1rem
}

@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        padding:0 2rem
    }
}

@media (min-width: 1200px) {
    .container {
        padding:0 3rem
    }
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease
}

.fade-enter-from,.fade-leave-to {
    opacity: 0
}