/*
@Author : Wang linYi
@Date   : 2018/7/31
备注 : 右侧大纲样式
*/
.treeNode {
    width: 380px;
}
.treeNode-label {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.courseText{
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-left: 32px;
}
.courseText1{
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.treeNode-slide {
    height: 36px;
    line-height: 36px;
    margin: 2px 0px;
}
.treeNode-status{
    width: 23px;
    height:23px;
    display: inline-block;
    margin: 8px 13px 0px 0px;
    float: right;
}
.childrenList .treeNode-status{
    margin: 8px 21px 0px 0px;;
}
.childrenList-li .treeNode-status{
    margin: 8px 10px 0px 0px;
}
.try-learn{
    background: url(../images/try-learn.png)  no-repeat;
    background-size: 90% 90%;
}
.lock-learn{
    background: url(../images/lock-learn.png)  no-repeat;
    background-size: 90% 90%;
}
.no-learn{
    background: url(../images/not-learning.png)  no-repeat;
    background-size: 90% 90%;
}
.learning{
    background: url(../images/learning.png)  no-repeat;
    background-size: 90% 90%;
}
.have-learned{
    background: url(../images/have-learned.png)  no-repeat;
    background-size: 90% 90%;
}
.unopened{
    background: url(../images/no-learned.png)  no-repeat;
    background-size: 90% 90%;
}
.treeNode-icon {
    width:16px;
    height:30px;
    line-height: 30px;
    background:url("../images/outline-minus.png") no-repeat 0 4px;
    padding-right: 5px;
    margin-left: 6px;
    display:inline-block;

}
.treeNode-icon.active{
    width:16px;
    height: 30px;
    line-height: 30px;
    background:url("../images/outline-plugin.png") no-repeat 0 4px;
    display: inline-block;
}
.childer{
    padding-left: 13px;
}
.children{
    padding-left: 26px;
}
.childrenList li {
    width: 364px;
    height: 36px;
    line-height: 34px;
    padding-left: 23px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #3c3c3c;
}
ul .childrenList-li{
    width: 353px;
    padding-left: 24px;
}
.childrenList li.active{
    color:#077df5;
}
.childrenList li:hover{
    background:#343434;
}
.childrenList .active {
    color: #0581ff;
}
.treeNode .treeNode-slide{
    border-bottom: 1px solid #3c3c3c;
}