/*
    title:唐人网校手机端页面单独样式
    time:2018.9.5
    version:0.0.0.1
    author:喻丰
*/

/*首页开始*/
    .MhomePage{
        /*width:7.5rem;*/
        width:100%;
        margin-top:0.8rem;
    }

    .MhomePage .banner{
        width:100%;
        height:3rem;
        overflow:hidden;
    }

    .MhomePage .banner .swiper-container .swiper-wrapper .swiper-slide img{
        width:100%;
        height:100%;
    }

    .MhomePage .AdShow{
        width:93.34%;
        height:1.64rem;
        margin:0 auto;
        margin-top:0.1rem;
        background:#fff;
        border-radius:0.06rem;
    }

    .MhomePage .AdShow ul li{
        float:left;
        width:1.75rem;
        height:1.64rem;
    }

    .MhomePage .AdShow ul li span{
        display:block;
        width:0.95rem;
        height:0.95rem;
        margin-left:0.5rem;
        margin-top:0.15rem;
        border-radius:50%;
        background-color:#f0f0f0;
        background-position:center center;
        background-size:100%;
        background-repeat:no-repeat;
    }

    .MhomePage .AdShow ul li:nth-child(1) span{
        background-image:url(/Content/Mimages/Micons/ad01.png);
    }

    .MhomePage .AdShow ul li:nth-child(2) span{
        background-size:65%;
        background-image:url(/Content/Mimages/Micons/ad02.png);
    }

    .MhomePage .AdShow ul li:nth-child(3) span{
        background-image:url(/Content/Mimages/Micons/ad03.png);
    }

    .MhomePage .AdShow ul li:nth-child(4) span{
        background-image:url(/Content/Mimages/Micons/ad04.png);
    }

    .MhomePage .AdShow ul li p{
        color:#151515;
        margin-top:0.1rem;
        margin-left:0.5rem;
        font:400 0.24rem 'Microsoft YaHei';
    }


    .MhomePage .CourseList{
        /*width:7rem;*/
        width:93.34%;
        /*height:5.6rem;*/
        height:8.22rem;
        margin:0 auto;
        margin-top:0.1rem;
        border-radius:0.06rem;
        background:#fff;
    }

    .MhomePage .CourseList ul li{
        float:left;
        width:3.14rem;
        height:2.36rem;
        margin-left:0.2rem;
        border-radius:0.06rem;
        background-position:center;
        background-size:100%;
        background-repeat:no-repeat;
    }

    .MhomePage .CourseList ul li:nth-child(2n+1){
        margin-right:0.14rem;
    }

    .MhomePage .CourseList ul li{
        margin-top:0.2rem;
    }

    .MhomePage .CourseList ul li .Nothing{
        width:3.14rem;
        height:1.78rem;
    }

    .MhomePage .CourseList ul li:nth-child(n+3){
        margin-top:0.37rem;
    }

    .MhomePage .CourseList ul li:nth-child(1){
        background-image:url(/Content/Mimages/area01.png);
    }

    .MhomePage .CourseList ul li:nth-child(2){
        background-image:url(/Content/Mimages/area02.png);
    }

    .MhomePage .CourseList ul li:nth-child(3){
        background-image:url(/Content/Mimages/area03.png);
    }

    .MhomePage .CourseList ul li:nth-child(4){
        background-image:url(/Content/Mimages/area04.png);
    }

    .MhomePage .CourseList ul li:nth-child(5){
        background-image:url(/Content/Mimages/area06.png);
    }

    .MhomePage .CourseList ul li:nth-child(6){
        /*background-image:url(/Content/Mimages/continued.png);*/
        background-image:url(/Content/Mimages/area07.png);
    }

    .MhomePage .CourseList ul li p{
        width:3.13rem;
        height:0.58rem;
        color:#fff;
        text-align:center;
        font:400 0.38rem 'Microsoft YaHei';
        border-bottom-left-radius:0.06rem;
        border-bottom-right-radius:0.06rem;
    }

    .MhomePage .TangrenShow{
        width:7rem;
        height:4.8rem;
        margin:0 auto;
        margin-top:0.1rem;
        background:#fff;
        border-radius:0.06rem;
    }

    .MhomePage .TangrenShow h3{
        padding-top:0.4rem;
        text-align:center;
        font:400 0.32rem 'Microsoft YaHei';
        color:#151515;
    }

    .MhomePage .TangrenShow p{
        width:6.5rem;
        margin:0 auto;
        padding-top:0.34rem;
        text-align:left;
        font:400 0.26rem 'Microsoft YaHei';
        color:#999999;
    }

    .MhomePage .TangrenShow ul li{
        float:left;
        width:1.9rem;
        height:2.08rem;
        margin-top:0.4rem;
        margin-left:0.2rem;
        margin-right:0.2rem;
        border-radius:0.06rem;
        border:solid 0.01rem #f2f2f2;
    }

    .MhomePage .TangrenShow ul li:nth-child(3){
        margin-right:0.2rem;
    }

    .MhomePage .TangrenShow ul li h4{
        text-align:center;
        font:400 0.24rem 'Microsoft YaHei';
        color:#838383;
    }

    .MhomePage .TangrenShow ul li h4 i{
        margin-top:0.4rem;
        font:400 0.42rem 'Microsoft YaHei';
        color:#e6261c;
    }

    .MhomePage .TangrenShow ul li h4 #CourseNum{
        color:#e6261c;
    }

    .MhomePage .TangrenShow ul li h4 #StudentNum{
        color:#2283ff;
    }

    .MhomePage .TangrenShow ul li h4 #RaiseNum{
        color:#42e54a;
    }

    .MhomePage .TangrenShow ul li h5{
        width:1.5rem;
        margin:0 auto;
        margin-top:0.4rem;
        text-align:center;
        color:#a0a0a0;
        font:400 0.22rem 'Microsoft YaHei';
    }

    .MhomePage .SchoolShowBg{
        width:7rem;
        height:5.6rem;
        margin:0 auto;
        margin-top:0.1rem;
        border-radius:0.06rem;
        background:#fff;
    }

    .MhomePage .SchoolShowBg h4{
        padding-top:0.4rem;
        text-align:center;
        font:400 0.32rem 'Microsoft YaHei';
        color:#151515;
    }

    .MhomePage .SchoolShowBg .SchoolShow{
        width:6.55rem;
        height:4.3rem;
        margin:0 auto;
        margin-top:0.3rem;
    }

    .MhomePage .SchoolShowBg .SchoolShow .swiper-container .swiper-wrapper .swiper-slide img{
        width:100%;
        height:100%;
    }

    .MhomePage .SchoolShowBg .SchoolShow .swiper-container .swiper-button-next{
        width:0.6rem;
        height:1.16rem;
        right:0;
        background:url(/Content/Mimages/Micons/SwiperRight.png) no-repeat center;
        background-size:100%;
    }

    .MhomePage .SchoolShowBg .SchoolShow .swiper-container .swiper-button-prev{
        width:0.6rem;
        height:1.16rem;
        left:0;
        background:url(/Content/Mimages/Micons/SwiperLeft.png) no-repeat center;
        background-size:100%;
    }

    .MhomePage .TangrenNews{
        width:7rem;
        margin:0 auto;
        margin-top:0.1rem;
        margin-bottom:0.5rem;
        border-radius:0.06rem;
        background:#fff;
    }

    .MhomePage .TangrenNews h4{
        text-align:center;
        padding-top:0.4rem;
        font:400 0.32rem 'Microsoft YaHei';
        color:#151515;
    }

    .MhomePage .TangrenNews ul{
        width:6.5rem;
        height:auto;
        min-height:0.2rem;
        padding-bottom:0.5rem;
    }

    .MhomePage .TangrenNews ul li{
        width:6.5rem;
        height:1.77rem;
        margin:0 auto;
        margin-top:0.2rem;
        margin-left:0.2rem;
    }

    .MhomePage .TangrenNews ul li .NewsCover{
        float:left;
        width:2.37rem;
        height:1.77rem;
        border-radius:0.06rem;
        background-position:center;
        background-repeat:no-repeat;
        background-size:100%;
    }

    .MhomePage .TangrenNews ul li .NewsCover img{
        width:100%;
        height:100%;
    }

    .MhomePage .TangrenNews ul li h5{
        float:left;
        width:3.9rem;
        word-break:break-all;
        margin-left:0.2rem;
        margin-top:0.1rem;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        font:400 0.3rem 'Microsoft YaHei';
        color:#151515;
    }

    .MhomePage .TangrenNews ul li h6{
        float:left;
        width:3.9rem;
        margin-left:0.2rem;
        margin-top:0.2rem;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        font:400 0.26rem 'Microsoft YaHei';
        color:#868686;
    }

    .MhomePage .TangrenNews ul li i{
        margin-top:0.4rem;
        float:right;
        font:400 0.26rem 'Microsoft YaHei';
        color:#868686;
    }

    /*抢购专区开始*/
    .MhomePage .FlashSale{
        width:7rem;
        height:auto;
        margin:0 auto;
        margin-top:0.1rem;
        background:#fff;
        border-radius:0.06rem;
        overflow:hidden;
    }

    .MhomePage .FlashSale h4{
        margin-top:0.3rem;
        color:#151515;
        font:400 0.32rem 'Microsoft YaHei';
        text-align:center;
    }

    .MhomePage .FlashSale h5{
        margin-top:0.1rem;
        margin-bottom:0.2rem;
        color:#868686;
        font:400 0.24rem 'Microsoft YaHei';
        text-align:center;
    }

    .MhomePage .FlashSale ul li{
        float:left;
        width:3.4rem;
        height:3.7rem;
        margin-bottom:0.2rem;
        margin-right:0.1rem;
        border:solid 0.01rem #dcdcdc;
    }

    .MhomePage .FlashSale ul li:nth-child(2n){
        margin-right:0rem;
        margin-left:0.1rem;
    }

    .MhomePage .FlashSale ul li img{
        width:3.4rem;
        height:2.55rem;
    }

    .MhomePage .FlashSale ul li h4{
        width:3rem;
        margin-top:0.2rem;
        padding-left:0.1rem;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        text-align:left;
        font:400 0.3rem 'Microsoft YaHei';
        color:#151515;
    }

    .MhomePage .FlashSale ul li h5{
        float:left;
        margin-left:0.1rem;
        margin-bottom:0.2rem;
        font:400 0.24rem 'Microsoft YaHei';
        color:#868686;
    }

    .MhomePage .FlashSale ul li h6{
        float:right;
        margin-right:0.1rem;
        margin-top:-0.1rem;
        font:400 0.44rem 'Microsoft YaHei';
        color:#e6261c;
    }
    /*抢购专区结束*/


