body{
    color: #4d6878;
    background-color: #F0F7FC;
}
body,html{
    padding: 0;
    margin: 0;
}
img{
    max-height: 100%;
}
a,a:hover{
    text-decoration: none;
}
.top{
    width: 100%;
    padding: 15px 20px;
    border-color: #F4F9FF;
    border-bottom: 1px solid #E9F2FC;
    box-sizing: border-box;
    background-color: #fff;
}
.top::after{
    content: '';
    display: block;
    clear: both;
}
.top.act{
    position: fixed;
    z-index: 99;
}
.top-box{
    height:35px;
    line-height: 35px;
    float: left;
}
.top-box:last-child{
    float: right;
}
.top-box a{
    display: inline-block;
    padding: 0 8px;
    color: #fff;
    border-radius: 5px;
    background-color: #478fca;
}




.tree {
    min-height:20px;
    padding:10px;
    margin-bottom:20px;
    border: none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    background: none;
}
.tree>ul{
    margin: 0;
}
.tree ul{
    padding-left: 20px;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding: 15px 5px 0 5px;
    position:relative
}
.tree li.canshu>span{
    font-weight: bold;
}
.tree li:nth-child(1).canshu>span{
    color: #dd5a43;
}
.tree li:nth-child(2).canshu>span{
    color: #FF892A;
}
.tree li:nth-child(3).canshu>span{
    color: #478FCA;
}
.tree li:nth-child(4).canshu>span{
    color: #69AA46;
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px dotted #67b2dd;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px dotted #67b2dd;
    /* height:20px; */
    top:24.5px;
    width:20px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    /* border:1px solid #999; */
    display:inline-block;
    /* padding:0; */
    text-decoration:none;
    /* border: 1px dashed; */
    font-size: 18px;
}
.tree li.parent_li>span {
    cursor:pointer;
}
.tree>ul>li>span{
    font-size: 16px;
    font-weight: bold;
    /* color: rgba(6,167,255,1); */
    border: none;
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:26px
}
/* .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
} */






/* 1 一级 */
.chapter-ul>.parent_li>span{
    /* color: #fff; */
    /* font-weight: bold; */
}
/* .chapter-ul>.parent_li:nth-child(1) span{
    color: rgba(6,167,255,1);
}
.chapter-ul>.parent_li:nth-child(2) span{
    color: rgba(18,206,161,1);
}
.chapter-ul>.parent_li:nth-child(3) span{
    color: rgba(254,201,63,1);
}
.chapter-ul>.parent_li:nth-child(4) span{
    color: rgba(255,58,59,1);
} */
.chapter-ul>.parent_li:nth-child(1)>span{
    border-color: rgba(6,167,255,1);
}
.chapter-ul>.parent_li:nth-child(2)>span{
    border-color: rgba(18,206,161,1);
}
.chapter-ul>.parent_li:nth-child(3)>span{
    border-color: rgba(254,201,63,1);
}
.chapter-ul>.parent_li:nth-child(4)>span{
    border-color: rgba(255,58,59,1);
}
.chapter-ul>.parent_li>ul>li>span{
    /* color: #fff; */
}
/* 1.1 二级 */
.chapter-ul>.parent_li:nth-child(1)>ul>li>span{
    border-color: rgba(6,167,255,.8);
}
.chapter-ul>.parent_li:nth-child(2)>ul>li>span{
    border-color: rgba(18,206,161,.8);
}
.chapter-ul>.parent_li:nth-child(3)>ul>li>span{
    border-color: rgba(254,201,63,.8);
}
.chapter-ul>.parent_li:nth-child(4)>ul>li>span{
    border-color: rgba(255,58,59,.8);
}
/* 1.1.1 三级 */
.chapter-ul>.parent_li>ul>li>ul{
    /* display: none; */
}
.chapter-ul>.parent_li>ul>li>ul>li>span{
    /* color: #fff; */
}
.chapter-ul>.parent_li:nth-child(1)>ul>li>ul>li>span{
    border-color: rgba(6,167,255,.6);
}
.chapter-ul>.parent_li:nth-child(2)>ul>li>ul>li>span{
    border-color: rgba(18,206,161,.6);
}
.chapter-ul>.parent_li:nth-child(3)>ul>li>ul>li>span{
    border-color: rgba(254,201,63,.6);
}
.chapter-ul>.parent_li:nth-child(4)>ul>li>ul>li>span{
    border-color: rgba(255,58,59,.6);
}
/* 1.1.1.1 四级 */
.chapter-ul>.parent_li>ul>li>ul>li>ul>li>span{
    /* color: #fff; */
}
.chapter-ul>.parent_li:nth-child(1)>ul>li>ul>li>ul>li>span{
    border-color: rgba(6,167,255,.4);
}
.chapter-ul>.parent_li:nth-child(2)>ul>li>ul>li>ul>li>span{
    border-color: rgba(18,206,161,.4);
}
.chapter-ul>.parent_li:nth-child(3)>ul>li>ul>li>ul>li>span{
    border-color: rgba(254,201,63,.4);
}
.chapter-ul>.parent_li:nth-child(4)>ul>li>ul>li>ul>li>span{
    border-color: rgba(255,58,59,.4);
}
/* 1.1.1.1.1 五级 */
.chapter-ul>.parent_li>ul>li>ul>li>ul>li>ul>li>span{
    /* color: #fff; */
}
.chapter-ul>.parent_li:nth-child(1)>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(6,167,255,.2);
}
.chapter-ul>.parent_li:nth-child(2)>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(18,206,161,.2);
}
.chapter-ul>.parent_li:nth-child(3)>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(254,201,63,.2);
}
.chapter-ul>.parent_li:nth-child(4)>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(255,58,59,.2);
}
/* 1.1.1.1.1 五级 */
.chapter-ul>.parent_li>ul>li>ul>li>ul>li>ul>li>ul>li>span{
    /* color: #fff; */
}
.chapter-ul>.parent_li:nth-child(1)>ul>li>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(6,167,255,.1);
}
.chapter-ul>.parent_li:nth-child(2)>ul>li>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(18,206,161,.1);
}
.chapter-ul>.parent_li:nth-child(3)>ul>li>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(254,201,63,.1);
}
.chapter-ul>.parent_li:nth-child(4)>ul>li>ul>li>ul>li>ul>li>ul>li>span{
    border-color: rgba(255,58,59,.1);
}

.tree>ul>li>b{
    /* line-height: ; */
    font-size: 20px;
}
.tree>ul>li>b>i{
    color: #478fca;
    font-size: 20px;
}

.chapter-ul>.parent_li:nth-child(1)>span>i{
    color: #dd5a43;
}
.chapter-ul>.parent_li:nth-child(2)>span>i{
    color: #FF892A;
}
.chapter-ul>.parent_li:nth-child(3)>span>i{
    color: #478FCA;
}
.chapter-ul>.parent_li:nth-child(4)>span>i{
    color: #69AA46;
}