/**
    course list start 2020-01-19
*/
.ly_course_wrap {
    margin-top: 0.5rem;
}
.ly_course_wrap_title {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.live_chapterfile{
    display: inline-block;
    width:1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    color:#fff;
    background: #df0024;
    float:right;
    margin-top: 0.1rem;
}
.live_chapterfile:hover{
    color:#fff;
}
.ly_course_wrap_nav {
    width: 9rem;
    /*height: 0.45rem;*/
    /*border-bottom: 1px solid #df0024;*/
    float: left;
}
    .ly_course_wrap_nav ul {
        padding-left: 0rem;
        overflow: hidden;
    }
        .ly_course_wrap_nav ul li {
            width: 1.5rem;
            height: 0.45rem;
            line-height: 0.45rem;
            text-align: center;
            float: left;
        }
            .ly_course_wrap_nav ul li a {
                display: block;
                width: 100%;
                height: 100%;
                font-size: 0.18rem;
                color: #333333;
                cursor: pointer;
            }

                .ly_course_wrap_nav ul li a.active {
                    color: #fff;
                    background: #df0024;
                }
                .ly_course_wrap_nav ul li a:hover {
                    color: #fff;
                    background: #df0024;
                }
.ly_course_contribute {
    width: 2.65rem;
    float: right;
}
    .ly_course_contribute a {
        color: #fff;
        display: block;
        width: 100%;
        height: 0.45rem;
        background: #df0024;
        color: #fff;
        text-align: center;
        line-height: 0.45rem;
        font-size: 0.18rem;
        border: 1px solid #df0024;
    }
        .ly_course_contribute a:hover {
            background: #ffeded;
            color: #df0024;
        }
.ly_course_bigimg_wrap {
    margin-top: 0.2rem;
    width: 100%;
    height: auto;
    padding-bottom: 1rem;
    position: relative;
}

#topic_list{
    position:relative;
    // top:-0.65rem;
}
.ly_course_bigimg_list {
    width: 9rem;
    float: left;
    overflow: hidden;
}
.ly_course_bigimg_list_div {
    width: 100%;
    height: 100%;
    margin-top: 0.15rem;
}
.bbs_right_login{
    margin-top: 0.65rem;
}
.live_start_time{
    display: inline-block;
    margin-right: 5px;
}
.ly_course_bigimg_shipin {
    width: 100%;
    position: relative;
    zoom: 1;
}
    .ly_course_bigimg_shipin::after{
        content: "";
        display: block;
        visibility: hidden;
        opacity: 0;
        clear: both;
    }
    .ly_course_bigimg_default {
        width: 100%;
        height: 5rem;
    }
    .ly_course_bigimg_default img {
        width: 100%;
        height: 100%;
        border: 0.5px solid #ccc;
    }
    .ly_course_bigimg_list ul {
        width: 100%;
        overflow: hidden;
    }
        .ly_course_bigimg_list ul li {
            float: left;
            width: 24%;
            padding-top: 0;
            height: 1.22rem;
            position: relative;
            margin-left: 0.12rem;
            font-size: 0.16rem;
        }
            .ly_course_bigimg_list ul li:hover .ly_course_bigimg_list_title {
                top: 0;
            }
            .ly_course_bigimg_list ul li:nth-child(1) {
                margin-left: 0;
            }
.ly_course_bigimg_list_img {
    width: 100%;
    height: 100%;
}
    .ly_course_bigimg_list_img a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .ly_course_bigimg_list_img img {
        width: 100%;
        height: 100%;
    }
.ly_course_bigimg_list_title {
    position: absolute;
    top: -100%;
    left: 0;
    opacity: 0.8;
    transition: 0.5s;
    background-color: #df0024;
    color: #fff;
    width: 2.15rem;
    height: 1.1rem;
    padding: 0.1rem;
}
    .ly_course_bigimg_list_title a {
        color: #fff;
    }
.ly_course_bigimg_list_name {
    display: block;
    width: 100%;
    padding-left: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}
.ly_course_bigimg_list_usname {
    display: block;
    padding-left: 0.1rem;
    margin-top: 0.05rem;
}
.ly_course_bigimg_list_synopsis {
    display: block;
    padding-left: 0.1rem;
    margin-top: 0.05rem;
}
.ly_course_bigimg_list ul .now {
    border: 1px solid #df0024;
}
/*.ly_course_live_list {
    margin-top: 0.3rem;
}*/

.ly_course_live_list_nav {
    border-bottom: 1px solid #df0024;
    overflow: hidden;
    /*margin-top:0.3rem;*/
}
.ly_course_live_list .block-title {
    position: relative;
    padding-left: 0.1rem;
    border-bottom: 0.5px solid #ccc;
    padding-bottom: 0.1rem;
    font-size: 1.5em;
    font-weight: normal;
}

    .ly_course_live_list .block-title::before {
        content: "";
        display: block;
        width: 0.03rem;
        height: 0.19rem;
        position: absolute;
        left: 0;
        top: 0.05rem;
        background: #df0024;
    }
    .ly_course_live_list_nav .active {
        color: #fff;
        background: #df0024;
    }
.ly_course_live_list_nav a {
    display: block;
    /*width: 1.2rem;*/
    padding: 0 0.2rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    float: left;
    font-size: 0.18rem;
    color: #333333;
    cursor: pointer;
}
.ly_course_more {
    float: right;
    background: #df0024;
    color: #fff;
    height: 0.4rem;
    line-height: 0.4rem;
    width: 1rem;
    text-align: center;
    font-size:0.16rem;
}
.ly_course_video_hide_list {
    display: none;
}
.ly_course_live_list_nav a:hover {
    color: #fff;
    background: #df0024;
}
        .ly_course_video_list {
            overflow: hidden;
        }
