.video-live-session .live-video{
    width: 776px;
    padding: 0;
    margin:0
    /*height: 436px;*/

}
.video-live-session .live-video-main{
    height: 436px;
    width: 100%;
    position: relative;
    /*background: #353535;*/
}
.video-live-session .live-video-main-img {
    width: 100%;
    height: 100%;
    background: #353535;
}
.video-live-session .live-video-main-img  img{
    opacity: 0.3;
    width: 100%;
    height: 100%;
}
.video-live-session .live-video-main-play{
    width: 100%;
    height: 100%;
}
.video-live-session .live-video-main-sub-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-live-session .live-video-main-sub-btn .btn{
    padding: 9px 26px;
    font-weight: 400;
    font-size: 16px;

    /*line-height: 19px;*/

    font-style: normal;
    text-transform: none;
    border: none;

    border-radius: 100px 100px 100px 100px;
}
.video-live-session .live-video-main-sub-btn .btn-primary{
    background: #009BF8;
    color: #FFFFFF;
}
.video-live-session .live-video-main-sub-btn span{

    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
    text-transform: none;
}

.video-live-session .course-title{
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 23px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.video-live-session .course-teacher-avatar{
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    position: relative;
}

.video-live-session .course-like-btn{
    padding: 0 19px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    border: 1px solid #CCCCCC;

    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 40px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.video-live-session .course-share-btn{
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 100px 100px 100px 100px;
    border: 1px solid #CCCCCC;
}

.video-live-session .course-video-detail{
    width: 776px;
    background: #F4F4F4;
    border-radius: 4px 4px 4px 4px;
}
.video-live-session .course-sub{
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.video-live-session .course-remark{
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    word-break: break-all;
}
.video-live-session .course-video-sub-title{
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 23px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.video-live-session .video-live-sub-session{

}
 .video-live-sub-item{
    /*width: 500px;*/
    width: 454px;
    height: 122px;
    background: #F4F4F4;
    padding: 11px 16px;
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
     position: relative;
}
.video-live-sub-item .live-info{
    /*max-width: 200px;*/
}
.video-live-sub-item .live-info-has-img{
    width: 230px;
}
 .video-live-sub-item .live-title{
    font-weight: 400;

    font-size: 16px;
    color: #000000;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.video-live-sub-item .live-desc{
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.video-live-sub-item .live-button{
    width: 88px;
    height: 32px;
    background: #009BF8;
    border-radius: 100px 100px 100px 100px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 16px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.online-button-live{
    position: absolute;
    left: 4px;
    top: 4px
}
.live-course-status{
    width: 96px;
    height: 32px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(252,1,0,0.6);

    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px;

}
.live-course-status .live-course-status-tag{
    width: 88px;
    height: 24px;
    background: #FC0100;
    border-radius: 2px 2px 2px 2px;
}