.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 {
    display: flex;
    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;
    -webkit-transition: max-height .39s ease-in-out,opacity .25s ease-in-out;
    -moz-transition: max-height .39s ease-in-out,opacity .25s ease-in-out;
    -ms-transition: max-height .39s ease-in-out,opacity .25s ease-in-out;
    -o-transition: max-height .39s ease-in-out,opacity .25s ease-in-out;
}
.chanpin {
    display:inline-block;
    text-align:center;
    width:299px;
    height:67px;
    position:relative;
    border-bottom:2px solid transparent;
    padding:23px 0 14px;
    box-sizing:content-box;
    overflow:hidden;
    background:#f9faff;
    border-bottom:2px solid #ebf0fc;
    transition:all .2s
}
.chanpin:after {
    content:"";
    position:absolute;
    right:0;
    bottom:16px;
    height:72px;
    width:1px;
    background-color:#ebf0fc
}
.chanpin:hover {
    background:#fff
}
.chanpin:last-of-type:after {
    content:none
}
.chanpinTitle {
    position:relative;
    font-size:16px;
    font-weight:700;
    vertical-align:middle;
    color:#374567!important;
    line-height:32px
}
.chanpin:hover .chanpinTitle {
    color:#3860f4!important;
    transition:all .2s
}
.chanpinContent {
    font-size:14px;
    color:#7a8ba6!important;
    line-height:32px;
    height:32px;
    overflow:hidden
}
.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)
}

.layout-header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    background: transparent;
}

.layout-header .head-box {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100rem;
    height: 6.66667rem
}

.layout-header .head-box .head-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%
}

.layout-header .head-box .head-left .nav-item {
    margin: 0;
    margin-left: 35px;
    display: inline-block;
  
}

.layout-header .head-box .head-left .nav-item>li {
    width: auto;
    line-height: 6.66667rem;
    font-size: 16px;
    color: #374567;
    display: inline-block;
    padding: 0 15px;
    margin: 0 4px;
    cursor: pointer;
    z-index: 1
}

/* .layout-header .head-box .head-left .nav-item li :hover {
    color: var(--primary-color)
} */

.layout-header .head-box .head-left .nav-item>li>a {
    display: inline-block;
    color: #374567;
    height: 100%
}

.layout-header .head-box .head-right {
    height: 100%;
    display: flex;
    align-items: center
}

.layout-header .head-box .head-left .nav-item.nav-deep-color li,.layout-header .head-box .head-left>.nav-deep-color>li>a {
    color: hsla(0,0%,100%,.8)
}

.head-right .nav-deep-color>li>a,.head-right .nav-item.nav-deep-color li {
    color: hsla(0,0%,100%,.8)!important
}

.layout-header .head-box .head-right button+button {
    margin-left: 15px
}

.layout-header .head-box .head-right>div {
    display: flex;
    align-items: center
}

.layout-header .head-box .head-right>div>a,.layout-header .head-box .head-right>div>span {
    font-size: 16px;
    color: var(--primary-color);
    padding: 5px 20px 5px 0
}