.ly_course_video_demand {
    width: 100%;
    height: auto;
    margin-top: 0.1rem;
}

.ly_course_video_more {
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: .16rem;
    font-style: normal;
    background: rgb(222, 6, 41);
    color: #fff;
    border: none;
}

.ly_course_video_demand li {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
    margin: 0.1rem 0.15rem 0.1rem 0;
    float: left;
    position: relative;
    padding-bottom: 0.2rem;
    font-size: 0.16rem;
}
        .ly_course_video_demand li .detailss {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }
.ly_course_video_demand li{

}
    .ly_course_video_demand li .deta_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ly_course_video_demand li .deta_img {
        width: 2.5rem;
        height: 1.48rem;
        position: relative;
        float: left;
        position: relative;
    }
        .ly_course_video_demand .layui-flow-more a {
            display: inline-block;
            width: 100%;
            height: 36px;
            line-height: 36px;
            text-align: center;
            font-size: .16rem;
            font-style: normal;
            background: rgb(222, 6, 41);
            color: #fff;
        }
        .ly_course_video_demand .layui-flow-more a cite {
            font-style: normal;
        }
.CourseInfo {
    margin: 0 0 0 0.2rem;
    float: left;
    display: inline;
    font-size: 0.14rem;
    width: 69%;
}

.CourseName {
    font-size: 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}

    .CourseTeacher {
        margin-top: 0.1rem;
        overflow: hidden;
    }

    .CourseTeacher a {
        display: inline-block;
        height: 28px;
        line-height: 28px;
        color: #999999;
        cursor: default;
    }
    .CourseTeacher a span {
        color: #999999;
    }
    .CourseDesc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 0.28rem;
        font-size: 0.16rem;
    }

.CourseAdd {
    font-size: 0.14rem;
    float: right;
    margin-top: 0;
}

    .CourseAdd span{
        color: #df0024;
    }
    .CoursePrice {
        color: #df0024;
        line-height: 0.3rem;
    }

.RankAdd {
    height: 0.16rem;
    line-height: 0.16rem;
}
.ly_course_live_right {
    width: 2.65rem;
    height: auto;
    float: right;
}
.ly_course_live_apply {
    width: 100%;
    margin: 0.3rem 0 0.26rem 0;
}
    .ly_course_live_apply a {
        display: block;
        width: 100%;
        height: 0.45rem;
        /*background: #df0024;
        color: #fff;*/
        background: #ffeded;
        color: #df0024;
        text-align: center;
        line-height: 0.45rem;
        font-size: 0.18rem;
        border: 1px solid #df0024;
    }
        .ly_course_live_apply a:hover {
            background: #ffeded;
            color: #df0024;
            border: 1px solid #df0024;
        }

    .ly_course_live_apply a:hover span {
        background: url(/img/content/zhibo.svg)no-repeat;
    }

    .ly_course_live_apply span {
        display: inline-block;
        width: 0.4rem;
        height: 0.3rem;
        /*background: url(/img/LiveVideoImg/Live.png)no-repeat;*/
        background: url(/img/content/zhibo.svg)no-repeat;
        background-size: 0.4rem 0.3rem;
        margin-right: 0.1rem;
        vertical-align: text-bottom;
    }
.ly_course_live_right_teacher {
    margin-top: 0.3rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #999999;
}
.ly_course_live_right_title {
    font-size: 0.2rem;
}
.ly_course_live_right_title {
    padding-right: 0.1rem;
    font-size: 0.16rem;
}
    .ly_course_live_right_title span {
        padding-left: 0.15rem;
        position: relative;
        font-weight: bold;
        font-size: 0.18rem;
        color: #666666;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #eee;
        padding-bottom: 0.12rem;
    }
        .ly_course_live_right_title span::before {
            content: "";
            display: block;
            width: 0.03rem;
            height: 0.19rem;
            position: absolute;
            left: 0;
            top: 0.02rem;
            background: #df0024;
        }
.ly_course_live_right_scrollbox {
    width: 2.65rem;
    height: auto;
    overflow: hidden;
    margin-top: 0.2rem;
}
    .ly_course_live_right_scrollbox > div:nth-child(1) {
        width: 2.65rem;
        overflow: hidden;
        max-height: 3.1rem;
        min-height: 0.6rem;
        height: auto;
    }
    .ly_course_live_right_scrollbox ul {
        width: 100%;
        height: 100%;
    }
        .ly_course_live_right_scrollbox ul li {
            height: 0.5rem;
            width: 2.65rem;
            overflow: hidden;
            vertical-align: bottom;
            zoom: 1;
            font-size: 0.16rem;
        }
.ly_course_live_right_umg {
    float: left;
}
    .ly_course_live_right_umg img {
        width: 0.3rem;
        height: 0.3rem;
        border-radius: 50%;
        overflow: hidden;
        margin-top: 0.1rem;
    }
.ly_course_live_right_sideline {
    width: 1.4rem;
    height: 0.3rem;
    float: left;
    margin-left: 0.1rem;
    margin-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 0.3rem;
}
.ly_course_live_right_userimg_right {
    margin-top: 0.12rem;
    float: right;
}
.followUserPost {
    display: block;
    text-align: center;
    line-height: 0.25rem;
    background: #df0024;
    color: #fff;
    padding: 0 0.1rem;
    cursor: pointer;
}
.ly_course_live_right_userimg_right .active {
    background: #ccc;
}
.ly_course_live_right_hit {
    float: right;
    height: 0.28rem;
    width: 0.7rem;
}
    .ly_course_live_right_hit span {
        display: inline-block;
        cursor: pointer;
        width: 0.28rem;
        height: 0.28rem;
        cursor: pointer;
        color: #df0042;
        border: 1px solid #e5e5e5;
    }
