/*课时清单*/
.chapter-name { font-size: 16px; padding: 0 15px 0 55px; height:44px; line-height:44px; background: #f6f6f6; font-weight: bold; color:#7e838c; position: relative; border: 1px solid #e6e6e6; box-sizing: border-box } 
.chapter-box { padding: 15px 0 15px 15px; position: relative; } 
.chapter-index { width:22px; height: 22px; border:3px solid #7e838c; border-radius: 50%; text-align: center; line-height: 22px; position: absolute; left:15px; top:50%; margin-top:-14px; } 
.section-name { font-size:14px; line-height:44px; font-weight:bold; height:44px; position: relative; color:#919491; border:1px solid #e6e6e6; padding:0 15px; z-index: 9; background: #fafafa; box-sizing: border-box } 
.chapter-box::before,
.keshi::before { content: ''; width: 1px; height: 100%; position: absolute; top:0; background: #e6e6e6; z-index: 1; } 
.chapter-box::before { left:30px; } 
.keshi::before { left:85px; } 
.keshi { margin-left:15px; position: relative; } 
.keshi .keshi-url { display: block; position: relative; height: 44px; line-height: 44px; font-size: 14px; padding: 0 15px 0 105px; transition: .3s; } 
.keshi .keshi-url:hover { color:#333; background: #f5fbfe } 
.keshi .type-name { width: 75px; position: absolute; left:0; top:0; text-align: center; color:#919491 } 
.keshi .learn-state { width: 16px; height: 16px; position: absolute; left:75px; border:2px solid #989aa1; border-radius: 50%; top:50%; margin-top:-10px; background: #fff; z-index: 9; } 
.keshi .learn-state span { width:16px; height:16px; display: block; background-image: url(learn-state.png); background-repeat: no-repeat; background-size: 100%; } 
.keshi .learn-state .schedule-icon0 { background-image: none } 
.keshi .learn-state .schedule-icon10,
.keshi .learn-state .schedule-icon20,
.keshi .learn-state .schedule-icon30 { background-position: 0 -16px; } 
.keshi .learn-state .schedule-icon40,
.keshi .learn-state .schedule-icon50,
.keshi .learn-state .schedule-icon60 { background-position: 0 -32px; } 
.keshi .learn-state .schedule-icon70,
.keshi .learn-state .schedule-icon90 { background-position: 0 -48px; } 
.keshi .learn-state .schedule-icon100 { background-position: 0 0; } 
.keshi .learn-btn { position: absolute; right:0; top:6px; height: 32px; line-height: 32px; width: 64px; text-align: center; background: #E64A3B; color:#fff; font-size: 12px; z-index: 9; display: none } 
.keshi .learn-btn:hover { background: #E64A3B } 
.keshi .unlearn .learn-btn { background: #E64A3B } 
.keshi .unlearn .learn-btn:hover { background:#E64A3B } 
.keshi .keshi-duration { float:right; font-size:12px; color:#a3a7a8; background: url(play.png) no-repeat 0 50%; padding-left: 20px; } 
.keshi .zl-link-tips { width:69px; height: 26px; line-height: 22px; background: url(tips.png) no-repeat; color:#fff; position: absolute; left:50%; margin-left:-35px; top:-15px; text-align: center; display: none } 
.keshi .zlicon { float:right; width:44px; height: 44px; position: relative; z-index: 9; background: url(icon-zl.png) no-repeat 50% 50%; position: relative; transition: .3s; right: 0 } 
.keshi .zlicon:hover .zl-link-tips { display: block; } 
.keshi .zlicon-disabled { background:url(icon-zl-dis.png) no-repeat 50% 50%; } 
.keshi .free { color:#e7352b; margin-left:15px; } 
.keshi .purchased { color:#e7352b; } 
.keshi:hover .keshi-url { padding-right: 104px; } 
.keshi:hover .zlicon { right:64px } 
.keshi:hover .learn-btn { display: block } 
.keshi-exam { padding-left: 105px; margin:5px 0; } 
.keshi-exam a { color:#5b5b5b; line-height:24px; font-size:14px; } 
.keshi-exam a:hover { color: #2495e4 } 
.keshi-exam span { background: #fafafa; padding: 3px 6px; border-radius: 3px; margin-right: 10px }