body {
            font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC", "Microsoft Yahei", sans-serif;
        }

        container {
            width: 1140px;
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px;
        }

        .navbar {
            border: 0;
            border-radius: 3px;
            padding: 0.625rem 0;
            margin-bottom: 20px;
            color: #555;
            background-color: #2196F3 !important;
            box-shadow: 0 4px 18px 0px rgba(0, 0, 0, 0.12), 0 7px 10px -5px rgba(0, 0, 0, 0.15);
            position: sticky;
            top: 0;
            z-index: 1071;
        }

        .navbar .navbar-brand {
            position: relative;
            color: inherit;
            height: 50px;
            font-size: 1.125rem;
            line-height: 30px;
            padding: 0.625rem 0;
        }

        .col-md-3 {
            float: left;
            width: 25%;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;

        }

        /* 调整导航栏的上下距离 */
        .icl-docs-sidenav {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .icl-docs-sidebar .nav>li>a:hover,
        .icl-docs-sidebar .nav>li>a:focus {
            padding-left: 19px;
            color: #2196F3;
            text-decoration: none;
            background-color: transparent;
            border-left: 1px solid #2196F3;
        }

        .icl-docs-sidebar .nav .nav>li>a:hover,
        .icl-docs-sidebar .nav .nav>li>a:focus {
            padding-left: 29px;
        }

        .icl-docs-sidebar .nav .nav>.active>a,
        .icl-docs-sidebar .nav .nav>.active:hover>a,
        .icl-docs-sidebar .nav .nav>.active:focus>a {
            padding-left: 28px;
            font-weight: 500;
        }


        /* 激活状态的样式 */
        .icl-docs-sidebar .nav>li>.active,
        .icl-docs-sidebar .nav>li>.active:hover {
            padding-left: 19px;
            color: #2196F3;
            background-color: transparent;
            border-left: 1px solid #2196F3;
        }

        .icl-docs-sidebar .nav>.active>a,
        .icl-docs-sidebar .nav>.active:hover>a,
        .icl-docs-sidebar .nav>.active:focus>a {
            padding-left: 18px;
            font-weight: bold;
            color: #2196F3;
            background-color: transparent;
            border-left: 2px solid #2196F3;
        }



        /* 二级标题设置 */
        .icl-docs-sidebar .nav>.active>ul {
            display: block;
        }

        .icl-docs-sidebar .nav .nav>li>a {
            padding-top: 1px;
            padding-bottom: 1px;
            padding-left: 30px;
            font-size: 13px;
            font-weight: normal;
        }

        .icl-docs-sidebar .nav>li>a {
            width: 200px;
            display: block;
            padding: 4px 20px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            color: #999;
        }

        .nav>li>a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

        .col-md-3>.bd-doc {
            position: sticky;
            top: 4rem;
            height: calc(100vh - 4rem);
            overflow-y: auto;
            order: 2;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
            font-size: .875rem;
        }

        /* 此处是调整容器与头相接，保证导航栏不会上移动 */
        .icl-docs-container {
            margin-top: -30px;
        }


        /* 右侧内容样式头设置 */
        .icl-docs-header .page-title {
            margin: 40px 0;
            display: block;
        }

        /* 内容中段落设置 */
        .lead {
            margin-top: -15px;
            margin-bottom: 20px;
            font-size: 18px;
            font-weight: 300;
            line-height: 1.4;
        }


        /* 用此样式代替粗暴的padding-top的明确设置 */
        .icl-docs-section>h2[id]::before,
        .icl-docs-section .section-level-2>h3[id]::before,
        .icl-docs-section>h4[id]::before {
            display: block;
            height: 6rem;
            margin-top: -5rem;
            visibility: hidden;
            content: "";
        }

        p {
            /* margin: 0 0 10px; */
            padding-top: 10px;
            line-height: 25px;
        }


        pre {
            display: block;
            padding: 9.5px;
            margin: 0 0 10px;
            font-size: 13px;
            line-height: 1.42857143;
            color: #333;
            word-break: break-all;
            word-wrap: break-word;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 4px;
            overflow: auto;
        }

        pre code {
            font-size: inherit;
            color: inherit;
            white-space: pre-wrap;
            border-radius: 0;
        }


        /* 嵌入的图片 */
        iframe {
            width: 600px;
            height: 300px;
            border: 1px solid #ccc;
        }

        .iframe_html {
            text-align: center;
            width: 100%;
            margin-bottom: 20px;

        }

        .code-mirror-wrapper,
        .lazy {
            height: 300px;
        }