﻿.__nuxt-error-page {
    padding: 1rem;
    background: #f7f8fb;
    color: #47494e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif;
    font-weight: 100 !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .__nuxt-error-page .error {
        max-width: 450px
    }

    .__nuxt-error-page .title {
        font-size: 1.5rem;
        margin-top: 15px;
        color: #47494e;
        margin-bottom: 8px
    }

    .__nuxt-error-page .description {
        color: #7f828b;
        line-height: 21px;
        margin-bottom: 10px
    }

    .__nuxt-error-page a {
        color: #7f828b !important;
        text-decoration: none
    }

    .__nuxt-error-page .logo {
        position: fixed;
        left: 12px;
        bottom: 12px
    }

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #000;
    z-index: 999999
}

    .nuxt-progress.nuxt-progress-notransition {
        transition: none
    }

.nuxt-progress-failed {
    background-color: red
}

.page-content .nav-item {
    margin: 0
}

    .page-content .nav-item .nav-link {
        --tw-text-opacity: 1;
        color: rgba(100,116,139,var(--tw-text-opacity))
    }

    .page-content .nav-item a.nav-link {
        cursor: pointer
    }

    .page-content .nav-item .nav-link.nuxt-link-active {
        font-weight: 700;
        color: #337ab7
    }

.algolia-autocomplete .ds-dropdown-menu {
    border-style: none;
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

    .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
        border-style: none
    }

    .algolia-autocomplete .ds-dropdown-menu:before {
        border-style: none;
        --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
        box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
    }

.bd-sidebar {
    position: sticky;
    z-index: 1000;
    top: 0;
    left: 0;
    padding: 0;
    overflow: visible;
    border-right: 1px solid #eee;
    border-bottom: none;
    max-width: 350px;
    height: calc(100vh - 50px)
}

    .bd-sidebar .open-sidebar {
        display: none
    }

    .bd-sidebar .bd-docs-nav {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100% - 83px);
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .bd-sidebar .sidebar-search {
        padding: 15px 20px;
        border-bottom: 1px solid #eee
    }

        .bd-sidebar .sidebar-search .algolia-autocomplete {
            width: 100%
        }

        .bd-sidebar .sidebar-search input {
            border-radius: .75rem;
            border-width: 0;
            outline: 2px solid transparent;
            outline-offset: 2px;
            padding: 1rem;
            --tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
            box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
            width: 100%
        }

        .bd-sidebar .sidebar-search .noinput {
            border-radius: .75rem;
            border-width: 0;
            outline: 2px solid transparent;
            outline-offset: 2px;
            padding: 1rem;
            --tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
            box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
            width: 100%;
            background:#fff;
        }

        .bd-sidebar .sidebar-search .search-icon {
            position: absolute;
            left: 36px;
            top: 28px;
        }

@media (max-width:768px) {
    .bd-sidebar.closed {
        left: -280px;
        --tw-shadow: 0 0 transparent
    }

    .bd-sidebar, .bd-sidebar.closed {
        box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
    }

    .bd-sidebar {
        position: fixed;
        left: 0;
        width: 280px;
        top: 50px;
        bottom: 0;
        background-color: #fff;
        --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
        border-right: none;
        overflow: visible;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: .15s
    }

        .bd-sidebar .bd-docs-nav {
            width: 280px
        }

        .bd-sidebar .open-sidebar {
            display: block;
            position: absolute;
            left: 280px;
            bottom: 60px;
            width: 40px;
            height: 40px;
            padding: 5px;
            color: #000;
            z-index: 1200;
            background: #eee;
            border-top-right-radius: 1rem;
            border-bottom-right-radius: 1rem;
            --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);
            box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
        }

            .bd-sidebar .open-sidebar svg {
                width: 100%;
                height: 100%
            }
}

.bd-sidenav {
    display: block;
}

