*{
    margin:0px;
    padding:0px;
}

body{
        background:#f9f9f9;
        min-height:100vh;
    }
    header{
        height:60px;
        padding:10px 15px;
        border-bottom: 5px #135192 solid;
        background:#fff;
    }
    .logo{
        height:60px;
        font-size:20px;
        color:#135192;
        font-weight:bold;
        line-height:60px;
    }
    .logo img{
        height:60px;
        float:left;
    }
    header .menu{
        display:none;
    }

nav{
        width:280px;
        float:left;
    }
    .nav{
        width:100%;
        background:#fff;
        height:calc(100vh - 90px);
        overflow-y:auto;
    }
    .nav h1{
        font-size:18px;
        color:#333;
        text-align:center;
        font-weight:normal;
        line-height:260%;
    }
    .son_node{
        padding:0px 15px;
        margin-bottom:15px;
    }
    .son_node h2{
        font-size:14px;
        color:#888;
        font-weight:400;
        text-align:left;
        margin-bottom:10px;
    }
    .son_node p{
        text-align:left;
        color:#333;
        line-height:140%;
        padding:5px 5px 5px 15px;
    }
    
    .son_node a.parent,.son_node a.self{
        color:#135192;
        font-weight:bold;
    }
    .son_node .nodes{
        padding:5px 30px;
    }
    .son_node .nodes ul li{
        line-height:180%;
    }
    .son_node .nodes ul li a{
        color:#666;
        font-size:13px;
    }
    .son_node .nodes ul li a.self{
        color:#135192;
    }
    article{
        width:calc(100% - 290px);
        float:right;
    }
    .path{
        padding:0px 18px;
        height:50px;
        background:#fff;
        line-height:50px;
    }
    .helpCont{
        background:#fff;
        margin-top:10px;
        padding:10px 18px;
        height:calc(100vh - 170px);
        overflow-y:auto;
    }
    .helpCont h1{
        text-align:center;
        line-height:300%;
        font-size:18px;
        padding:15px;
        color:#666;
    }
    .helpCont p{
        text-align:left;
        line-height:180%;
        margin-bottom: 10px;
        font-size:14px;
        color:#333;
    }
    .helpCont p img{
        border:1px rgba(19,81,146,0.5) solid;
        border-radius:4px;
        max-width:800px;
    }
    .helpCont .nodes{
        border-top:4px #ddd solid;
        padding-top:10px;
        position:relative;
        top:10px;
    }
    .helpCont .nodes li{
        border-bottom:1px #ddd dashed;
        padding:8px 0px 8px 15px;
        line-height:200%;
        position:relative;
    }
    .helpCont .nodes li a::before{
        width:4px;
        height:4px;
        position:absolute;
        left:0px;
        top:50%;
        margin-top:-2px;
        background:#135192;
        content:'';
        display:inline-block;        
    }