.layout-header .head-box .head-right>.theme-white>a,.layout-header .head-box .head-right>.theme-white>span {
    color: #fff
}
/* 右侧按钮 */
.cat-btn {
    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:none;
    white-space:nowrap;
    line-height:1.5;
    -webkit-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
    padding:5px 15px 6px;
    font-size:14px;
    border-radius:4px;
    transition:color .2s linear, background-color .2s linear, border .2s linear, box-shadow .2s linear
}
.cat-btn, .cat-btn>span {
    vertical-align:middle;
    line-height:1em
}
.cat-btn, .cat-btn:active, .cat-btn:focus {
    outline:0
}
.cat-btn:not([disabled]):hover {
    text-decoration:none
}
.cat-btn:not([disabled]):active {
    outline:0
}
.cat-btn.disabled, .cat-btn[disabled] {
    cursor:not-allowed
}
.cat-btn.disabled>*, .cat-btn[disabled]>* {
    pointer-events:none
}
.cat-btn-large {
    padding:8px 23px;
    font-size:14px;
    border-radius:4px
}
.cat-btn-small {
    padding:1px 7px 2px;
    font-size:14px;
    border-radius:3px
}
.cat-btn-default {
    color:#515a6e;
    background:#fff;
    border:1px solid #fff
}
.cat-btn-default>a:only-child {
    color:currentColor
}
.cat-btn-default>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-default:hover {
    color:rgba(81, 90, 110, .8)
}
.cat-btn-default.active, .cat-btn-default:active {
    color:rgba(81, 90, 110, .95);
    background-color:hsla(0, 0%, 100%, .95);
    border-color:rgba(220, 222, 226, .95)
}
.cat-btn-default.disabled, .cat-btn-default.disabled.active, .cat-btn-default.disabled:active, .cat-btn-default.disabled:focus, .cat-btn-default.disabled:hover, .cat-btn-default[disabled], .cat-btn-default[disabled].active, .cat-btn-default[disabled]:active, .cat-btn-default[disabled]:focus, .cat-btn-default[disabled]:hover, fieldset[disabled] .cat-btn-default, fieldset[disabled] .cat-btn-default.active, fieldset[disabled] .cat-btn-default:active, fieldset[disabled] .cat-btn-default:focus, fieldset[disabled] .cat-btn-default:hover {
    color:#c5c8ce;
    background-color:#f7f7f7
}
.cat-btn-default.disabled.active>a:only-child, .cat-btn-default.disabled:active>a:only-child, .cat-btn-default.disabled:focus>a:only-child, .cat-btn-default.disabled:hover>a:only-child, .cat-btn-default.disabled>a:only-child, .cat-btn-default[disabled].active>a:only-child, .cat-btn-default[disabled]:active>a:only-child, .cat-btn-default[disabled]:focus>a:only-child, .cat-btn-default[disabled]:hover>a:only-child, .cat-btn-default[disabled]>a:only-child, fieldset[disabled] .cat-btn-default.active>a:only-child, fieldset[disabled] .cat-btn-default:active>a:only-child, fieldset[disabled] .cat-btn-default:focus>a:only-child, fieldset[disabled] .cat-btn-default:hover>a:only-child, fieldset[disabled] .cat-btn-default>a:only-child {
    color:currentColor
}
.cat-btn-default.disabled.active>a:only-child:after, .cat-btn-default.disabled:active>a:only-child:after, .cat-btn-default.disabled:focus>a:only-child:after, .cat-btn-default.disabled:hover>a:only-child:after, .cat-btn-default.disabled>a:only-child:after, .cat-btn-default[disabled].active>a:only-child:after, .cat-btn-default[disabled]:active>a:only-child:after, .cat-btn-default[disabled]:focus>a:only-child:after, .cat-btn-default[disabled]:hover>a:only-child:after, .cat-btn-default[disabled]>a:only-child:after, fieldset[disabled] .cat-btn-default.active>a:only-child:after, fieldset[disabled] .cat-btn-default:active>a:only-child:after, fieldset[disabled] .cat-btn-default:focus>a:only-child:after, fieldset[disabled] .cat-btn-default:hover>a:only-child:after, fieldset[disabled] .cat-btn-default>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-default:hover {
    color:rgba(56, 96, 244, .8);
    background-color:#fff
}
.cat-btn-default:hover>a:only-child {
    color:currentColor
}
.cat-btn-default:hover>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-default.active, .cat-btn-default:active {
    color:rgba(56, 96, 244, .95);
    background-color:#fff;
    border-color:rgba(56, 96, 244, .95)
}
.cat-btn-default.active>a:only-child, .cat-btn-default:active>a:only-child {
    color:currentColor
}
.cat-btn-default.active>a:only-child:after, .cat-btn-default:active>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-default:focus {
    box-shadow:0 0 0 2px rgba(56, 96, 244, .05)
}
.cat-btn-primary {
    color:#fff;
    background-color:#3860f4;
    border-color:#3860f4
}
.cat-btn-primary>a:only-child {
    color:currentColor
}
.cat-btn-primary>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-primary:hover {
    color:hsla(0, 0%, 100%, .8);
    background-color:rgba(56, 96, 244, .8);
    border-color:rgba(56, 96, 244, .8)
}
.cat-btn-primary:hover>a:only-child {
    color:currentColor
}
.cat-btn-primary:hover>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-primary.active, .cat-btn-primary:active {
    color:hsla(0, 0%, 100%, .95);
    background-color:rgba(56, 96, 244, .95);
    border-color:rgba(56, 96, 244, .95)
}
.cat-btn-primary.active>a:only-child, .cat-btn-primary:active>a:only-child {
    color:currentColor
}
.cat-btn-primary.active>a:only-child:after, .cat-btn-primary:active>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-primary.disabled, .cat-btn-primary.disabled.active, .cat-btn-primary.disabled:active, .cat-btn-primary.disabled:focus, .cat-btn-primary.disabled:hover, .cat-btn-primary[disabled], .cat-btn-primary[disabled].active, .cat-btn-primary[disabled]:active, .cat-btn-primary[disabled]:focus, .cat-btn-primary[disabled]:hover, fieldset[disabled] .cat-btn-primary, fieldset[disabled] .cat-btn-primary.active, fieldset[disabled] .cat-btn-primary:active, fieldset[disabled] .cat-btn-primary:focus, fieldset[disabled] .cat-btn-primary:hover {
    color:#c5c8ce;
    background-color:#f7f7f7;
    border-color:#dcdee2
}
.cat-btn-primary.disabled.active>a:only-child, .cat-btn-primary.disabled:active>a:only-child, .cat-btn-primary.disabled:focus>a:only-child, .cat-btn-primary.disabled:hover>a:only-child, .cat-btn-primary.disabled>a:only-child, .cat-btn-primary[disabled].active>a:only-child, .cat-btn-primary[disabled]:active>a:only-child, .cat-btn-primary[disabled]:focus>a:only-child, .cat-btn-primary[disabled]:hover>a:only-child, .cat-btn-primary[disabled]>a:only-child, fieldset[disabled] .cat-btn-primary.active>a:only-child, fieldset[disabled] .cat-btn-primary:active>a:only-child, fieldset[disabled] .cat-btn-primary:focus>a:only-child, fieldset[disabled] .cat-btn-primary:hover>a:only-child, fieldset[disabled] .cat-btn-primary>a:only-child {
    color:currentColor
}
.cat-btn-primary.disabled.active>a:only-child:after, .cat-btn-primary.disabled:active>a:only-child:after, .cat-btn-primary.disabled:focus>a:only-child:after, .cat-btn-primary.disabled:hover>a:only-child:after, .cat-btn-primary.disabled>a:only-child:after, .cat-btn-primary[disabled].active>a:only-child:after, .cat-btn-primary[disabled]:active>a:only-child:after, .cat-btn-primary[disabled]:focus>a:only-child:after, .cat-btn-primary[disabled]:hover>a:only-child:after, .cat-btn-primary[disabled]>a:only-child:after, fieldset[disabled] .cat-btn-primary.active>a:only-child:after, fieldset[disabled] .cat-btn-primary:active>a:only-child:after, fieldset[disabled] .cat-btn-primary:focus>a:only-child:after, fieldset[disabled] .cat-btn-primary:hover>a:only-child:after, fieldset[disabled] .cat-btn-primary>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-primary.active, .cat-btn-primary:active, .cat-btn-primary:hover {
    color:#fff
}
.cat-btn-primary:focus {
    box-shadow:0 0 0 2px rgba(56, 96, 244, .05)
}
.cat-btn-info {
    background:linear-gradient(90deg, #5f87f8, #3860f4);
    color:#fff;
    border:1px solid rgba(56, 96, 244, .1)
}
.cat-btn-info>a:only-child {
    color:currentColor
}
.cat-btn-info>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-info:hover {
    background:linear-gradient(90deg, #537ffa, #3357df)
}
.cat-btn-info:hover>a:only-child {
    color:currentColor
}
.cat-btn-info:hover>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-info.active, .cat-btn-info:active {
    color:hsla(0, 0%, 100%, .95);
    background-color:rgba(45, 183, 245, .95);
    border-color:rgba(45, 183, 245, .95)
}
.cat-btn-info.active>a:only-child, .cat-btn-info:active>a:only-child {
    color:currentColor
}
.cat-btn-info.active>a:only-child:after, .cat-btn-info:active>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-info.disabled, .cat-btn-info.disabled.active, .cat-btn-info.disabled:active, .cat-btn-info.disabled:focus, .cat-btn-info.disabled:hover, .cat-btn-info[disabled], .cat-btn-info[disabled].active, .cat-btn-info[disabled]:active, .cat-btn-info[disabled]:focus, .cat-btn-info[disabled]:hover, fieldset[disabled] .cat-btn-info, fieldset[disabled] .cat-btn-info.active, fieldset[disabled] .cat-btn-info:active, fieldset[disabled] .cat-btn-info:focus, fieldset[disabled] .cat-btn-info:hover {
    color:#c5c8ce;
    background-color:#f7f7f7;
    border-color:#dcdee2
}
.cat-btn-info.disabled.active>a:only-child, .cat-btn-info.disabled:active>a:only-child, .cat-btn-info.disabled:focus>a:only-child, .cat-btn-info.disabled:hover>a:only-child, .cat-btn-info.disabled>a:only-child, .cat-btn-info[disabled].active>a:only-child, .cat-btn-info[disabled]:active>a:only-child, .cat-btn-info[disabled]:focus>a:only-child, .cat-btn-info[disabled]:hover>a:only-child, .cat-btn-info[disabled]>a:only-child, fieldset[disabled] .cat-btn-info.active>a:only-child, fieldset[disabled] .cat-btn-info:active>a:only-child, fieldset[disabled] .cat-btn-info:focus>a:only-child, fieldset[disabled] .cat-btn-info:hover>a:only-child, fieldset[disabled] .cat-btn-info>a:only-child {
    color:currentColor
}
.cat-btn-info.disabled.active>a:only-child:after, .cat-btn-info.disabled:active>a:only-child:after, .cat-btn-info.disabled:focus>a:only-child:after, .cat-btn-info.disabled:hover>a:only-child:after, .cat-btn-info.disabled>a:only-child:after, .cat-btn-info[disabled].active>a:only-child:after, .cat-btn-info[disabled]:active>a:only-child:after, .cat-btn-info[disabled]:focus>a:only-child:after, .cat-btn-info[disabled]:hover>a:only-child:after, .cat-btn-info[disabled]>a:only-child:after, fieldset[disabled] .cat-btn-info.active>a:only-child:after, fieldset[disabled] .cat-btn-info:active>a:only-child:after, fieldset[disabled] .cat-btn-info:focus>a:only-child:after, fieldset[disabled] .cat-btn-info:hover>a:only-child:after, fieldset[disabled] .cat-btn-info>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-info.active, .cat-btn-info:active, .cat-btn-info:hover {
    color:#fff
}
.cat-btn-info:focus {
    box-shadow:0 0 0 2px rgba(45, 183, 245, .05)
}
.cat-btn-success {
    color:#fff;
    background-color:#19be6b;
    border-color:#19be6b
}
.cat-btn-success>a:only-child {
    color:currentColor
}
.cat-btn-success>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-success:hover {
    color:hsla(0, 0%, 100%, .8);
    background-color:rgba(25, 190, 107, .8);
    border-color:rgba(25, 190, 107, .8)
}
.cat-btn-success:hover>a:only-child {
    color:currentColor
}
.cat-btn-success:hover>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-success.active, .cat-btn-success:active {
    color:hsla(0, 0%, 100%, .95);
    background-color:rgba(25, 190, 107, .95);
    border-color:rgba(25, 190, 107, .95)
}
.cat-btn-success.active>a:only-child, .cat-btn-success:active>a:only-child {
    color:currentColor
}
.cat-btn-success.active>a:only-child:after, .cat-btn-success:active>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-success.disabled, .cat-btn-success.disabled.active, .cat-btn-success.disabled:active, .cat-btn-success.disabled:focus, .cat-btn-success.disabled:hover, .cat-btn-success[disabled], .cat-btn-success[disabled].active, .cat-btn-success[disabled]:active, .cat-btn-success[disabled]:focus, .cat-btn-success[disabled]:hover, fieldset[disabled] .cat-btn-success, fieldset[disabled] .cat-btn-success.active, fieldset[disabled] .cat-btn-success:active, fieldset[disabled] .cat-btn-success:focus, fieldset[disabled] .cat-btn-success:hover {
    color:#c5c8ce;
    background-color:#f7f7f7;
    border-color:#dcdee2
}
.cat-btn-success.disabled.active>a:only-child, .cat-btn-success.disabled:active>a:only-child, .cat-btn-success.disabled:focus>a:only-child, .cat-btn-success.disabled:hover>a:only-child, .cat-btn-success.disabled>a:only-child, .cat-btn-success[disabled].active>a:only-child, .cat-btn-success[disabled]:active>a:only-child, .cat-btn-success[disabled]:focus>a:only-child, .cat-btn-success[disabled]:hover>a:only-child, .cat-btn-success[disabled]>a:only-child, fieldset[disabled] .cat-btn-success.active>a:only-child, fieldset[disabled] .cat-btn-success:active>a:only-child, fieldset[disabled] .cat-btn-success:focus>a:only-child, fieldset[disabled] .cat-btn-success:hover>a:only-child, fieldset[disabled] .cat-btn-success>a:only-child {
    color:currentColor
}
.cat-btn-success.disabled.active>a:only-child:after, .cat-btn-success.disabled:active>a:only-child:after, .cat-btn-success.disabled:focus>a:only-child:after, .cat-btn-success.disabled:hover>a:only-child:after, .cat-btn-success.disabled>a:only-child:after, .cat-btn-success[disabled].active>a:only-child:after, .cat-btn-success[disabled]:active>a:only-child:after, .cat-btn-success[disabled]:focus>a:only-child:after, .cat-btn-success[disabled]:hover>a:only-child:after, .cat-btn-success[disabled]>a:only-child:after, fieldset[disabled] .cat-btn-success.active>a:only-child:after, fieldset[disabled] .cat-btn-success:active>a:only-child:after, fieldset[disabled] .cat-btn-success:focus>a:only-child:after, fieldset[disabled] .cat-btn-success:hover>a:only-child:after, fieldset[disabled] .cat-btn-success>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-success.active, .cat-btn-success:active, .cat-btn-success:hover {
    color:#fff
}
.cat-btn-success:focus {
    box-shadow:0 0 0 2px rgba(25, 190, 107, .05)
}
.cat-btn-warning {
    color:#fff;
    background-color:#f90;
    border-color:#f90
}
.cat-btn-warning>a:only-child {
    color:currentColor
}
.cat-btn-warning>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-warning:hover {
    color:hsla(0, 0%, 100%, .8);
    background-color:rgba(255, 153, 0, .8);
    border-color:rgba(255, 153, 0, .8)
}
.cat-btn-warning:hover>a:only-child {
    color:currentColor
}
.cat-btn-warning:hover>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-warning.active, .cat-btn-warning:active {
    color:hsla(0, 0%, 100%, .95);
    background-color:rgba(255, 153, 0, .95);
    border-color:rgba(255, 153, 0, .95)
}
.cat-btn-warning.active>a:only-child, .cat-btn-warning:active>a:only-child {
    color:currentColor
}
.cat-btn-warning.active>a:only-child:after, .cat-btn-warning:active>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-warning.disabled, .cat-btn-warning.disabled.active, .cat-btn-warning.disabled:active, .cat-btn-warning.disabled:focus, .cat-btn-warning.disabled:hover, .cat-btn-warning[disabled], .cat-btn-warning[disabled].active, .cat-btn-warning[disabled]:active, .cat-btn-warning[disabled]:focus, .cat-btn-warning[disabled]:hover, fieldset[disabled] .cat-btn-warning, fieldset[disabled] .cat-btn-warning.active, fieldset[disabled] .cat-btn-warning:active, fieldset[disabled] .cat-btn-warning:focus, fieldset[disabled] .cat-btn-warning:hover {
    color:#c5c8ce;
    background-color:#f7f7f7;
    border-color:#dcdee2
}
.cat-btn-warning.disabled.active>a:only-child, .cat-btn-warning.disabled:active>a:only-child, .cat-btn-warning.disabled:focus>a:only-child, .cat-btn-warning.disabled:hover>a:only-child, .cat-btn-warning.disabled>a:only-child, .cat-btn-warning[disabled].active>a:only-child, .cat-btn-warning[disabled]:active>a:only-child, .cat-btn-warning[disabled]:focus>a:only-child, .cat-btn-warning[disabled]:hover>a:only-child, .cat-btn-warning[disabled]>a:only-child, fieldset[disabled] .cat-btn-warning.active>a:only-child, fieldset[disabled] .cat-btn-warning:active>a:only-child, fieldset[disabled] .cat-btn-warning:focus>a:only-child, fieldset[disabled] .cat-btn-warning:hover>a:only-child, fieldset[disabled] .cat-btn-warning>a:only-child {
    color:currentColor
}
.cat-btn-warning.disabled.active>a:only-child:after, .cat-btn-warning.disabled:active>a:only-child:after, .cat-btn-warning.disabled:focus>a:only-child:after, .cat-btn-warning.disabled:hover>a:only-child:after, .cat-btn-warning.disabled>a:only-child:after, .cat-btn-warning[disabled].active>a:only-child:after, .cat-btn-warning[disabled]:active>a:only-child:after, .cat-btn-warning[disabled]:focus>a:only-child:after, .cat-btn-warning[disabled]:hover>a:only-child:after, .cat-btn-warning[disabled]>a:only-child:after, fieldset[disabled] .cat-btn-warning.active>a:only-child:after, fieldset[disabled] .cat-btn-warning:active>a:only-child:after, fieldset[disabled] .cat-btn-warning:focus>a:only-child:after, fieldset[disabled] .cat-btn-warning:hover>a:only-child:after, fieldset[disabled] .cat-btn-warning>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-warning.active, .cat-btn-warning:active, .cat-btn-warning:hover {
    color:#fff
}
.cat-btn-warning:focus {
    box-shadow:0 0 0 2px rgba(255, 153, 0, .05)
}
.cat-btn-error {
    color:#fff;
    background-color:#ed4014;
    border-color:#ed4014
}
.cat-btn-error>a:only-child {
    color:currentColor
}
.cat-btn-error>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-error:hover {
    color:hsla(0, 0%, 100%, .8);
    background-color:rgba(237, 64, 20, .8);
    border-color:rgba(237, 64, 20, .8)
}
.cat-btn-error:hover>a:only-child {
    color:currentColor
}
.cat-btn-error:hover>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-error.active, .cat-btn-error:active {
    color:hsla(0, 0%, 100%, .95);
    background-color:rgba(237, 64, 20, .95);
    border-color:rgba(237, 64, 20, .95)
}
.cat-btn-error.active>a:only-child, .cat-btn-error:active>a:only-child {
    color:currentColor
}
.cat-btn-error.active>a:only-child:after, .cat-btn-error:active>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-error.disabled, .cat-btn-error.disabled.active, .cat-btn-error.disabled:active, .cat-btn-error.disabled:focus, .cat-btn-error.disabled:hover, .cat-btn-error[disabled], .cat-btn-error[disabled].active, .cat-btn-error[disabled]:active, .cat-btn-error[disabled]:focus, .cat-btn-error[disabled]:hover, fieldset[disabled] .cat-btn-error, fieldset[disabled] .cat-btn-error.active, fieldset[disabled] .cat-btn-error:active, fieldset[disabled] .cat-btn-error:focus, fieldset[disabled] .cat-btn-error:hover {
    color:#c5c8ce;
    background-color:#f7f7f7;
    border-color:#dcdee2
}
.cat-btn-error.disabled.active>a:only-child, .cat-btn-error.disabled:active>a:only-child, .cat-btn-error.disabled:focus>a:only-child, .cat-btn-error.disabled:hover>a:only-child, .cat-btn-error.disabled>a:only-child, .cat-btn-error[disabled].active>a:only-child, .cat-btn-error[disabled]:active>a:only-child, .cat-btn-error[disabled]:focus>a:only-child, .cat-btn-error[disabled]:hover>a:only-child, .cat-btn-error[disabled]>a:only-child, fieldset[disabled] .cat-btn-error.active>a:only-child, fieldset[disabled] .cat-btn-error:active>a:only-child, fieldset[disabled] .cat-btn-error:focus>a:only-child, fieldset[disabled] .cat-btn-error:hover>a:only-child, fieldset[disabled] .cat-btn-error>a:only-child {
    color:currentColor
}
.cat-btn-error.disabled.active>a:only-child:after, .cat-btn-error.disabled:active>a:only-child:after, .cat-btn-error.disabled:focus>a:only-child:after, .cat-btn-error.disabled:hover>a:only-child:after, .cat-btn-error.disabled>a:only-child:after, .cat-btn-error[disabled].active>a:only-child:after, .cat-btn-error[disabled]:active>a:only-child:after, .cat-btn-error[disabled]:focus>a:only-child:after, .cat-btn-error[disabled]:hover>a:only-child:after, .cat-btn-error[disabled]>a:only-child:after, fieldset[disabled] .cat-btn-error.active>a:only-child:after, fieldset[disabled] .cat-btn-error:active>a:only-child:after, fieldset[disabled] .cat-btn-error:focus>a:only-child:after, fieldset[disabled] .cat-btn-error:hover>a:only-child:after, fieldset[disabled] .cat-btn-error>a:only-child:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:transparent
}
.cat-btn-error.active, .cat-btn-error:active, .cat-btn-error:hover {
    color:#fff
}
.cat-btn-error:focus {
    box-shadow:0 0 0 2px rgba(237, 64, 20, .05)
}
.cat-btn-long {
    width:100%
}
.cat-btn-ghost {
    color:#fff
}
.cat-btn-ghost, .cat-btn-ghost:hover {
    background:transparent
}
.cat-btn-ghost.cat-btn-dashed, .cat-btn-ghost.cat-btn-default {
    color:#fff;
    border-color:#fff
}
.cat-btn-ghost.cat-btn-dashed:hover, .cat-btn-ghost.cat-btn-default:hover {
    color:tint(#3860f4, 20%);
    border-color:tint(#3860f4, 20%)
}
.cat-btn-ghost.cat-btn-primary {
    color:#3860f4
}
.cat-btn-ghost.cat-btn-primary:hover {
    color:tint(#3860f4, 20%);
    background:fade(tint(#3860f4, 95%), 50%)
}
.cat-btn-ghost.cat-btn-info {
    color:#2db7f5
}
.cat-btn-ghost.cat-btn-info:hover {
    color:tint(#2db7f5, 20%);
    background:fade(tint(#2db7f5, 95%), 50%)
}
.cat-btn-ghost.cat-btn-success {
    color:#19be6b
}
.cat-btn-ghost.cat-btn-success:hover {
    color:tint(#19be6b, 20%);
    background:fade(tint(#19be6b, 95%), 50%)
}
.cat-btn-ghost.cat-btn-warning {
    color:#f90
}
.cat-btn-ghost.cat-btn-warning:hover {
    color:tint(#f90, 20%);
    background:fade(tint(#f90, 95%), 50%)
}
.cat-btn-ghost.cat-btn-error {
    color:#ed4014
}
.cat-btn-ghost.cat-btn-error:hover {
    color:tint(#ed4014, 20%);
    background:fade(tint(#ed4014, 95%), 50%)
}
.cat-btn-ghost.cat-btn-dashed[disabled], .cat-btn-ghost.cat-btn-default[disabled], .cat-btn-ghost.cat-btn-error[disabled], .cat-btn-ghost.cat-btn-info[disabled], .cat-btn-ghost.cat-btn-primary[disabled], .cat-btn-ghost.cat-btn-success[disabled], .cat-btn-ghost.cat-btn-warning[disabled] {
    background:transparent;
    color:fade(#000, 25%);
    border-color:#dcdee2
}
.cat-btn-ghost.cat-btn-text[disabled] {
    background:transparent;
    color:fade(#000, 25%)
}