.cnt{height:auto;display:flex;flex-direction:column;margin:0 auto}.videoitem{padding-top:30px}.videoitem .videoitem-top{height:auto;background:#fff;border-radius:8px;box-sizing:border-box}.videoitem .videoitem-top-title{display:flex}.videoitem .videoitem-top-title-left{flex:1;width:900px;height:506px;position:relative}.videoitem .videoitem-top-title-left #my-player{width:100%;height:100%}.videoitem .videoitem-top-title-right .course-chapter-box{width:300px;height:506px;box-sizing:border-box;padding:30px 10px 30px 30px;background:#fff;overflow-y:auto;overflow-x:hidden}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191:first-child{margin-top:0}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191{width:100%;height:auto;margin-top:50px}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191 ._chapter-name_4ozau_199{width:100%;height:16px;font-size:16px;font-weight:600;color:#333;line-height:16px;margin-bottom:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;text-align:left}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191 .color199{color:#3ca7fa}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191 ._chapter-videos-box_4ozau_219{width:100%;height:auto}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191 ._chapter-videos-box_4ozau_219 ._video-item_4ozau_1{width:100%;height:24px;display:flex;flex-direction:row;align-items:center;position:relative;cursor:pointer;margin-top:30px;overflow:hidden}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191 ._chapter-videos-box_4ozau_219 ._video-item_4ozau_1 ._video-title_4ozau_18{height:22px;font-size:14px;font-weight:400;color:#333;line-height:14px;display:flex;flex-direction:row;align-items:center}.videoitem .videoitem-top-title-right .course-chapter-box ._chapter-item_4ozau_191 ._chapter-videos-box_4ozau_219 ._video-item_4ozau_1 ._video-title_4ozau_18 ._active-text2_4ozau_63{color:#3ca7fa;width:222px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;text-align:left}.videoitem .course-tabs{width:1200px;margin:0 auto;height:72px;position:relative;box-sizing:border-box;display:flex;flex-direction:row;padding:28px 30px;border-radius:0 0 8px 8px}.videoitem .course-tabs .item-tab{min-width:64px;height:16px;font-size:16px;font-weight:400;color:#666;line-height:16px;margin-right:80px;cursor:pointer;position:relative}.videoitem .course-tabs .active{font-weight:600;color:#3ca7fa}.videoitem .course-tabs .actline{width:52px;height:4px;background:#3ca7fa;position:absolute;left:6px;top:40px}.videoitem ._coursr-desc_coas0_123{padding:30px;background:#fff;margin-top:30px;border-radius:8px;font-size:16px;font-weight:400;color:#333;line-height:30px;text-align:left;margin-bottom:30px}