.ly_course_live_left_span {
    background: url(/img/default/arrow_up.png) 0px center no-repeat;
}
.ly_course_live_right_span {
    background: url(/img/default/arrow_down.png) 0px center no-repeat;
}
.ly_course_live_hot {
    margin-top: 0.3rem;
}
    .ly_course_live_hot ul {
        width: 100%;
    }
        .ly_course_live_hot ul li {
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-top: 0.2rem;
            font-size: 0.16rem;
            text-overflow: ellipsis;
            border-bottom: 1px solid #e5e5e5;
            padding: 0.3rem 0 0.05rem 0;
        }
.ly_course_live_hot_li h3 {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 0.26rem;
}
    .ly_course_live_hot_li h3 a {
        font-size: 0.16rem;
        color: #666;
    }
.ly_course_live_hot_li div {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0.01rem 0;
    font-size: 0.14rem;
}
.ly_course_live_hot_hotphon {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}
.ly_course_live_hot_hotname {
    width: 0.75rem;
    display: inline-block;
    width: 1.3rem;
    height: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: 0.05rem;
    color: #999;
}
.ly_course_live_hot_rank {
    display: inline-block;
    width: 0.4rem;
    background: #ccc;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 0.2rem;
    vertical-align: middle;
    height: 0.16rem;
    line-height: 0.16rem;
}
.ly_course_live_hot_hotime {
    float: right;
    margin-right: 0.1rem;
    margin-top: 0.05rem;
    color: #999;
}
/**
    course list end 2020-01-19
    course detail start 2020-01-19
*/
/*.ly_videodetail_wrap {
    margin-top: 0.6rem;
}*/
    .ly_videodetail_top {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto;
        padding-bottom: 0.2rem;
    }

.ly_videodetail_wrap_name {
    text-align: center;
    letter-spacing: 0.1rem;
    padding-bottom: 0.3rem;
    font-size: 0.3rem;
    color: #333333;
}
.ly_videodetail_top > div {
    width: 12rem;
    height: 6.748rem;
}
    .ly_videodetail_top img {
        width: 100%;
        height: 100%;
    }
.videodetail_top {
    overflow: hidden;
    width: 100%;
    height:5rem;
    padding-bottom: 0.2rem;

}
    .videodetail_top>div{
        float:left;
        height:100%
    }
    .ly_videodetail_status {
        background-color: #000;
        opacity: 0.9;
        width: 100%;
        height: 2.2rem;
        position: absolute;
        transition: 1s;
        top: -2.2rem;
    }
