.video-catalog { & li:first-child{ border-top: 1px solid #E7EAF1; } li { line-height: 44px; border-bottom: 1px solid #E7EAF1; padding: 0 15px; &.active { .video-title { background-color: #F5FBFF; color: $active; } .exercise{ border-top: 1px solid #E7EAF1; font-size: $font_12; .iconiconfront-3{ font-weight: bold; color: $active; } } } .video-title { height: 44px; margin: 0 -15px; padding: 0 15px; .iconfont{ font-size: 22px; } } a:last-child { .exercise { margin-bottom: 15px; } } .exercise { padding-left: 15px; height: 35px; background: #F5FBFF; line-height: 35px; font-size: $font_12; color: #000; border-top: 1px solid transparent; .iconfont { font-size: 18px; //font-weight: bold; } } } .title { display: inline-block; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: $font_14; margin-right: 26px; } .duration { display: inline-block; font-size: 11px; overflow: hidden; } .iconfont { float: right; } .iconplay_hovericon{ color: $active; } }