.page-content {
    padding-bottom: 0
}

    .page-content .nav {
        display: block
    }

    .page-content ul.nav {
        padding-left: 0
    }

    .page-content .nav > li > a:focus, .page-content .nav > li > a:hover {
        background-color: #f6f8fc
    }

    .page-content .nav .b-icon.bi {
        font-size: 90%;
        opacity: .6;
        position: relative;
        top: -2px
    }

    .page-content .glyphicon {
        padding: 5px;
        color: #cfd9e2;
        cursor: pointer;
        transform: scale(.8);
        top: 2px;
        left: -4px;
        margin: -5px 0
    }

    .page-content .level0 > li > .nav-link {
        margin-top: 5px;
        padding: 6px 0 6px 20px;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgba(30,41,59,var(--tw-text-opacity))
    }

    .page-content .level1 {
        margin-top: 4px;
        font-size: 14px
    }

        .page-content .level1 .nav-link {
            padding: 6px 0 6px 35px
        }

    .page-content .level2 .nav-link {
        padding: 5px 0 5px 50px
    }

    .page-content .level3 {
        margin-top: 1px
    }

        .page-content .level3 .nav-link {
            padding: 5px 0 5px 60px
        }

svg.icon-external-link {
    display: initial;
    vertical-align: initial
}

body {
    font-family: Open Sans,PingFang SC,Helvetica,Arial,sans-serif
}

.page-main {
    overflow-x: hidden
}

.handbook-content {
    padding-left: 0;
    padding-right: 0
}

.bd-content {
    padding-left: 50px;
    overflow: visible;
}

@media (max-width:768px) {
    .bd-content {
        padding-left: 30px;
        padding-right: 30px
    }
}

.plugin_pagetree_children_content .iconfont {
    padding: 0 5px;
    float: left;
}

.treenode {
    cursor: pointer;
}

#show_author {
    font-size: 14px;
    color: #666;
}

#show_modifydate {
    font-size: 14px;
    color: #666;
}

.plugin_pagetree {
    margin: 0px 12px 10px 12px;
    padding-bottom: 60px;
}
.plugin_pagetree .plugin_pagetree_children_list_noleftspace {
    margin-left: 0;
    padding-left: 0;
}

.plugin_pagetree .plugin_pagetree_children_list {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

    .plugin_pagetree .plugin_pagetree_children_list > li {
        margin: 6px 0 0px 0px;
    }

        .plugin_pagetree .plugin_pagetree_children_list > li.article {
            margin: 2px 0 0px 0px;
        }

.plugin_pagetree ul.plugin_pagetree_children_list li, .plugin_pagetree ul.plugin_pagetree_children_list li div.plugin_pagetree_children_container {
    clear: left;
    overflow: hidden;
    width: 100%;
}

.plugin_pagetree .plugin_pagetree_children_list > li .plugin_pagetree_children_list {
    padding-left: 16px;
}

div.plugin_pagetree ul.plugin_pagetree_children_list > li > div.plugin_pagetree_childtoggle_container {
    position: relative;
    width: 26px;
    height: 25px;
    float: left;
    padding-bottom: 0;
}

.acs-tree-item, .acs-side-bar a, .acs-side-bar td a, #acs-nav-list-main .acs-nav-item-label, #acs-nav-list-quick .acs-nav-item-label, .acs-nav-list .acs-nav-item-label, .acs-nav-sections p, .acs-tree-item .node-title, .acs-side-bar-flyout h2 {
    color: #42526e;
}

div.plugin_pagetree .plugin_pagetree_childtoggle_container > .aui-icon {
    color: #42526e;
}

.plugin_pagetree .plugin_pagetree_children_list > li > .plugin_pagetree_children_content {
    float: left;
    width: 85%;
    text-decoration: none;
}

