.position{height: 37px;}
.position i{font-size: 12px;}
.choose{height: 50px; line-height: 50px;}
.choose a{padding:5px 10px;}
.choose a:hover,.choose a.active{background:var(--primary); color: #fff;}

.choose .sub{margin-left: 40px;}
.choose dt{font-weight: bold;}
.choose button{padding:8px 10px; background: var(--primary); color: #fff; cursor: pointer;}
.choose button:hover{ opacity: 0.9; }


.tree {width: 206px; position: sticky; top: 0px; z-index: 100;}
.tree .tit{font-size: 14px; height: 35px; line-height: 35px;  color:#fff; background: var(--primary); text-align:center; font-weight: bold;}

.tree dl {
    border-bottom: 1px dotted rgb(238, 238, 238);
    padding-bottom: 15px;
}
.tree dl dt i{display:inline-block; width: 3px; height: 12px; border-radius: 6px;background: var(--primary);}
.tree dl dd {
    padding-left: 20px;
    height: 30px;
}

.tree dl dd a{display: block;}
.tree dl dd p {
    line-height: 30px;
}
.tree dl dd a.active p{color:var(--primary);}
.tree dl dd span {
    padding: 0px 10px;
    background: linear-gradient(to right, rgb(232, 176, 103), rgb(222, 193, 156));
    border-radius: 12px;
    color: rgb(109, 70, 35);
    margin-top: 4px;
    font-size: 12px;
    border: 1px solid #E8B87A;
}

.book{width: 899px;}
.book-name i{display:inline-block; width: 3px; height: 12px; border-radius: 6px;background: var(--primary);}

.book .list-tit{ line-height: 35px; }
.book .list-tit i{ padding:2px 10px; line-height: 21px; background: linear-gradient(to left, #75502A, #473422); border-radius: 12px; color:#FADEBE; margin-top: 10px;}
.book .list-tit .more{color:var(--primary);}
.book ul{border: 1px solid #EEEEEE;}
.book ul li{padding-top: 15px; padding-bottom:15px;}
.book ul li:nth-child(2n) {background: #ECF4FA;}
.resource-name{width: 580px; overflow: hidden;}
.book .time{color:#777;}

.zuoye-choose{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 200;
}

.zuoye-book-name{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}