.tree {
    width: 240px;
}
.tree-tt{
    font-size: 18px;
    color: #fff;
    font-size: 18px;
 }

 .tree-sub a{
     display:block;
     height: 41px;
     line-height: 40px;
     font-size: 14px;
     color: #333;
     cursor: pointer;
     border-bottom:1px solid #F0F0F0;
 }

 .tree-subs {
     border: 1px solid #F0F0F0;
 }

 .tree-node {
    height: 50px;
    line-height: 50px;
    background: url("../images/tree-node-bg.png");
    background-size: 100% 100%;
    padding-left: 31px;
    font-weight: bold;
}
 
.tree-items {
    margin-bottom: 19px;
}

 .tree-iconr{
     float: right;
     width: 16px;
     height: 7px;
     margin-top: 22px;
     margin-right: 30px;
     background:url('../images/tree-iconl-1.png') no-repeat;
 }
 .tree-sub{
     display: none;
 }
 .tree-item>a{
     padding-left: 31px;
 }

.tree-item.current>a,
 .tree-item.active>a,
 .tree-item:hover>a {
    background-color: #E8F4FF;
    color: #3694EB;
 }
 
 .current .tree-iconr{
    width: 16px;
    height: 7px;
     background: url('../images/tree-iconl-2.png') no-repeat;
 }
 .current .tree-sub{
     display: block;
 }