/*! sanitize.css v7.0.2 | CC0 License | github.com/csstools/sanitize.css */
*,:after,:before {
    background-repeat: no-repeat
}

:after,:before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    cursor: default;
    font-family: PingFang SC,Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",Microsoft Yahei,tahoma,arial,"\5B8B\4F53";
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-break: break-word
}

main {
    display: block
}

nav ol,nav ul {
    list-style: none
}

code,kbd,pre,samp {
    font-family: Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

svg {
    fill: currentColor
}

table {
    border-collapse: collapse
}

button,input,select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

fieldset {
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

select {
    text-transform: none
}

textarea {
    margin: 0
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

details,dialog {
    display: block
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

dialog:not([open]),template {
    display: none
}

[tabindex],a,area,button,input,label,select,summary,textarea {
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled],[disabled] {
    cursor: disabled
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0,0,0,0);
    display: inherit;
    position: absolute
}

.swiper.swiper-container-vertical .swiper-pagination-bullets {
    left: 40px;
    right: auto
}

html {
    font-size: 12px;
    scroll-behavior: smooth
}

p {
    margin: 0 0 1.2rem
}

h1,h2,h3,h4,h5,h6 {
    color: inherit;
    font-family: inherit;
    line-height: inherit
}

h1 {
    font-size: 2rem;
    margin: 1.2rem 0
}

h1,h2 {
    font-weight: 500
}

h2 {
    font-size: 1.75rem;
    margin: 1.5rem 0 1.2rem
}

h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 1.2rem 0 4px
}

h4 {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 8px 0 4px
}

h5 {
    font-size: 1rem
}

h5,h6 {
    font-weight: 600;
    margin: 1.2rem 0 4px
}

h6 {
    color: var(--text-secondary);
    font-size: .85rem
}

ol li,ul li {
    list-style: none
}

a {
    color: var(--primary-color)
}

a:focus,a:hover {
    color: var(--primary-opacity-7-color)
}

@font-face {
    font-family: specialSymbol;
    src: local("PingFang SC"),local("Microsoft Yahei");
    unicode-range: U+02c2,U+02c3,U+003c,U+003e,U+3009
}

::selection {
    background: #0063ff;
    color: var(--text-reversal)
}

::-moz-selection {
    background: #0063ff;
    color: var(--text-reversal)
}

::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    background: hsla(0,0%,100%,.6)
}

::-webkit-scrollbar-track {
    border-radius: 0
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(95,95,95,.4);
    -webkit-transition: background-color .15s;
    transition: background-color .15s
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(95,95,95,.7)
}

[v-cloak] {
    display: none!important
}

* {
    outline: none;
    box-shadow: none;
    border-radius: 0
}

input::-moz-placeholder {
    text-indent: .4rem;
    font-size: 10.8px
}

input:-ms-input-placeholder {
    text-indent: .4rem;
    font-size: 10.8px
}

input::placeholder {
    text-indent: .4rem;
    font-size: 10.8px
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #e6e6e6
}

a {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.checkbox,.radio {
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}

.slide-up-enter-active,.slide-up-leave-active {
    transition: all .4s cubic-bezier(0,1.2,1,.5);
    opacity: .7;
    transform: translate3d(0,4em,0)
}

.slide-up-enter,.slide-up-leave-active {
    opacity: .3;
    transform: translate3d(0,4em,0)
}

.slide-left-enter-active,.slide-left-leave-active {
    transition: all .2s cubic-bezier(0,1.2,1,.5);
    opacity: .5;
    transform: translate3d(2em,0,0)
}

.slide-left-enter,.slide-left-leave-active {
    opacity: .3;
    transform: translate3d(2em,0,0)
}

.slide-right-enter-active,.slide-right-leave-active {
    transition: all .4s cubic-bezier(0,1.2,1,.5);
    opacity: .5;
    transform: translate3d(5em,0,0)
}

.slide-right-enter,.slide-right-leave-active {
    opacity: .3;
    transform: translate3d(5em,0,0)
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .25s
}

.fade-enter,.fade-leave-active {
    opacity: 0
}

.fade-move {
    transition: transform .25s
}

.page-enter-active,.page-leave-active {
    transition: opacity .25s
}

.page-enter,.page-leave-active {
    opacity: 0
}

.module-enter-active,.module-leave-active {
    transition: opacity .25s
}

.module-enter,.module-leave-active {
    opacity: 0
}

.aside-enter-active {
    transition: opacity .25s cubic-bezier(1,-1.17,1,-1.17)
}

.aside-leave-active {
    transition: opacity 0s
}

.aside-enter,.aside-leave-active {
    opacity: 0
}

code[class*=language-],pre[class*=language-] {
    color: #000;
    background: none;
    text-shadow: 0 1px #fff;
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class*=language-],pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.token.namespace {
    opacity: .7
}

.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag {
    color: #905
}

.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
    color: #690
}

.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url {
    color: #9a6e3a;
    background: hsla(0,0%,100%,.5)
}

.token.atrule,.token.attr-value,.token.keyword {
    color: #07a
}

.token.class-name,.token.function {
    color: #dd4a68
}

.token.important,.token.regex,.token.variable {
    color: #e90
}

.token.bold,.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.cat-sub-menu {
    position: absolute;
    margin: 0 auto;
    transition: none
}

.cat-sub-menu .menu-dropdown-warp {
    overflow: hidden;
    opacity: 0;
    height: 0;
    max-height: 0;
    transition: max-height .39s ease-in-out,opacity .25s ease-in-out
}

.cat-sub-menu .menu-dropdown-warp.menu-show {
    position: relative;
    height: auto;
    line-height: 0;
    width: 1200px;
    max-height: 578px;
    background: #f9faff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.03);
    border: 2px solid #ebf0fc;
    border-bottom: none;
    opacity: 1;
    transition: max-height .39s ease-in-out,opacity .25s ease-in-out
}

.cat-sub-menu .menu-dropdown-inner {
    cursor: default;
    padding: 30px 40px
}

.cat-sub-menu.hide .menu-show {
    border: none
}

.cat-sub-menu.hide .menu-dropdown-inner {
    padding: 0
}

.cat-menu-box .menu-item-title {
    color: #3860f4!important
}

.cat-menu-box ul .nav-menu-item,.cat-menu-box ul li {
    margin-top: 15px;
    width: 190px;
    margin-right: 28px;
    color: #334164!important;
    height: auto
}

.cat-menu-box ul .nav-menu-item :last-of-type,.cat-menu-box ul .nav-menu-item :nth-of-type(4n) {
    margin-right: 0
}

.cat-menu-box ul .nav-menu-item h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #ebf0fd;
    margin-bottom: 13px
}