.ia-fixed-sidebar div.plugin_pagetree ul.plugin_pagetree_children_list .plugin_pagetree_children_span {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.plugin_pagetree_children_span {
    display: block;
    float: left;
}

    .plugin_pagetree_children_span .articlelink {
        --tw-text-opacity: 1;
        color: rgba(100,116,139,var(--tw-text-opacity));
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }

        .plugin_pagetree_children_span .articlelink:hover {
            color: #5E6C84;
            text-decoration: underline;
        }

    .plugin_pagetree_children_span.plugin_pagetree_current {
        font-weight: bold;
    }

.plugin_pagetree ul.plugin_pagetree_children_list li, .plugin_pagetree ul.plugin_pagetree_children_list li div.plugin_pagetree_children_container {
    clear: left;
    overflow: hidden;
    width: 100%;
}

.plugin_pagetree_childtoggle_container > .no-children.iconfont {
    position: absolute;
    height: 4px;
    width: 4px;
    left: 10px;
    top: 50%;
    margin-top: -5px;
    min-width: 0;
    border-radius: 2px;
    background-color: #42526e;
}

.plugin_pagetree ul.plugin_pagetree_children_list li div.plugin_pagetree_children_loading_wrapper {
    padding-left: 18px;
}

aui-spinner {
    display: block;
    position: relative;
    z-index: 2000000000;
    color: #42526E;
    width: 30px;
    height: 30px;
}

    aui-spinner[filled] {
        height: 0 !important;
        width: 0 !important;
        margin: auto;
    }

    aui-spinner .aui-spinner {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        height: 100%;
    }

.plugin_pagetree ul.plugin_pagetree_children_list div.plugin_pagetree_children_loading_wrapper div.spinner {
    padding-right: 10px;
    display: inline-block;
    height: 21px;
    vertical-align: middle;
}
.notreenode {
    margin-top: 5px;
    padding: 6px 0 6px 10px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(30,41,59,var(--tw-text-opacity));
    cursor: pointer;
}

    .notreenode .articlelink {
        text-decoration: none;
        color: rgba(30,41,59,var(--tw-text-opacity));
    }

        .notreenode .articlelink:hover {
            text-decoration: none;
            color: rgba(30,41,59,var(--tw-text-opacity));
        }


/*搜索*/
:root {
    --docsearch-primary-color: #5468ff;
    --docsearch-text-color: #1c1e21;
    --docsearch-spacing: 12px;
    --docsearch-icon-stroke-width: 1.4;
    --docsearch-highlight-color: var(--docsearch-primary-color);
    --docsearch-muted-color: #969faf;
    --docsearch-container-background: rgba(101,108,133,0.8);
    --docsearch-logo-color: #5468ff;
    --docsearch-modal-width: 560px;
    --docsearch-modal-height: 600px;
    --docsearch-modal-background: #f5f6f7;
    --docsearch-modal-shadow: inset 1px 1px 0 0 hsla(0,0%,100%,0.5),0 3px 8px 0 #555a64;
    --docsearch-searchbox-height: 56px;
    --docsearch-searchbox-background: #ebedf0;
    --docsearch-searchbox-focus-background: #fff;
    --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
    --docsearch-hit-height: 56px;
    --docsearch-hit-color: #444950;
    --docsearch-hit-active-color: #fff;
    --docsearch-hit-background: #fff;
    --docsearch-hit-shadow: 0 1px 3px 0 #d4d9e1;
    --docsearch-key-gradient: linear-gradient(-225deg,#d5dbe4,#f8f8f8);
    --docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,0.4);
    --docsearch-footer-height: 44px;
    --docsearch-footer-background: #fff;
    --docsearch-footer-shadow: 0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,0.12);
}

.DocSearch-Button .DocSearch-Search-Icon {
    color: var(--docsearch-text-color);
}

.DocSearch {
    --docsearch-primary-color: #42b983;
    --docsearch-highlight-color: var(--docsearch-primary-color);
    --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
}

.DocSearch-Button-Key {
    align-items: center;
    background: var(--docsearch-key-gradient);
    border-radius: 3px;
    box-shadow: var(--docsearch-key-shadow);
    color: var(--docsearch-muted-color);
    display: flex;
    height: 18px;
    justify-content: center;
    margin-right: 0.4em;
    padding-bottom: 2px;
    position: relative;
    top: -1px;
    width: 20px;
}
.DocSearch-Button {
    align-items: center;
    background: var(--docsearch-searchbox-background);
    border: 0;
    border-radius: 40px;
    color: var(--docsearch-muted-color);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 40px;
    margin: 0 0 0 0px;
    padding: 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.DocSearch-Button-Placeholder {
    font-size: 16px;
    padding: 0 120px 0 6px;
}
.col-sm-7 {
    width: 98%;
}