*{margin:0px; padding:0px;}
li{list-style:none;}
body{background-color:#111; color:#CCC; font-size:13px;}
.leftop{background-color:#367fa9;text-align:center; font-size:20px; border-bottom:solid 1px #111;height:50px;line-height:50px;}
.leftop strong{display:block;color:#fff;}
.tree{background-color:#222d32;color:#b8c7ce;}
.tree dl{}
.tree dl dt{padding-top:12px; padding-bottom:12px;padding-left:10px; cursor:pointer;border-left: 4px solid #222d32;font-size:15px;}
.tree dl dt:hover{border-color:#3c8dbc;color:#fff;}


.ok{ border-color:#3c8dbc;color:#fff;}
.tree dl dd{display:none;background-color: #2c3b41;padding-left: 20px;}
.tree dl:first-child dd{display:block;}
.tree dl dd a{display:block; color:#b8c7ce; font-size:14px; text-decoration:none; padding-top:5px; padding-bottom:5px; background-color:#2c3b41;text-align: left;}
.tree dl dd a:hover{color:#fff;}
.tree dl dd a:first-child{border-top:none;}
.leftop-two {background-color:#222d32;height:100px;
}
.leftop-two-ex {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    color:#fff;
}
.leftop-two-ex a{
    color:#fff;
    text-decoration:none;
    font-size:12px;
    background-color: #3c8dbc;
    padding:0px 5px;
    border-radius:3px;
}
.leftop-two-ex a:hover{
 
    background-color: #367fa9;

}
.leftop-two-ex table{
    width: 100%;
    padding-top:10px;
}