/*首页结束*/


/*免费课程首页*/
    .FreeCourse {
        width: 100%;
        margin-top:0.8rem;
    }

        .FreeCourse .CutOffRule {
            width: 100%;
            height: 0.1rem;
            background: #e5e5e5;
        }

        /*头部导航栏开始*/
        .FreeCourse .TopArea {
            width: 100%;
            border-bottom: solid 0.01rem #dcdcdc;
        }

            .FreeCourse .TopArea .content {
                width: 7.5rem;
                height: 1rem;
                margin: 0 auto;
            }

                .FreeCourse .TopArea .content a {
                    float: left;
                    width: 1rem;
                    height: 1rem;
                    text-align: center;
                    padding-top: 0.2rem;
                    font: 400 0.41rem 'Microsoft YaHei';
                    background:url(/Content/Mimages/Micons/return.png)no-repeat center;
                    background-size:20%;
                }

                .FreeCourse .TopArea .content h4 {
                    float: left;
                    margin-top: 0.24rem;
                    margin-left: 2rem;
                    font: 400 0.38rem 'Microsoft YaHei';
                    color: #151515;
                }

                .FreeCourse .TopArea .content .Search {
                    float: right;
                    width: 1rem;
                    height: 1rem;
                    background: url(/Content/Mimages/Micons/search.png) no-repeat center;
                    background-size: 40%;
                }

        /*头部导航栏结束*/

        /*搜索栏开始*/
        .FreeCourse .SearchArea {
            width: 7rem;
            height: 2.4rem;
            margin: 0 auto;
        }

            .FreeCourse .SearchArea ul li {
                float: left;
                width: 7rem;
                height: 0.8rem;
                margin-top: 0.2rem;
            }

                .FreeCourse .SearchArea ul li h4 {
                    float: left;
                    margin-top: 0.2rem;
                    margin-left: 0.5rem;
                    font: 400 0.32rem 'Microsoft YaHei';
                    color: #151515;
                }

                .FreeCourse .SearchArea ul li span {
                    position: absolute;
                    display: block;
                    float: right;
                    width: 0.01rem;
                    height: 0.8rem;
                    color: #000;
                    margin-left: 6.2rem;
                    border-left: solid 0.01rem #d9d9d9;
                    text-align: center;
                    padding-top: 0.1rem;
                }


                .FreeCourse .SearchArea ul li select {
                    float: right;
                    width: 4.8rem;
                    height: 0.8rem;
                    color: #525252;
                    font: 400 0.28rem 'Microsoft YaHei';
                    padding-left: 2rem;
                    border-radius: 0.05rem;
                    background-color: #f4f4f4;
                    background-image: url(/Content/Mimages/Micons/CourseSelect.png);
                    background-position: 4.2rem;
                    background-repeat: no-repeat;
                    background-size: 8%;
                }

        /*搜索栏结束*/

        /*课程列表开始*/
        .FreeCourse .CourseList {
            margin-top: 0.4rem;
        }

            .FreeCourse .CourseList ul li {
                float: left;
                height: 3.74rem;
                width: 3.4rem;
                margin-left: 0.24rem;
            }

                .FreeCourse .CourseList ul li .CourseCover {
                    width: 3.4rem;
                    height: 2.55rem;
                }

                    .FreeCourse .CourseList ul li .CourseCover img {
                        width: 100%;
                        height: 100%;
                    }

                .FreeCourse .CourseList ul li .BottomArea {
                    width: 3.4rem;
                    height: 1.2rem;
                    border: solid 0.01rem #dcdcdc;
                    border-top: none;
                }

                    .FreeCourse .CourseList ul li .BottomArea h5 {
                        float: left;
                    }

                    .FreeCourse .CourseList ul li .BottomArea .CourseTitle {
                        width: 3rem;
                        margin-top: 0.2rem;
                        margin-left: 0.1rem;
                        font: 400 0.3rem 'Microsoft YaHei';
                        color: #151515;
                    }

                    .FreeCourse .CourseList ul li .BottomArea .Teacher {
                        margin-top: 0.15rem;
                        margin-left: 0.1rem;
                        font: 400 0.24rem 'Microsoft YaHei';
                        color: #757575;
                        width:1.3rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .FreeCourse .CourseList ul li .BottomArea .PrimePrice {
                        float: right;
                        margin-top: 0.2rem;
                        letter-spacing: -0.04rem;
                        font: 400 0.24rem 'Microsoft YaHei';
                        color: #bcbcbc;
                        text-decoration: line-through;
                    }

                    .FreeCourse .CourseList ul li .BottomArea .CurrentPrice {
                        float: right;
                        letter-spacing: -0.04rem;
                        font: 400 0.44rem 'Microsoft YaHei';
                        color: #e6261c;
                    }

    /*课程列表结束*/
/*免费课程结束*/



/*直播课程list开始*/
    .LiveCourse{
        width:100%;
        margin-top:0.8rem;
        margin-bottom:1rem;
    }

    .LiveCourse .CutOffRule{
        width:100%;
        height:0.1rem;
        background:#e5e5e5;
    }

    /*头部导航栏开始*/
    .LiveCourse .TopArea{
        width:100%;
        border-bottom:solid 0.01rem #dcdcdc;
    }

    .LiveCourse .TopArea .content{
        width:7.5rem;
        height:1rem;
        margin:0 auto;
    }

    .LiveCourse .TopArea .content a{
        float:left;
        width:1rem;
        height:1rem;
        text-align:center;
        padding-top:0.2rem;
        font:400 0.41rem 'Microsoft YaHei';
        background:url(/Content/Mimages/Micons/return.png)no-repeat center;
        background-size:20%;
    }

    .LiveCourse .TopArea .content h4{
        float:left;
        margin-top:0.24rem;
        margin-left:2rem;
        font:400 0.38rem 'Microsoft YaHei';
        color:#151515;
    }

    .LiveCourse .TopArea .content .Search{
        float:right;
        width:1rem;
        height:1rem;
        background:url(/Content/Mimages/Micons/search.png) no-repeat center;
        background-size:40%;
    }
    
    /*头部导航栏结束*/

    /*搜索栏开始*/
   .LiveCourse .SearchArea{
       width:7rem;
       height:3.3rem;
       margin:0 auto;
   }

   .LiveCourse .SearchArea ul li{
       float:left;
       width:7rem;
       height:0.8rem;
       margin-top:0.2rem;
   }

   .LiveCourse .SearchArea ul li h4{
       float:left;
       margin-top:0.2rem;
       margin-left:0.5rem;
       font:400 0.32rem 'Microsoft YaHei';
       color:#151515;
   }

   .LiveCourse .SearchArea ul li span{
       position:absolute;
       display:block;
       float:right;
       width:0.01rem;
       height:0.8rem;
       color:#000;
       margin-left:6.2rem;
       border-left:solid 0.01rem #d9d9d9;
       text-align:center;
       padding-top:0.1rem;
   }

    .LiveCourse .SearchArea ul li select{
       float:right;
       width:4.8rem;
       height:0.8rem;
       color:#525252;
       font:400 0.28rem 'Microsoft YaHei';
       padding-left:2rem;
       border-radius:0.05rem;
       background-color:#f4f4f4;
       background-image:url(/Content/Mimages/Micons/CourseSelect.png);
       background-position:4.2rem;
       background-repeat:no-repeat;
       background-size:8%;
   }

    /*搜索栏结束*/

    /*课程列表开始*/
    .LiveCourse .CourseList{
        width:100%;
        margin-top:0.2rem;
    }

    .LiveCourse .CourseList ul li{
        width:100%;
        height:2.9rem;
        margin:0 auto;
        border-bottom:solid 0.01rem #dcdcdc;
    }

    .LiveCourse .CourseList ul li .CourseCover{
        float:left;
        width:2.6rem;
        height:1.96rem;
        margin-top:0.5rem;
        margin-left:0.24rem;
    }

    .LiveCourse .CourseList ul li .RightArea{
        float:left;
        width:4.15rem;
        height:1.96rem;
        margin-top:0.5rem;
        margin-left:0.2rem;
    }

    .LiveCourse .CourseList ul li .RightArea h5{
        float:left;
    }

    .LiveCourse .CourseList ul li .RightArea .CourseTitle{
        width:4.15rem;
        font:400 0.3rem 'Microsoft YaHei';
        color:#151515;
        height:0.8rem;
        line-height:0.4rem;
    }

    .LiveCourse .CourseList ul li .RightArea .CourseTime{
        width:4.15rem;
        /*margin-top:0.1rem;*/
        font:400 0.26rem 'Microsoft YaHei';
        color:#919191;
        height:0.4rem;
        line-height:0.4rem;
    }

    .LiveCourse .CourseList ul li .RightArea .CourseNum{
        width:1.6rem;
        margin-top:0.02rem;
        font:400 0.26rem 'Microsoft YaHei';
        color:#757575;
        height:0.4rem;
        line-height:0.4rem;
    }

    .LiveCourse .CourseList ul li .RightArea .RemainNum{
        float:right;
        /*width:1.6rem;*/
        margin-top:0.05rem;
        /*margin-right:0.2rem;*/
        font:400 0.24rem 'Microsoft YaHei';
        color:#0374ff;
    }

    .LiveCourse .CourseList ul li .RightArea .RemainDay{
        float:left;
        width:3rem;
        /*margin-top:0.2rem;*/
        font:400 0.26rem 'Microsoft YaHei';
        color:#757575;
        height:0.4rem;
        line-height:0.4rem;
    }

    .LiveCourse .CourseList ul li .RightArea .RemainDay i{
        color:#e6261c;
    }

    .LiveCourse .CourseList ul li .RightArea .Price{
        float:right;
        margin-left:0.5rem;
        font:400 0.42rem 'Microsoft YaHei';
        color:#e6261c;
        margin-top:-0.5rem;
    }
    /*课程列表结束*/
/*直播课程list结束*/


/*直播课程详情页开始*/
        .MvodDetail .area_in {
            width: 100%;
        }

        .MvodDetail .detail_before .synopsis .course_img_box {
            width: 100%;
            height: 3.52rem;
            border: 0.01rem #eee solid;
            position: relative;
            float: left;
            overflow:hidden;
        }

        .MvodDetail .detail_before .synopsis .course_img {
            width: 100%;
            height:auto;
            margin-top:-1.2rem;
        }

        .MvodDetail .detail_before .synopsis .courseShow{
            margin-top:0;
        }

        .MvodDetail .detail_before .synopsis .course_probation {
            width: 100%;
            height: 100%;
            /*background: url(/Content/img/course_probation.png) no-repeat center center rgba(0,0,0,.3);*/
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
        }

        .MvodDetail .detail_before .synopsis .enroll a {
            float: left;
            height: 0.42rem;
            margin-right: 0.28rem;
            line-height: 0.42rem;
        }

        .MvodDetail .detail_before .synopsis .enroll .enrolButton {
            background-color: #fff;
            border: 0.02rem solid #ff3d3d;
            color: #ff3d3d;
            height: 0.42rem;
            line-height: 0.38rem;
            display: none;
        }

            .MvodDetail .detail_before .synopsis .enroll .enrolButton i {
                float: left;
                height: 100%;
                width: 0.24rem;
                background: url(/Content/img/tryVideo.png) no-repeat center;
                margin-left: 0.2rem;
                margin-right: 0.06rem;
            }

            .MvodDetail .detail_before .synopsis .enroll .enrolButton span {
                float: left;
            }

        .MvodDetail #imgMask {
            position: absolute;
            width: 1.5rem;
            height: 1.5rem;
            cursor: pointer;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto;
            opacity: .7;
        }

            .MvodDetail #imgMask:hover {
                opacity: 1;
            }

        .MvodDetail .login .login_box .Verificat_box #VerCode {
            margin-top: 0.98rem;
            margin-left: -0.1rem;
        }

        .MvodDetail .login .login_box .Verificat_box .Line {
            float: left;
            width: 2.2rem;
            height: 0.2rem;
            margin-top: 0.16rem;
            margin-left: 1.5rem;
        }

        .MvodDetail .box {
            background: #f3f3f3;
        }

    .MvodDetail {
        width: 100%;
        margin-top:0.8rem;
    }

        .MvodDetail .CutOffRule {
            width: 100%;
            height: 0.1rem;
            background: #e5e5e5;
        }

        /*头部导航栏开始*/
        .MvodDetail .TopArea {
            width: 100%;
            border-bottom: solid 0.01rem #dcdcdc;
        }

            .MvodDetail .TopArea .content {
                width: 7.5rem;
                height: 1rem;
                margin: 0 auto;
            }

                .MvodDetail .TopArea .content a {
                    float: left;
                    width: 1rem;
                    height: 1rem;
                    text-align: center;
                    padding-top: 0.2rem;
                    font: 400 0.41rem 'Microsoft YaHei';
                    background:url(/Content/Mimages/Micons/return.png)no-repeat center;
                    background-size:20%;
                }

                .MvodDetail .TopArea .content h4 {
                    float: left;
                    margin-top: 0.24rem;
                    margin-left: 2rem;
                    font: 400 0.38rem 'Microsoft YaHei';
                    color: #151515;
                }

    .MvodDetail .detail_before .synopsis_text .ShareIt {
        float: right;
        color: #8d8d8d;
        font: 400 0.32rem 'Microsoft YaHei';
    }

        .MvodDetail .detail_before .synopsis_text .ShareIt span {
            float: right;
            display: block;
            width: 0.33rem;
            height: 0.23rem;
            margin-top:0.05rem;
            margin-right:0.12rem;
            background-image: url(/Content/Mimages/Micons/Share01.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
        }

        .MvodDetail .detail_before .synopsis_text .ShareIt .active {
            background-image: url(/Content/Mimages/Micons/Share02.png);
        }

        .MvodDetail .detail_before .synopsis_text .ShareIt i {
            font:400 0.26rem 'Microsoft YaHei';
            float: right;
        }

    .MvodDetail .detail_before .synopsis_text .LikeIt {
        float: right;
        margin-right:0.6rem;
        color: #8d8d8d;
        font: 400 0.32rem 'Microsoft YaHei';
    }

        .MvodDetail .detail_before .synopsis_text .LikeIt span {
            float: right;
            display: block;
            width: 0.33rem;
            height: 0.33rem;
            margin-right:0.12rem;
            background-image: url(/Content/Mimages/Micons/Like01.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
        }

        .MvodDetail .detail_before .synopsis_text .LikeIt .active {
            background-image: url(/Content/Mimages/Micons/Like02.png);
        }

        .MvodDetail .detail_before .synopsis_text .LikeIt i {
            font:400 0.26rem 'Microsoft YaHei';
            float: right;
        }

/*直播课程详情页结束*/



/*错误页面开始*/
.MErrorPage{
    width:7.5rem;
    height:100%;
    background:url(/Content/Mimages/Error.png) no-repeat center -1.5rem;
    background-size:100%;
}

.MErrorPage p{
    float:left;
    width:3.6rem;
    margin-top:4.7rem;
    margin-left:1.8rem;
    text-align:center;
    font:400 0.3rem 'Microsoft YaHei';
    color:#737373;
}

.MErrorPage button{
    float:left;
    width:2.6rem;
    height:0.9rem;
    margin-top:0.4rem;
    margin-left:2.4rem;
    border-radius:0.06rem;
    background:#e6261c;
    color:#fff;
    text-align:center;
    font:400 0.3rem 'Microsoft YaHei';
}

/*错误页面结束*/

/*直播提醒开始*/
        #LiveRecentBg{
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.7);
            position: fixed;
            left: 0;
            top: 0;
            z-index: 99999;
            display: none;
        }

        #LiveRecentBg .LiveRecent{
            position: fixed;
            width: 7rem;
            height: 5.4rem;
            background: url(/Content/images/icons/LiveRecent.png) no-repeat center;
            background-size:100%;
            border-radius: 0.06rem;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
        }

        #LiveRecentBg .LiveRecent .WarnArea{
            position:absolute;
            width: 7rem;
            height: 5.4rem;
        }

        #LiveRecentBg .LiveRecent span{
            float: left;
            width: 0.8rem;
            height: 0.8rem;
            margin-top:5.55rem;
            margin-left: 3rem;
            opacity: 1;
            background: url(/Content/images/icons/CloseBig.png) no-repeat center;
            background-size:100%;
            z-index: 9999;
            cursor: pointer;
        }

        #LiveRecentBg .LiveRecent p{
            margin-top:1.5rem;
            margin-left:0.7rem;
            font:400 0.42rem 'Microsoft YaHei';
            color:#151515;
        }

        #LiveRecentBg .LiveRecent img{
            float:left;
            width:1.28rem;
            height:0.95rem;
            margin-left:0.75rem;
            margin-top:0.65rem;
        }

        #LiveRecentBg .LiveRecent h4{
            float:left;
            width:4rem;
            margin-top:0.65rem;
            margin-left:0.2rem;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            font:400 0.3rem 'Microsoft YaHei';
            color:#737373;
        }

        #LiveRecentBg .LiveRecent h5{
            float:left;
            width:4rem;
            margin-top:0.2rem;
            margin-left:0.2rem;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            font:400 0.26rem 'Microsoft YaHei';
            color:#737373;
        }

        #LiveRecentBg .LiveRecent button{
            display:block;
            float:left;
            width:6.15rem;
            height:0.9rem;
            margin:0 auto;
            margin-left:0.46rem;
            margin-top:0.8rem;
            border-radius:0.2rem;
            font:400 0.32rem 'Microsoft YaHei';
            background:transparent;
            color:#fff;
            cursor:pointer;
        }

        #LiveRecentBg .LiveRecent button a{
            color:#fff;
        }

        /*直播提醒结束*/