.topul{background:#fff;border-bottom:1px solid #ddd;height:55px;padding:0 .8em;}
    .topul a{float:left;color:#333;font-size:16px;line-height:55px;font-weight:700;padding:0 .92857143em;white-space:nowrap}
    .topul ul,.topul ul li{list-style:none;float:left}
    .topul ul li a{align-self:center;box-shadow:none;border:none;font-size:14px;margin:0 .35714286em;background:0 0;transition:color .1s ease;border-radius:.28571429rem}
    
    .left{min-width:260px;max-width: 500px;padding:0 0 0 10px;padding-top:20px;height: calc(100vh - 70px);overflow-y: scroll;background-color: #fff;position: relative;}
    /* .left a{display: inline-block;width:100%;line-height: 2;} */
    /* overflow-y: scroll; */
    .docmenu{width:100%;height:calc(100% - 235px)}
    .docmenu ul{display: none;list-style: none;width: 100%;}
    .docmenu ul:first-child{display: inline-block;}
    .docmenu ul li{padding-left:10px;list-style: none;line-height: 2;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .docmenu ul li a{color: #666;line-height: 30px;font-size: 13px;height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .docmenu span{font-size: .4em;margin-right:8px;}
    .content{width:84%; float:left;display: flex;border-left: 1px solid #cccccc;background:#fff;padding-top:20px;overflow-y: scroll;}
    /*<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.2/styles/default.min.css">*/
    .hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0}
    .hljs,.hljs-subst{color:#444}
    .hljs-comment{color:#888}
    .hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}
    .hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}
    .hljs-section,.hljs-title{color:#800;font-weight:700}
    .hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}
    .hljs-literal{color:#78a960}
    .hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}
    .hljs-meta{color:#1f7199}
    .hljs-meta-string{color:#4d99bf}
    .hljs-emphasis{font-style:italic}
    .hljs-strong{font-weight:700}
    /* 内容：css样式修改
       时间：2023-2-2 
       作者：ysy */
    .mousetip {position: absolute;display: none;z-index: 9900000;outline: none;padding: 0px 5px;border-width: 1px;border-style: unset;border-radius: 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background-color: rgb(225 222 222);color: black;
             /* left: 40px; */}
    .doccontent{width: 84%;display: flex;align-items: center;justify-content: center;border-left: 1px solid #cccccc;background: #fff;}
    .doccontent>div{width: 100%;margin: auto;padding: 0px 100px;}
    .content::-webkit-scrollbar,.left::-webkit-scrollbar{
    width: 2px;
    }
    .content::-webkit-scrollbar-thumb,.left::-webkit-scrollbar-thumb{
        border-radius: 20px;
        -webkit-box-shadow:inset 0 0 4px rgba(187, 185, 185, 0.2);
        background-color: rgba(0,0,0,0.2);
    }
    .content::-webkit-scrollbar-track,.left::-webkit-scrollbar-track{
        border-radius: 20px;
        -webkit-box-shadow:inset 0 0 5px rgba(184, 182, 182, 0);
        background-color: transparent;
    }
    .active {background-color: rgb(241, 214, 204);}
    .docinfo{width: 1550px;margin: auto;display: flex;justify-content: space-evenly;}
    .linkbutton{color: #ffffff !important;}
    /* 改版后的文档页css样式 */
    .resizer {
            width: 8px;
            /* 调整器的宽度 */
            cursor: col-resize;
            /* 鼠标指针样式 */
            background-color: transparent;
            height: 100%;
            /* 调整器的背景色 */
            position: absolute;
            top: 0;
            right: 0;
        }
    .limitwidth{width: calc(100% - 10px);}
    .textcontent{padding: 20px 40px;width: 100%;}
    .textcontent h1{font-size: 2rem;}
    .textcontent {
        padding: 20px 40px
    }

    .textcontent h1 {
        font-size: 2rem;
        margin:20px 0;
        font-weight: 600;
    }

    .textcontent h2 {
        font-size: 23px;
        margin:20px 0;
    }

    .textcontent h3 {
        font-size: 19px;
        margin:20px 0;
    }

    .textcontent h4 {
        font-size: 16px;
        margin:20px 0;
    }

    .textcontent h5 {
        font-size: 14px;
        margin:20px 0;
    }
    .textcontent h6{
        margin:20px 0;
    }

    .textcontent a{
        color: #007bff;
    }

    .textcontent p {
        font-size: 14px;
       line-height: 20px;
       margin: 10px 0;
    }
    .textcontent p>strong{
        font-size: 16px;
        margin-left: 10px;
    }

    .textcontent ul {
        line-height: 25px;
        list-style: none;
        margin-left: 20px;
        position: relative;
    }
    .textcontent ul>li{
        position: relative;
        padding-left: 15px;
        font-size: 14px;
    }
    .textcontent ul>li::before {
        position: absolute;
        content: '';
        width: 5px ;
        height: 5px;
        background-color: chocolate;
        border-radius: 50% 50%;
        left: 0px;
        top: 10px;
    }