#demoLesson .introTitle {position:relative}
#demoLesson .introTitle h3{text-align:center}
#demoLesson .clear{clear:both}
#demoLesson .selectBox{position:absolute;width:200px;top:0;right:0;background-color:#eaeaea;z-index:99;border-radius:20px}
#demoLesson .btn-class{padding:8px 24px;display:block;text-align:center;background-color:#8c8c8c;border-radius:100px;color:#fff;text-decoration:none;position:relative}
#demoLesson .selectBox ul{width:100%;padding:12px;overflow:hidden;display:none}
#demoLesson .selectBox ul li{list-style:none;width:50%;float:left}
#demoLesson .selectBox ul li a{padding:8px 12px;display:block;text-decoration:none;border-radius:100px;text-align:center;color:#262626}
#demoLesson .btn-class img{position:absolute;top:50%;transform:translateY(-50%);right:18px}
#demoLesson .selectBox ul li a:hover,.selectBox ul li a.active{background-color:#ea8f44;color:#fff}
#demoLesson .videoLesson{width:55%;float:left;padding:12px}
#demoLesson .listLesson{width:45%;float:left;height:500px;overflow:auto}
#demoLesson .wrapVideo{position:relative;height:0;padding-bottom:56.25%}
#demoLesson .wrapVideo iframe{width:100%;height:100%;position:absolute}
#demoLesson .listLesson ul{list-style:none;padding-left:0;margin:0}
#demoLesson .listLesson ul a{padding:12px;display:block}
#demoLesson .listLesson ul a.active{background:#ccc}
#demoLesson .listLesson ul a img{width:148px;height:84px;background:red;object-fit:cover;float:left}
#demoLesson .listLesson ul a p{float:left;width:100px;margin:0 0 0 12px}
#demoLesson .listLesson::-webkit-scrollbar{width:8px}
#demoLesson .listLesson::-webkit-scrollbar-track{background:#f1f1f1}
#demoLesson .listLesson::-webkit-scrollbar-thumb{background:#888}
#demoLesson .listLesson::-webkit-scrollbar-thumb:hover{background:#555}
#listClass{display:none}
@media all and (max-width:768px){#demoLesson .listLesson,#demoLesson .videoLesson{width:100%}
#demoLesson .selectBox{position:relative;margin:0 auto}
#demoLesson .btn-class{z-index:4}
#demoLesson .selectBox ul{position:absolute;z-index:3;background-color:#eaeaea;top:0;margin:0;padding:50px 12px 12px;border-radius:0 0 14px 14px}}