.cat-menu-box ul .nav-menu-item a {
    display: block;
    font-size: 14px;
    line-height: 2em
}

.cat-menu-box {
    width: 100%;
    line-height: 1
}

.cat-menu-box .menu-item-title {
    color: var(--primary-color);
    padding: 0;
    font-size: 16px
}

.cat-menu-box .menu-item-title :before {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 5px;
    transform: translateY(-75%);
    background-color: #fff;
    background-image: linear-gradient(180deg,#fff,#3860f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fff",endColorStr="#3860F4")
}

.cat-menu-box ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.cat-menu-box ul>li :last-of-type,.cat-menu-box ul>li :nth-of-type(3n) {
    margin-right: 0
}

.cat-menu-box ul>li h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0;
    border-bottom: 1px solid #ebf0fd;
    margin-bottom: 13px
}

.cat-menu-box ul>li .menu-item-imgs {
    margin: 15px 0
}

.cat-menu-box ul>li .menu-item-imgs>a>img {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    margin-right: 20px;
    box-shadow: 0 0 6px 1px rgba(56,96,244,.15)
}

.cat-menu-box ul>li .menu-item-imgs>a>span {
    font-size: 14px
}

.arrow {
    position: absolute;
    display: inline-block;
    top: 100px;
    left: 100px;
    height: 3px;
    width: 10px;
    padding-left: 30px;
    background: red;
    line-height: 40px
}

.arrow :before {
    content: "";
    position: absolute;
    top: -3px;
    right: -1px;
    width: 7px;
    height: 7px;
    border-top: 2px solid red;
    border-right: 2px solid red;
    transform: rotate(45deg)
}