/*滚动条样式*/
::-webkit-scrollbar {
    /*高宽分别对应横竖滚动条的尺寸*/
    width: 1px;
    height: 1px;
}

/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

/*滚动条里面轨道*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset005pxrgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

/*body{*/
/*    background-color: beige;*/
/*}*/
/**
 * a链接锚点定位增加间距
 */
html {
    scroll-padding-top: 120px;
}

/* ====================================================  */
/* ====================================================  */
/* ===================== 内容- 文档页 =================== */
/* ====================================================  */
/* ====================================================  */

/**
 * 文档页--中间内容盒子
 */
.xj-content-box-card {
    margin-top: 50px;
    z-index: 0;
    margin-top: 4%;
    margin-left: 0%;
    background-color: #FFFFFF;
    overflow: auto;
    width: 100%;
}

/**
 * 文档页--左 (文档导航)
 */
.xj-docs-tree {
    z-index: 0 !important;
    position: fixed;
    float: left;
    width: 20%;
    height: 85vh;
    overflow: auto !important;
}

/**
 * 文档页--左导航文字大小
 */
.xj-docs-tree .el-tree-node__label {
    font-size: 16px;
}

/**
 * 文档页--左导航文字上间距
 */
.xj-docs-tree .el-tree-node {
    padding-top: 5px;
}

/**
 * 文档页--中 (文档内容展示)
 */
.xj-docs-info {
    margin-left: 20.6%;
    /*width: 80%;*/
}

/**
 * 文档页--顶部最后更新时间
 */
.xj-docs-info .updateTime {
    text-align: right !important;
    right: 20px;
    color: #606266;
}


/**
 * 文档页--文档子目录展示收缩按钮
 */
.xj-docs-next-tree-button {
    /*opacity: 0.7;*/
    /*background-color: #fafafa !important;*/
    /*background-color: rgba(250, 250, 250, 1) !important;*/
    /*margin-left: 5px;*/
    z-index: 10000;
    width: 30px;
    /*right: 15%;*/
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translate(0%, -50%);
}

/**
 * 文档页--右 （当前文档内容动态生成的导航）
 */
.xj-docs-next-tree {
    /*opacity: 0.7;*/
    background-color: #fafafa !important;
    background-color: rgba(250, 250, 250, 0.2) !important;
    /*margin-left: 5px;*/
    z-index: 9999;
    width: 14%;
    /*min-height: 100px;*/
    /*right: 15%;*/
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translate(0%, -50%);
}

/**
 * 文档页--导航内容样式设置
 */
.xj-docs-next-menu a {
    width: 100%;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #606266;
    display: inline-block;
    /* 移除下划线*/
    text-decoration: none;
    /*让文本不换行，在同一行里面*/
    white-space: nowrap;
    /*让超出的范围进行隐藏*/
    overflow: hidden;
    /*超出的部分用省略号表示*/
    text-overflow: ellipsis;
}


/**
 * 回到顶部按钮
 */
.go-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 2rem;
    right: 2.5rem;
    width: 2rem;
    color: #dd1c1f;
    z-index: 1;
}


/* 移动端兼容 */
@media screen and (max-width: 980px) {
    /**
    * 文档页--左 (文档导航)
    */
    .xj-docs-tree {
        z-index: 99 !important;
        position: fixed;
        float: left;
        width: 0;
        height: 85vh;
        overflow: auto !important;
    }

    /**
    * 文档 (文档内容展示)
    */
    .xj-docs-info {
        margin-top: 50px;
        margin-left: 0;
        /*width: 80%;*/
    }

    /**
    * 文档页--文档子目录展示收缩按钮
    */
    /*.xj-docs-next-tree-button {*/
    /*    !*z-index: 10000;*!*/
    /*    width: 60px;*/
    /*    !*!*right: 15%;*!*!*/
    /*    !*position: fixed;*!*/
    /*    !*top: 50%;*!*/
    /*    !*right: 10px;*!*/
    /*    !*transform: translate(0%, -50%);*!*/
    /*}*/

    /**
    * 文档页--右 （当前文档内容动态生成的导航）
    */
    .xj-docs-next-tree {
        background-color: rgba(250, 250, 250, 0.8) !important;
        width: 60%;
    }

}