.ly_videodetail_top_des {
    position: relative;
    line-height: 0.3rem;
    max-height: 0.6rem;
    overflow: hidden;
}
.ly_videodetail_p_after::after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 40px;
    color: #fff;
    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(right, transparent, #fff 55%);
    background: -moz-linear-gradient(right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}
.ly_videodetail_status_rest {
    color: #df0024 !important;
    font-weight: bold;
}
.ly_videodetail_status > span {
    display: block;
    color: #fff;
    font-size: 0.2rem;
    width: 42%;
    margin: 0.1rem auto;
}
.ly_videodetail_status .count_down {
    font-size: 0.25rem;
    text-align: center;
    line-height: 2rem;
    color: #fff;
}
.count_down span.date-s {
    color: #df0024;
}
.count_down >span{
    color:yellow;
    cursor:pointer;
    text-decoration:underline;
}
.ly_videodetail_status p {
    width: 42%;
    margin: 0.1rem auto;
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
    color: #fff;
    font-size: 0.2rem;
    line-height: 0.3rem;
}
.ly_videodetail_top:hover .ly_videodetail_status {
    top: 2rem;
}
.ly_videodetail_status a {
    display: block;
    width: 1.8rem;
    /*height: 0.5rem;*/
    background: #df0024;
    color: #fff !important;
    font-size: 0.18rem;
    margin-right: 0.2rem;
    position: absolute;
    bottom: 0.2rem;
    right: 0.2rem;
}
    .ly_videodetail_status a:hover {
        background: #ffeded !important;
        color: #df0024 !important;
        border: 1px solid #df0024;
    }
        .ly_videodetail_status a:hover > span > span {
            background-position: -0.85rem -2.87rem;
            margin-bottom: 0.02rem;
        }
.ly_videodetail_status_sign {
    display: block;
    height: 100%;
    float: right;
    margin-right: 0.4rem;
    line-height: 0.5rem;
    font-size: 18px;
}

    .ly_videodetail_status_sign span {
        display: inline-block;
        width: 0.34rem;
        height: 0.30rem;
        background: url(/../img/content/lib_sprites.png) no-repeat;
        vertical-align: middle;
        overflow: hidden;
        background-size: 2rem 3.25rem;
        background-position: -0.85rem -2.53rem;
        margin-right: 0.1rem;
    }
.ly_videodetail_mid {
    border-bottom: 0.5px solid #e5e5e5;
    padding-bottom: 0.15rem;
    zoom: 1;
}
.ly_videodetail_mid_top{
    zoom: 1;
}
    .ly_videodetail_mid_top::after, .ly_videodetail_mid::after{
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        opacity: 0;
    }
    .ly_videodetail_mid_left {
        float: left;
        width: 9rem;
    }
    .ly_videodetail_mid_left h3 {
        font-size: 0.22rem;
        color: #666666;
        font-weight: 600;
        line-height: 0.27rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
        .ly_videodetail_mid_left h3:nth-child(2) {
            color: #df0024;
        }
    .ly_videodetail_mid_left p {
        font-size: 0.16rem;
        margin-top: 0.2rem;
        height: auto;
        line-height: 0.26rem;
    }
.ly_videodetail_mid_right {
    float: right;
    width: 2rem;
    height: 0.5rem;
}
    .ly_videodetail_mid_right a {
        display: block;
        width: 100%;
        height: 100%;
        background: #df0024;
        color: #fff;
        margin: 0 auto;
    }
        .ly_videodetail_mid_right a:hover {
            background: #ffeded !important;
            color: #df0024 !important;
            border: 1px solid #df0024;
        }
            .ly_videodetail_mid_right a:hover > span > span {
                margin-bottom: 0.05rem;
                background-position: -0.85rem -2.86rem;
                width: 0.34rem;
            }
            .ly_videodetail_mid_btn {
                display: block;
                width: 100%;
                height: 100%;
                background: #ccc;
                color: #fff;
                margin: 0 auto;
            }
    .ly_videodetail_mid_btn > span {
        display: block;
        width: 1.4rem;
        height: 100%;
        margin: 0 auto;
        line-height: 0.5rem;
        font-size: 0.18rem;
    }
        .ly_videodetail_mid_btn > span > span {
            display: inline-block;
            width: 0.36rem;
            height: 0.34rem;
            background: url(https://shijiaoke.oss-cn-beijing.aliyuncs.com/News/7e2166c98f7b6a70d8c85a2380a778f9.png)no-repeat;
            vertical-align: middle;
            overflow: hidden;
            background-size: 2rem 3.25rem;
            background-position: -0.85rem -2.5rem;
        }
.ly_videodetail_name {
    width: 100%;
    height: 0.6rem;
    overflow: hidden;
    margin-top: 0.15rem;
}


    .ly_videodetail_name > a {
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        float: left;
    }
        .ly_videodetail_name > a img {
            width: 0.5rem;
            height: 0.5rem;
            border-radius: 50%;
        }

.ly_livedetail_name .ly_videodetail_date {
    width: auto;
    height: auto;
    float: left;
}
.ly_livedetail_name {
    width: 100%;
    /*height: 0.6rem;*/
    margin-top: 0.15rem;
    zoom: 1;
}

    .ly_livedetail_name::after {
        content: "";
        display: block;
        opacity: 0;
        visibility: hidden;
        clear: both;
    }

.ly_videodetail_date span {
    display: inline-block;
    font-size: 0.5rem;
    color: #999999;
    text-align: center;
    line-height: 0.35rem;
}
.ly_videodetail_date hr {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    border-top: 1px solid #e5e5e5;
}

.ly_videodetail_date p {
    text-align: center;
    font-size: 0.14rem;
    color: #999999;
    text-transform: capitalize;
    line-height: 0.1rem;
}

.ly_videodetail_lecturer {
    padding-left: 0.7rem;
    word-break: break-all;
}


    .ly_videodetail_lecturer > a {
        font-size: 0.16rem;
    }
        .ly_videodetail_lecturer > a > span:nth-child(2) {
            margin-left: 1rem;
        }
            .ly_videodetail_lecturer > a > span:nth-child(2) span, .ly_videodetail_lecturer > a > span:nth-child(1) span {
                color: #0084FF;
            }
    .ly_videodetail_lecturer > p {
        margin: 0.1rem 0 0.15rem 0;
        font-size: 0.16rem;
    }
.ly_livedetail_lecturer > p{
    margin: 0 0 0.1rem 0;
    font-size: 0.16rem;
}
.ly_livedetail_lecturer div {
    font-size: 0.16rem;
    color: #666;
    line-height: 0.25rem;
}
.ly_videodetail_lecturer p > span > span {
    display: inline-block;
    background-image: url(https://shijiaoke.oss-cn-beijing.aliyuncs.com/News/7e2166c98f7b6a70d8c85a2380a778f9.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    overflow: hidden;
    background-size: 2rem 3.25rem;
}
    .ly_videodetail_lecturer p > span {
        margin-right: 0.3rem;
    }
        .ly_videodetail_letter {
            cursor: pointer;
        }
            .ly_videodetail_letter span {
                width: 0.24rem;
                height: 0.24rem;
                background-position: -1.68rem -1.95rem;
                background-size: 2rem 3.25rem;
            }
.ly_videodetail_share {
    cursor: pointer;
}
    .ly_videodetail_share span {
        width: 0.24rem;
        height: 0.24rem;
        margin-right: 0;
        background-position: -1.76rem -1.72rem;
    }
.ly_videodetail_browse span {
    height: 0.2rem;
    width: 0.23rem;
    margin-right: 0;
    background-position: 0 -0.28rem;
}

.ly_videodetail_consult {
    margin: 0.2rem 0 0 0.4rem;
    font-size: 0.16rem;
}
.ly_videodetail_consult_wrap {
    width: 80%;
    height: 1.2rem;
    margin: 0.2rem 0 0 0.4rem;
    border: 1px solid #ccc;
}
    .ly_videodetail_consult_wrap textarea {
        width: 100%;
        height: 100%;
        resize: none;
        padding: 0.2rem;
    }
.ly_videodetail_consult_send, .ly_videodetail_consult_cancle {
    width: 0.8rem;
    height: 0.28rem;
    outline: none;
    border: none;
    float: right;
    cursor: pointer;
    margin-top: 0.2rem;
}
.ly_videodetail_consult_send {
    background: #df0042;
    color: #fff;
    margin-right: 0.6rem;
    font-size: 0.16rem;
}
.ly_videodetail_consult_cancle {
    margin-right: 0.2rem;
    font-size: 0.16rem;
}
.ly_videodetail_share_course {
    width: 90%;
    margin: 0.2rem auto;
}
    .ly_videodetail_share_course span {
        font-size: 0.16rem;
    }
.ly_videodetail_share_course_bottom {
    width: 90%;
    height: 0.3rem;
    margin: 0 auto;
    border: 1px solid #ccc;
}
    .ly_videodetail_share_course_bottom span {
        display: inline-block;
        line-height: 0.3rem;
        padding-left: 0.1rem;
        height: 0.3rem;
    }
    .ly_videodetail_share_course_bottom button {
        background: #df0024;
        color: #fff;
        margin-top: 0;
        width: 0.8rem;
        height: 0.28rem;
        outline: none;
        border: none;
        float: right;
        cursor: pointer;
    }
.ly_videodetail_bottom_list {
    width: 100%;
    height: auto;
    margin-top: 0.25rem;
    position: relative;
}
.ly_videodetail_bottom_list {
    width: 100%;
}

.ly_videodetail_bottom_card {
    width: 100%;
    overflow: hidden;
}
    .ly_videodetail_bottom_card li {
        float: left;
    }
        .ly_videodetail_bottom_card li::after {
            border-bottom: 2px solid #df0024 !important;
        }
        .ly_videodetail_bottom_card span {
            /*color: #df0024;*/
            /*color:#fff;*/
        }
.layui-tab-brief > .layui-tab-title .layui-this {
    /*color: #df0024 !important;*/
    background-color: #df0024 !important;
    color: #fff;
}
.layui-tab-title>li:hover{
    background-color: #df0024 !important;
    color: #fff;
}

    .layui-tab-brief > .layui-tab-more li.layui-this:after{
        border-bottom: 2px solid #df0024 !important;
    }
.ly_videodetail_bottom_room_list {
    margin-top: 0.2rem;
}
    .ly_videodetail_bottom_room_list ul {
        width: 100%;
    }
        .ly_videodetail_bottom_room_list ul li {
            width: 100%;
            height: auto;
            overflow: hidden;
            font-size: 0.16rem;
            margin-top: 0.1rem;
        }
.ly_videodetail_bottom_room_left {
    font-weight: bold;
}
.room_left {
    width: 7%;
    float: left;
    text-align: right;
}

.room_right {
    width: 93%;
    float: left;
}
.ly_videodetail_bottom_comment {
    margin-top: 0.2rem;
    margin-left: 0.1rem;
    width: 100%;
    height: auto;
}
.ly_videodetail_bottom_comment_wrap {
    margin-bottom: 0.1rem;
    border-bottom: 0.5px solid #ccc;
    padding-top: 0.1rem;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.ly_videodetail_comment_wrap_left {
    width: 0.6rem;
    height: 0.6rem;
    overflow: hidden;
    border-radius: 50%;
    float: left;
}
    .ly_videodetail_comment_wrap_left img {
        width: 0.6rem;
        border-radius: 50%;
        height: 0.6rem;
    }
.ly_videodetail_comment_list {
    width: 11.2rem;
    float: left;
}
.ly_videodetail_comment_name {
    margin-left: 0.15rem;
}
    .ly_videodetail_comment_cons_name > a {
        display: block;
        margin-top: 0.1rem;
        font-size: 0.14rem;
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ly_videodetail_comment_bottom_reply::after{
        content: "";
        display: block;
        visibility: hidden;
        opacity: 0;
        clear: both;
    }
    .ly_videodetail_comment_bottom_reply > span {
        float: left;
        line-height: 0.25rem;
        margin-top: 0.1rem;
        color:#999;
    }
.ly_videodetail_comment_bottom_action {
    float: right;
    height: 0.41rem;
    line-height: 0.41rem;
}
.ly_videodetail_showReple {
    color: #df0024;
    font-size: 0.14rem;
    padding-right: 0.15rem;
    cursor: pointer;
}
.ly_videodetail_reply_del {
    color: #df0024;
    font-size: 0.14rem;
    padding-right: 0.15rem;
    cursor: pointer;
}
.ly_videodetail_hideReple {
    cursor: pointer;
    width: 0.65rem;
    height: 0.41rem;
    line-height: 0.41rem;
    text-align: center;
    margin-right: 0;
    top: 0.03rem;
    display: none;
    color: #df0024;
    background: url(/img/icon75.png) no-repeat right center;
    background-size: 0.11rem 0.06rem;
    background-position: 0.45rem 0.18rem;
    padding-right: 0.15rem;
    position: relative;
    background-color: #f7f8fa;
    border: solid 1px #eeeeee;
    border-bottom: none;
}
.ly_videodetail_comment_time {
    overflow: hidden;
}
.my-pl-con {
    font-size: 0.16rem;
    color: #666;
    width: 100%;
    line-height: 0.32rem;
    margin-top: 0.05rem;
    display: block;
}

.hf-list-con {
    float: left;
    width: 100%;
    background-color: #eaeaec;
    margin-top: 0.07rem;
}

.reviewArea {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 0.15rem;
    margin-left: 0.1rem;
    overflow: hidden;
}

    .reviewArea pre {
        display: none !important;
    }

.comment-input {
    width: 6.3rem;
    height: 0.9rem;
    border: 1px solid #e5e5e5;
    float: left;
    padding: 0.1rem;
    font-size: 0.14rem;
    color: #555555;
}

a.plBtn {
    width: 1.73rem;
    height: 0.52rem;
    line-height: 0.52rem;
    background-color: #df0024;
    text-align: center;
    display: block;
    float: right;
    color: #FFFFFF;
    font-size: 0.18rem;
    margin-top: 0.38rem;
}

    a.plBtn:hover {
        background: none;
        border: 1px solid #df0024;
        color: #df0024;
    }

        a.plBtn:hover span.icon_c {
            background-image: url(/img/default/iconred.png);
        }

span.icon_c {
    background: url(/img/default/icon28.png)no-repeat;
    width: 0.2rem;
    height: 0.21rem;
    vertical-align: sub;
    display: inline-block;
    background-size: 0.2rem 0.21rem;
}
.layui-tab-title li{
    font-size: 18px !important;
    /*width:1rem;*/
}
.room_list li {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0.16rem;
    padding-bottom: 0.05rem;
}
    .room_list a:nth-child(n+2) li {
        padding-top: 0.15rem;
    }
    .Courplay {
        display: inline-block;
        width: 0.4rem;
        height: 0.3rem;
        background: #ccc;
        color: #666;
        text-align: center;
        line-height: 0.3rem;
        font-size: 0.16rem;
        background: url(/img/bofang.svg)no-repeat;
        vertical-align: middle;
        background-size: 0.25rem 0.25rem;
        cursor: pointer;
    }
.Courplay_del {
    background: url("https://shijiaoke.oss-cn-beijing.aliyuncs.com/Yunan/bofang20200929.png") no-repeat;
    background-size: 0.25rem 0.25rem;
}
.VioName {
    display: inline-block;
    margin-left: 0.2rem;
    font-size: 0.16rem;
    cursor: pointer;
    color: rgb(102,102,102);
}
.course_time {
    display: inline-block;
    float: right;
    color: #999;
}
.course_title::after {
    border-bottom: 1px solid #df0024 !important;
}
.liveDetail_sign > div {
    padding: 0.2rem;
    font-size: 0.16rem;
    color: #df0024;
    border-bottom: 1px solid #e5e5e5;
}

.liveDetail_sign .topic_detail_laud_username {
    padding: 0.3rem 0.6rem;
}
.topic_detail_laud_username {
    padding: 0.3rem 0.4rem;
    box-sizing: border-box;
    overflow: hidden;
}

    .topic_detail_laud_username li {
        text-align: center;
        width: 0.8rem;
        display: inline-block;
        padding-bottom: 0.2rem;
        margin: 0.03rem;
    }

        .topic_detail_laud_username li img {
            border-radius: 50%;
            width: 0.6rem;
            height: 0.6rem;
        }

        .topic_detail_laud_username li p {
            margin-top: 0.08rem;
            font-size: 0.16rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
.ly_live_pay_wrap {
    margin-top: 0.2rem;
    display: none;
}
.ly_live_pay_left {
    float: left;
    margin-left: 0.6rem;
    width: 35%;
}
    .ly_live_pay_left img {
        width: 2.6rem;
        height: 1.95rem;
    }
    .ly_live_pay_right {
        float: left;
        width: 55%;
        padding: 0.15rem;
        height: 1.95rem;
    }
.ly_live_pay_right_title {
    font-size: 0.22rem;
    color: #666666;
    font-weight: 600;
    line-height: 0.27rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ly_live_pay_right_user {
    margin: 0.5rem 0 0.3rem 0;
    font-size: 0.16rem;
}
.ly_live_pay_right_price {
    font-size: 0.18rem;
}
    .ly_live_pay_right_price span {
        display: inline-block;
        color: #df0024;
        margin-top: 0.2rem;
        font-weight: 600;
    }
.ly_live_pay_wrap button {
    display: inline-block;
    width: 0.9rem;
    height: 0.3rem;
    line-height: 0.3rem;
    border: none;
    text-align: center;
    margin-top: 0.2rem;
    float: right;
    font-size: 0.16rem;
}
.ly_live_pay_left_btn {
    margin-right: 0.6rem;
}
.ly_live_pay_right_btn {
    background: #df0042;
    color: #fff;
    margin-right: 0.3rem;
    font-size: 0.16rem;
}

.ly_bbs_topiccomment_list_bbs_reply {
    width: 100%;
    overflow: hidden;
    padding: 0 0.2rem;
    padding-bottom: 0.15rem;
    background-color: #f7f8fa;
    border: solid 1px #eeeeee;
    margin-bottom: 0.15rem;
    padding-top: 0.2rem;
}

.ly_bbs_topiccomment_list{
    width: 100%;
    height: auto;
}

    .ly_bbs_topiccomment_list li {
        margin-top: 0rem;
        padding-top: 0.2rem;
        overflow: hidden;
        padding-bottom: 0.2rem;
    }

    .ly_bbs_topiccomment_list li:nth-child(n+2) {
        border-top: 1px solid #e5e5e5;
    }

.ly_bbs_topiccomment_top {
    color: #333;
    font-size: 0.14rem;
    line-height: 0.24rem;
    word-wrap: break-word;
    word-break: break-word;
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}


.ly_bbs_topiccomment_left {
    width: 0.5rem;
    height: 0.5rem;
    float: left;
}

    .ly_bbs_topiccomment_left img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.ly_bbs_topiccomment_right {
    width: 90%;
    height: auto;
    float: left;
    margin-left: 0.2rem;
}

    .ly_bbs_topiccomment_right a span {
        color: #0084FF;
    }
    .ly_bbs_topiccomment_right > span {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }

.ly_bbs_topiccomment_zui {
    width: 100%;
    height: 0.25rem;
    line-height: 0.25rem;
    margin: 0 auto;
    text-align: right;
}

.ly_bbs_topiccomment_date {
    display: inline-block;
    color: #666666;
    font-size: 0.14rem;
}

.ly_bbs_topiccomment_zans {
    display: inline-block;
    font-size: 0.14rem;
    color: #df0024;
    margin-left: 0.2rem;
}

    .ly_bbs_topiccomment_zans a:nth-child(1) {
        cursor: pointer;
        color: #df0024;
    }

    .ly_bbs_topiccomment_zans a:nth-child(2) {
        cursor: pointer;
        float: right;
        color: #999999;
        margin-left: 0.2rem;
    }

.ly_bbs_topiccomment_list_postsure {
    position: relative;
    display: flex;
    flex-flow: nowrap;
    align-items: center;
}

.ly_bbs_topiccomment_list_bbs_reply textarea {
    padding: 0;
    width: 90%;
    height: 35px;
    border: 1px solid #df0024;
    vertical-align: middle;
    line-height: 35px;
    padding-left: 0.1rem;
    outline: none;
    flex: 2;
}

.ly_bbs_topiccomment_list_topic_su {
    width: 60px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    position: absolute;
    text-align: center;
    background: #df0024;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 0rem;
    top: 0rem;
}

.ly_standard_nodata {
    height: 100%;
    line-height: 0.45rem;
    font-size: 0.2rem;
    color: #333333;
    margin: 0 auto;
}

.ly_standard_nodata_img {
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
}

    .ly_standard_nodata_img img {
        width: 1.5rem;
    }

.ly_standard_nodata span {
    display: block;
    white-space: nowrap;
    font-size: 0.24rem;
    color: #999999;
    text-align: center;
}
.ly_news_rm_left {
    width: 2.65rem;
    height: 4.15rem;
    margin-top:0.25rem;
}

.ly_news_rm_title {
    width: 100%;
    height: auto;
    background: url('/img/default/icon25.png') no-repeat left center;
    background-size: 0.04rem 0.19rem;
    border-bottom: 1px solid #eee;
    padding-left: 0.15rem;
    font-size: 0.18rem;
    color: #666666;
    font-weight: bold;
    height: 0.5rem;
    line-height: 0.5rem;
}

.ly_news_rm_list {
    width: 100%;
    height: auto;
    margin-top: 0.05rem;
}

.ly_news_rm_content {
    width: 100%;
    height: auto;
}

    .ly_news_rm_content li {
        width: 100%;
        margin-bottom: 0.15rem;
        /* height: 0.6rem; */
    }

        .ly_news_rm_content li a {
            display: block;
            width: 100%;
            height: 0.45rem;
            line-height: 0.5rem;
            font-size: 0.18rem;
            color: #666666;
            padding-left: 0.2rem;
            background: url('../img/default/icon26.png') no-repeat left center;
            background-size: 0.08rem 0.08rem;
            overflow:hidden;
        }

            .ly_news_rm_content li a:hover {
                background: url('/img/default/icon27.png') no-repeat left center;
                color: #e00442;
                background-size: 0.08rem 0.08rem;
            }

.ly_course_product {
    width: 100%;
    height: auto;
    margin-top: 0.1rem;
}

.ly_course_hot_title {
    width: 100%;
    height: auto;
    background: url(/img/default/icon25.png) no-repeat left center;
    background-size: 0.04rem 0.19rem;
    border-bottom: 1px solid #eee;
    padding-left: 0.15rem;
    font-size: 0.2rem;
    color: #666666;
    font-weight: bold;
    height: 0.5rem;
    line-height: 0.5rem;
}

.ly_course_new_publish_list {
    margin-top: 0px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    margin-left:0.2rem;
}

.ly_course_new_publish_content {
    width: 100%;
    height: auto;
}

    .ly_course_new_publish_content li {
        margin-top: 0.2rem;
        width: 20%;
        height: auto;
        float: left;
    }

        .ly_course_new_publish_content li a {
            display: block;
            width: 2.16rem;
            /*height: 0.45rem;*/
            line-height: 0.5rem;
            font-size: 0.14rem;
            color: #666666;
            /*padding-left: 0.2rem;*/
            /*background: url(/img/default/icon26.png) no-repeat left center;*/
            /*background-size: 0.08rem 0.08rem;*/
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            white-space: nowrap;
            font-size: 0.16rem;
        }

            .ly_course_new_publish_content li a img {
                transition: all 0.3s linear;
                vertical-align: middle;
            }

                .ly_course_new_publish_content li a img:hover {
                    transform: scale(1.2);
                }

.ly_course_procont {
    height: 0.5rem;
    text-align: center;
}

.ly_course_detail_catno {
    display: block;
    width: 2.16rem;
    height: 0.2rem;
    margin-top: 0.2rem;
    text-align: center;
    font-size: 0.16rem;
}
.ly_live_table{
    width:100%;
    height:3rem;
    margin-top:0.3rem;
}
.ly_live_table table{
    width:100%;
    height:100%;
    border:1px solid #ccc;
}



.ly_livedetail_bottom_room_list{
    width: 100%;
}



    .ly_livedetail_bottom_room_list li {
        width: 100%;
        overflow: hidden;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        font-size: 0.16rem;
        border-bottom: 1px solid #e5e5e5;
    }

.ly_livedetail_record_list {
    padding-left: 0.5rem;
    margin-top: 10px;
}
    .ly_livedetail_record_list li {
        border-bottom: none;
        border-top: 1px solid #e5e5e5;
    }

    .ly_livedetail_bottom_userinfo {
        overflow: hidden;
    }

.ly_livedetail_bottom_userinfo > a{
    float: left;
}

    .ly_livedetail_bottom_userinfo > a img {
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 50%;
    }

.ly_livedetail_bottom_userinfo_right {
    padding-left: 0.7rem;
    margin-top: 0.08rem;
}

    .ly_livedetail_bottom_userinfo_right > p {
        font-size: 0.16rem;
        color: #333;
        /*font-weight: bold;*/
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .ly_livedetail_bottom_userinfo_right > p a {
            color: #333;
        }

.ly_livedetail_bottom_userinfo_right_action {
    overflow: hidden;
    font-size: 0.14rem;
    margin-top: 0.05rem;
}

.ly_livedetail_bottom_action {
    display: inline-block;
    margin-left: 0.3rem;
}

.ly_livedetail_bottom_time {
    display: inline-block;
    /*width: 0.8rem;*/
    /* text-align: right; */
    text-align: center;
    margin-right: 0.1rem;
    color: #cccccc;
}

.ly_livedetail_bottom_summary {
    padding-left: 0.7rem;
    margin-top: 0.1rem;
    color: #666;
    font-size: 0.14rem;
}

    .ly_livedetail_bottom_summary p{
        margin-bottom: 0.1rem;
    }

    .ly_videodetail_mid_letter {
        margin: 0 0 0.1rem 0;
        font-size: 0.16rem;
    }

    .ly_videodetail_mid_letter > span {
        margin-right: 0.3rem;
    }

    .ly_videodetail_mid_letter > span > span {
        display: inline-block;
        background-image: url(/../img/content/lib_sprites.png);
        background-repeat: no-repeat;
        vertical-align: middle;
        overflow: hidden;
        background-size: 2rem 3.25rem;
    }

.ly_summary_pborder {
    border-bottom: 0.5px solid #eee;
    padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
}



/*课堂右侧课程表*/

.ly_course_list_second {
    display: none;
    position: absolute;
    right: 2.65rem;
    background: #fff;
    top: 0;
    width: 3.5rem;
    border: 1px solid #df0024;
    padding: 0.1rem 0;
    min-height: 2rem;
    margin-right: -1px;
}

    .ly_course_list_second > li > p > a {
        width: 100%;
        overflow: hidden;
        line-height: 0.38rem;
        height: 0.38rem;
        font-size: 0.16rem;
        color: #666666;
        /*background: url(/img/default/icon31.png) no-repeat left center;
        background-size: 0.07rem 0.11rem;*/
        cursor: pointer;
    }

    .ly_course_list_second > li{
        padding: 0 0.2rem;
    }


        .second_active {
            display: block;
        }

.ly_course_list_third {
    display: none;
    position: absolute;
    right: 3.48rem;
    width: 3.5rem;
    top: -1px;
    background: #fff;
    border: 1px solid #df0024;
    padding: 0.1rem 0.2rem;
}

    .ly_course_list_third div a {
        width: 100%;
        overflow: hidden;
        line-height: 0.38rem;
        height: 0.38rem;
        font-size: 0.16rem;
        color: #666666;
        cursor: pointer;
    }

     .ly_course_list_third div a:hover{
         color: #df0024;
     }

    .third_active {
        display: block;
    }

.ly_course_list_first {
    position: relative;
}

    .ly_course_list_first > li > p {
        width: 100%;
        overflow: hidden;
        padding-left: 0.1rem;
        line-height: 0.38rem;
        height: 0.38rem;
        font-size: 0.16rem;
        color: #666666;
        /*background: url(/img/default/icon31.png) no-repeat 2% center;
        background-size: 0.07rem 0.11rem;*/
        cursor: default;
    }

        .ly_course_list_first > li > p img {
            transition: all 0.3s;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            margin-right: 0.1rem;
        }

    .ly_course_list_first > li:hover > p img{
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .first_active {
        border: 1px solid #df0024;
        border-left: 1px solid #fff;
        margin-left: -1px;
        position: relative;
        z-index: 2;
    }

.ly_course_list_first > li > p:hover {
    color: #df0024;
}

.ly_course_list_first > li > p {
    border: 1px solid #fff;
}


.ly_course_right_list {
    padding-top: 0.1rem;
}
.ly_course_list_first > li{
    box-sizing: border-box;
}

.ly_course_list_first > li:hover > p{
    border: 1px solid #df0024;
    border-left: 1px solid #fff;
    position: relative;
    z-index: 2;
    color: #df0024;
}



    .ly_course_list_first > li:hover .ly_course_list_second {
        display: block;
    }
.ly_course_list_second > li:hover > p a{
    color: #df0024;
}

.ly_course_list_second > li:hover .ly_course_list_third {
    display: block;
}

.ly_train_first {
    display: none;
}

.ly_train_course_btn{
    float: right;
    position: relative;
}

    .ly_train_course_btn:hover .ly_train_first {
        display: block;
    }

    .ly_train_course_btn > div {
        width: 2.65rem;
        height: 0.45rem;
        background: #df0024;
        color: #fff;
        text-align: center;
        line-height: 0.45rem;
        font-size: 0.18rem;
        border: 1px solid #df0024;
        cursor: default;
    }

    .ly_train_course_btn > div:hover {
        background: #ffeded;
        color: #df0024;
    }

.ly_train_right_list {
    position: absolute;
    left: 0;
    bottom: 0.45rem;
    background: #fff;
    width: 100%;
    z-index: 1;
}


.ly_standard_hot_list {
    width: 100%;
    height: auto;
    margin-top: 0.2rem;
}
.ly_standard_hot_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.ly_standard_hot_content li {
    width: 50%;
    margin-bottom: 0.08rem;
}
.ly_standard_hot_content li a {
    display: block;
    width: 100%;
    height: 0.45rem;
    line-height: 0.5rem;
    font-size: 0.16rem;
    color: #666666;
    padding-left: 0.2rem;
    background: url(/img/default/icon26.png) no-repeat left center;
    background-size: 0.08rem 0.08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}
.ly_standard_hot_content li span {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    margin-left: 0.2rem;
    color: #999999;
    font-size: 0.16rem;
}
.ly_standard_hot_content li a:hover {
    background: url(/img/default/icon27.png) no-repeat left center;
    color: #e00442;
    background-size: 0.08rem 0.08rem;
}