.album-3{background-color:#e74d4d}.album-8{background-color:#369aef}.album-7{background-color:#24cfa8}.album-4{background-color:#ffc355}.album-12{background-color:#f15a9c}.album-0,.album-99{background-color:#8276f0}.site-main .lesson-wrap{padding-bottom:60px}.site-main .lesson-wrap .ls-left{width:300px;margin-bottom:40px;border-radius:6px;background-color:#fff}.site-main .lesson-wrap .ls-left .knowledge-tit{height:50px;line-height:50px;padding-left:40px;color:#333;font-size:18px;border-bottom:1px solid #eee;background-color:#fff;border-radius:6px 6px 0 0}.site-main .lesson-wrap .ls-left .hd{position:relative;max-width:300px;background-color:#fff;color:#fff;border-radius:6px 6px 0 0}.site-main .lesson-wrap .ls-left .hd.drop{border-radius:6px 0 0}.site-main .lesson-wrap .ls-left .hd .c-b-info{padding:20px 0 20px 20px;background:linear-gradient(180deg,#D5E3F7 0,rgba(242,242,242,0) 100%);border-radius:6px 6px 0 0}.site-main .lesson-wrap .ls-left .hd .c-b-info .book-cover-wrap{position:relative;width:76px;height:100px;background-color:#f2f2f2;border-radius:6px;overflow:hidden;margin-right:15px}.site-main .lesson-wrap .ls-left .hd .c-b-info .book-cover-wrap .book-cover{width:100%;height:100%}.site-main .lesson-wrap .ls-left .hd .c-b-info .book-cover-wrap .new-book-tag{position:absolute;bottom:0;left:50%;margin-left:-27px;color:#fff;background-color:#e32a12;border-radius:4px 4px 0 0;font-size:12px;width:54px;height:20px;line-height:22px;text-align:center}.site-main .lesson-wrap .ls-left .hd .c-b-info .book-cover-wrap .new-book-tag.old-book-tag{background-color:rgba(0,0,0,.7);color:#fff}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row{margin-bottom:3px}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row:last-child{margin-bottom:0}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row.hide{display:none}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row .label,.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row .value{line-height:20px;font-size:12px;color:#707070;display:inline-block;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row.book,.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row.publisher,.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row.version{height:20px}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .row.publisher .value{max-width:110px}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .title{font-weight:700;font-size:16px;color:#363636;max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .version-book-switch{width:130px;height:30px;display:flex;justify-content:center;align-items:center;color:#2b99ff;background-color:#d6e7f7;border-radius:15px;cursor:pointer}.site-main .lesson-wrap .ls-left .hd .c-b-info .info-wrap .version-book-switch .icon{margin-right:4px}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown{position:absolute;top:0;left:100%;z-index:10;display:none;border:1px solid #f2f2f2;background-color:#fff;box-shadow:2px 2px 4px 0 rgba(0,0,0,.2);color:#333;width:600px;padding-bottom:15px;cursor:default;border-radius:0 6px 6px 0}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown.residue-with{width:900px}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown.long-width{width:1200px}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown>ul{margin-bottom:10px}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions{margin:0 15px;padding:10px 0;border-top:1px solid #eee}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books:first-child,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions:first-child{border-top:none;padding-bottom:5px}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books .label-text,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions .label-text{height:24px;line-height:24px;color:#666}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books .list-wrap,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions .list-wrap{padding-left:50px}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books .list-wrap .link,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions .list-wrap .link{position:relative;display:inline-block;margin:0 5px 5px 0;height:24px;line-height:24px;padding:0 10px;border-radius:2px;cursor:pointer}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books .list-wrap .link.ms,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions .list-wrap .link.ms{color:#f60}.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books .list-wrap .link.active,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books .list-wrap .link:focus,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .books .list-wrap .link:hover,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions .list-wrap .link.active,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions .list-wrap .link:focus,.site-main .lesson-wrap .ls-left .hd .versions-books-dropdown .versions .list-wrap .link:hover{background-color:#2b99ff;color:#fff}.site-main .lesson-wrap .ls-left .new-old-book-wrap{position:relative;top:0;z-index:3;text-align:center}.site-main .lesson-wrap .ls-left .new-old-book-wrap .link{position:relative;display:inline-block;width:94px;height:40px;line-height:40px;border-radius:6px 6px 0 0;border:1px solid #E8F2FC;text-align:center;font-size:14px;color:#666;margin:0 5px;border-bottom:none}.site-main .lesson-wrap .ls-left .new-old-book-wrap .link.new{color:#f60}.site-main .lesson-wrap .ls-left .new-old-book-wrap .link.on{background-color:#2468f2;border-color:#2468f2;color:#fff}.site-main .lesson-wrap .ls-left .new-old-book-wrap .link .new-icon{position:absolute;right:3px;top:3px}.site-main .lesson-wrap .ls-left .zone-books-wrap{border-radius:6px}.site-main .lesson-wrap .ls-left .zone-books-wrap .chapters-tree-wrap{min-height:520px}.site-main .lesson-wrap .ls-left .chapters-tree-wrap{position:relative;z-index:2;background-color:#fff;padding:20px 0 50px 20px;min-height:570px;border-radius:6px 6px 0 0;border-top:1px solid #E7F3FF}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .treeHidden{display:none}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree a.active{color:#2b99ff}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree .wrapper{padding:0 10px;display:table;width:100%}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree .spacer{display:table-cell;width:0}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree .expander{display:table-cell;vertical-align:middle;padding-top:4px 0;width:16px;text-align:center;cursor:pointer}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree .display{display:table-cell;padding:6px 0 6px 6px;vertical-align:middle;cursor:pointer}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree .chapter-icon{width:13px;height:13px;display:block;background-repeat:no-repeat;background-position:center}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree .chapter-icon.close-icon{background-image:url(../img/close_tree.png)}.site-main .lesson-wrap .ls-left .chapters-tree-wrap .chapter-tree .chapter-icon.open-icon{background-image:url(../img/open_tree.png)}.site-main .lesson-wrap .ls-right{width:890px}.site-main .lesson-wrap .ls-right .result-total{font-size:12px;color:#999}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb{height:46px;padding:13px 20px;background-color:#fff;border-radius:6px;margin-bottom:10px}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .doc-album-wrap{position:relative;top:-4px;padding:3px;background-color:#f2f2f2;border-radius:6px;margin-right:20px;font-size:0}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .doc-album-wrap>.tab{display:inline-block;padding:3px 8px;border-radius:5px;color:#2b99ff;font-size:12px}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .doc-album-wrap>.tab.album-tab{cursor:pointer}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .doc-album-wrap>.tab.active{color:#fff;background-color:#2b99ff}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .doc-album-wrap .album-tip-icon{position:absolute;top:-24px;right:0;background-color:#FA8B41;border-radius:4px;text-align:center;height:20px;padding:2px 0;color:#fff;width:95px;font-size:12px}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .doc-album-wrap .album-tip-icon::after{content:'';position:absolute;right:50%;top:100%;margin-right:-20px;border-top:4px solid #FA8B41;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:4px solid transparent}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb.fixed-top{width:890px;left:50%;margin-left:-290px;box-shadow:0 0 22px 0 rgba(0,7,24,.08);border-radius:0 0 6px 6px}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb.fixed-top .album-tip-icon{display:none!important}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb.fixed-top .fixed-tags-wrap{display:block!important}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .fixed-tags-wrap{display:none;margin-left:30px;position:relative;color:#666;padding-bottom:15px;cursor:pointer}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .fixed-tags-wrap .list-dropdown .list-item.active,.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .fixed-tags-wrap .list-dropdown .list-item:hover,.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .fixed-tags-wrap .selected-text.on{color:#2b99ff}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .fixed-tags-wrap .list-dropdown{position:absolute;left:50%;top:30px;display:none;box-shadow:0 0 4px 0 rgba(185,185,185,.5);z-index:12;background:#fff;width:220px;margin-left:-40px;border:1px solid #eee;border-radius:4px;padding:5px 4px 5px 10px}.site-main .lesson-wrap .ls-right .docs-filters-wrap.tb .fixed-tags-wrap .list-dropdown .list-item{font-size:12px;text-align:center;padding:3px 0;margin-right:10px}.site-main .lesson-wrap .ls-right .docs-list-wrap{margin:10px 0}.site-main .lesson-wrap .ls-right .docs-list-wrap .docs-filters-wrap{height:40px;padding:10px 20px;border-bottom:1px solid #eee;background-color:#fff;border-radius:6px 6px 0 0}.site-main .lesson-wrap .ls-right .docs-list-wrap .docs-list{margin:0 20px}.site-main .lesson-wrap .ls-right .docs-list-wrap .new-docs-list{margin:0}.site-main .lesson-wrap .ls-right .list-bot-wrap{padding:20px;background-color:#fff;border-radius:6px}.site-main .lesson-wrap .ls-right .list-bot-wrap .list-title{font-size:16px;color:#666;margin-bottom:6px}.site-main .lesson-wrap .ls-right .list-bot-wrap .list-desc{font-size:12px;color:#999;line-height:1.5}