@charset "UTF-8";
/**
 * 
 * @authors yutent (yutent@doui.cc)
 * @date    2017-04-14 21:18:53
 * 
 */



.do-tree {overflow:hidden;overflow-y:auto;position:relative;width:100%;height:100%;line-height:28px;

    ul {width:100%;height:auto;}
    li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

    li ul {display:none;margin-left:20px;}
    li ul.open {display:block;}

    li em,
    li span {display:block;cursor:pointer;}
    li em {float:left;padding:0 5px;color:#000;font-family:"ui font" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
    li span:hover {color:#6bb294;}
    li span.active {color:#000;font-weight:bold;}

    &.skin-def {
        li>em::before {content:"\e612";}
        li.dir>em::before {content:"\e622";}
        li.dir.open>em::before {content:"\e8ea";}
    }

    &.skin-light {
        li>em::before {content:"\e73e";}
        li.dir>em::before {content:"\e635";}
        li.dir.open>em::before {content:"\e8ea";}
    }


    &.skin-line {
        li>em::before {content:"\e614";}
        li.dir>em::before {content:"\e8eb";font-weight:bold;}
        li.dir.open>em::before {content:"\e662";}
    }
}