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

/* 个人中心 */




/*错误页面开始*/
.ErrorPage{
    width:1200px;
    height:100%;
    margin:0 auto;
    background:url(/Content/images/Error.png) no-repeat center -150px;
    background-size:100%;
    overflow:hidden;
}

.ErrorPage p{
    float:left;
    width:560px;
    margin-top:434px;
    margin-left:283px;
    text-align:center;
    font:400 36px 'Microsoft YaHei';
    color:#151515;
}

.ErrorPage button{
    float:right;
    width:180px;
    height:56px;
    margin-top:422px;
    margin-right:100px;
    border-radius:6px;
    background:#e6261c;
    color:#fff;
    text-align:center;
    font:400 20px 'Microsoft YaHei';
}
/*错误页面结束*/

/*首页开始*/
            /*头部banner*/
            .Content{
                width:100%;
                height:630px;
            }

            .Content .banner{
                width:100%;
                height:500px;
                z-index:1;
            }

            .Content .banner .swiper-container .swiper-wrapper .swiper-slide a{
                display:inline-block;
                width:100%;
                height:500px;
            }

            /*头部banner下广告*/
            .Content .AdShows {
                width: 100%;
                margin-top:30px;
            }

            .Content .AdShows .AdShow{
                width:1200px;
                margin:0 auto;
            }

            .Content .AdShows .AdShow li{
                float:left;
                width:288px;
                height:98px;
                border-radius:6px;
                text-align:left;
                margin-right:15px;
                background:#efeff4;
                cursor:pointer;
            }
            .Content .AdShows .AdShow li:last-child{
                margin-right:0;
            }

            .Content .AdShows .AdShow li span{
                float:left;
                width:60px;
                height:60px;
                margin:19px 12px 0px 32px;
            }

            .Content .AdShows .AdShow li h4{
                font-size:16px;
                margin-top:28px;
                color:#2d2d2d;
            }

            .Content .AdShows .AdShow li h5{
                margin-top:8px;
                font-size:12px;
                color:#838383;
            }


        /*主要内容部分*/
        .pageContent {
            width: 100%;
        }

        /*页面居中*/
        .pageContent .LiveCourse{
            width:1200px;
            height:1200px;
            border:solid 1px red;
            margin:0 auto;
        }

        /*直播课程分隔栏，高度改为自适应*/
            .pageContent .MasterArea {
                width: 100%;
                /*height:1061px;*/
                height: auto;
                margin-top: 40px;
                background: #efeff4;
                padding-bottom:40px;
            }

        /*直播课程分隔栏左侧*/
        .pageContent .MasterArea .TopBar{
            width:1200px;
            height:93px;
            margin:0 auto;
        }

        /*直播课程分隔栏左侧大标题*/
        .pageContent .MasterArea .TopBar h4{
            float:left;
            color:#000;
            margin-top:42px;
            margin-left:20px;
            font:500 24px 'Microsoft YaHei';
        }

        
        /*/*直播课程分隔栏左侧小标题*/
        .pageContent .MasterArea .TopBar h5{
            float:left;
            color:#6b6b6b;
            margin-top:54px;
            margin-left:15px;
            font:400 14px 'Microsoft YaHei';
        }

        .pageContent .MasterArea .TopBar h5 i{
            color:#e6261c;
        }

        /*直播课程分隔栏右侧更多*/
        .pageContent .MasterArea .TopBar .TopRight{
            float:right;
            margin-top:55px;
            color:#868686;
        }

        .pageContent .MasterArea .TopBar .TopRight:hover a{
            color:#e6261c;
        }

        .pageContent .MasterArea ul{
            width:1200px;
            margin:0 auto;
        }

        .pageContent .MasterArea ul li{
            float:left;
            width:378px;
            height:450px;
            margin-right:22px;
            margin-top:20px;
            border-radius:6px;
            transition: all .2s;
            background:#fff;
            cursor:pointer;
        }

        .pageContent .MasterArea ul li:last-child{
            margin-right:0;
        }

        .pageContent .MasterArea ul li:hover{
            background-color:#fff;
        }

        .pageContent .MasterArea ul .HoverShadow{
            transition: box-shadow .2s,-webkit-transform .2s; 
            transition: box-shadow .2s,transform .2s;
            transition: box-shadow .2s,transform .2s,-webkit-transform .2s;
        }

        .pageContent .MasterArea ul .HoverShadow:hover{
            box-shadow: 0 6px 15px rgba(0,0,0,.1) !important;
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

        .pageContent .MasterArea ul li .TopArea{
            width:378px;
            height:282px;
            border-top-left-radius:6px;
            border-top-right-radius:6px;
            overflow:hidden;
        }
        .pageContent .MasterArea ul li .TopArea img{
            position:absolute;
            width:378px;
            height:282px;
            border-top-left-radius:6px;
            border-top-right-radius:6px;
            overflow:hidden;
        }

        .pageContent .MasterArea ul li .TopArea .CourseTime{
            position:absolute;
            width:378px;
            height:38px;
            margin-top:245px;
            background-color:#000;
            background-color:rgba(0,0,0,0.6);
            z-index:1;
        }

        .pageContent .MasterArea ul li .TopArea .CourseTime p{
            color:#fff;
            text-align:center;
            line-height:36px;
            padding-top:8px;
            font:400 14px 'Microsoft YaHei';
            z-index:2;
        }

        .pageContent .MasterArea ul li .BottomArea .CourseName{
            height:46px;
            padding:0 9px;
        }

        .pageContent .MasterArea ul li .BottomArea .CourseName p{
            display:inline-block;
            width:100%;
            font:400 18px 'Microsoft YaHei';
            color:#000000;
            line-height:46px;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }

        .pageContent .MasterArea ul li .BottomArea .CoursePrice{
            line-height:36px;
            padding:0 9px;
        }

        .pageContent .MasterArea ul li .BottomArea .CoursePrice h3{
            display:inline-block;
            color:#e6261c;
            margin-right:10px;
            font:400 22px 'Microsoft YaHei';
        }
        .pageContent .MasterArea ul li .BottomArea .CoursePrice h4{
            display:inline-block;
            color:#8e8e93;
            font:400 12px 'Microsoft YaHei';
            text-decoration:line-through;
        }
        .pageContent .MasterArea ul li .BottomArea .CoursePrice h5{
            float:right;
            display:inline-block;
            color:#e6261c;
            font:400 14px 'Microsoft YaHei';
            line-height:50px;
        }

        .pageContent .MasterArea ul li .BottomArea .TeacherLogo{
            margin-left:10px;
            margin-top:15px;
        }

        .pageContent .MasterArea ul li .BottomArea .TeacherLogo img{
            float:left;
            width:46px;
            height:46px;
            border-radius:50%;
        }

        .pageContent .MasterArea ul li .BottomArea .TeacherLogo .TeacherInfo{
            float:left;
            margin-left:15px;
        }

        .pageContent .MasterArea ul li .BottomArea .TeacherLogo .TeacherInfo h4{
            width:280px;
            color:#8e8e93;
            font:400 16px 'Microsoft YaHei';
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }

        /*2020更改开始*/
        .pageContent .MasterArea ul li .BottomArea .TeacherLogo .TeacherInfo h5{
            width:280px;
            margin-top:10px;
            color:#8e8e93;
            font:400 14px 'Microsoft YaHei';
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            line-height:14px;
        }
        .pageContent .MasterArea ul li .BottomArea .TeacherLogo .TeacherInfo h5 img{
               width:23px;
               height:14px;
        }
        /*2020更改结束*/




        /*直播课程背景*/
        .pageContent .Course{
            width:100%;
            /*height:750px;*/
            height:auto;
            /*border-bottom:solid 1px #f3f3f3;*/
        }

        /*直播课程标题(平面设计)*/
        .pageContent .Course h4{
            text-align:center;
            margin-top:40px;
            font:500 20px 'Microsoft YaHei';
            color:#000;
        }
        
        /*直播课程ul*/
        .pageContent .Course ul{
            width:1200px;
            /*height:750px;*/
            height:auto;
            margin:0 auto;
            margin-top:20px;
            overflow:hidden;
        }

        /*直播课程每个li开始*/
        .pageContent .Course ul li{
            float:left;
            width:273px;
            height:352px;
            margin-left:20px;
            margin-top:20px;
            cursor:pointer;
            border:solid 1px #adadad;
        }

        .pageContent .Course ul li p{
            width:150px;
            height:304px;
            margin:0 auto;
            text-align:center;
            padding-top:130px;
            font:400 24px 'Microsoft YaHei';
            color:#151515;
        }

        .pageContent .Course ul li p i{
            color:#e6261c;
        }

        /*li的上部分*/
        .pageContent .Course .liveCourse .TopArea{
            height:304px;
            border-bottom:none;
        }

        /*li上部分每个div宽度*/
        .pageContent .Course .liveCourse .TopArea div{
            width:275px;
        }

        .pageContent .Course .liveCourse .TopArea .CourseTop{
            width:273px;
            height:100px;
        }

        .pageContent .Course .liveCourse .TopArea .CourseTop .UpArea,
        .pageContent .Course .liveCourse .TopArea .CourseTop .CenterArea,
        .pageContent .Course .liveCourse .TopArea .CourseTop .DownArea{
            float:left;
            width:273px;
            height:20px;
        }

        .pageContent .Course .liveCourse .TopArea .CourseTop .UpArea{
            margin-top:16px;
        }

        .pageContent .Course .liveCourse .TopArea .CourseTop .CenterArea{
            margin-top:12px;
        }

        .pageContent .Course .liveCourse .TopArea .CourseTop .DownArea{
            margin-top:2px;
        }

        
        /*清除li内部的span外边距*/
        .pageContent .Course .liveCourse .TopArea span{
            margin-top:0;
        }
        
        /*li里语言标签*/
        .pageContent .Course .liveCourse .TopArea .CourseTop .LanguageLogo{
            float:left;
            width:20px;
            height:20px;
            background:#e6261c;
            color:#fff;
            font:400 18px 'Microsoft YaHei';
            text-align:center;
            line-height:20px;
            /*margin-top:17px;*/
            margin-left:16px;
            padding-left:1px;
            padding-left:1px;
        }
        
        /*li里课程logo*/
        .pageContent .Course .liveCourse .TopArea .CourseTop .CourseLogo{
            float:left;
            width:44px;
            height:20px;
            text-align:center;
            /*margin-top:17px;*/
            padding-top:2px;
            margin-left:6px;
            line-height:16px;
            color:#e6261c;
            border:solid 1px red;
            overflow:hidden;
        }
        
        /*li里课程标题*/
        .pageContent .Course .liveCourse .TopArea .CourseTop .CourseTitle{
            float:left;
            width:172px;
            /*margin-top:14px;*/
            margin-top:-2px;
            margin-left:10px;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            color:#000;
            font: 500 18px 'Microsoft YaHei';
        }
        
        /*li里时间logo*/
        .pageContent .Course .liveCourse .TopArea .CourseTop .timeLogo{
            float:left;
            width:18px;
            height:20px;
            /*margin-top:12px;*/
            margin-left:16px;
            background:url(/Content/images/icons/time.png) no-repeat center;
        }
        
        /*li里课程上课时间*/
        .pageContent .Course .liveCourse .TopArea .CourseTop .CourseTime{
            float:left;
            width:230px;
            height:18px;
            font:400 14px 'Microsoft YaHei';
            color:#8e8e8e;
            /*margin-top:12px;*/
            margin-left:7px;
            overflow:hidden;
        }
        
        /*li里课程上课人数*/
        .pageContent .Course .liveCourse .TopArea .CourseNum{
            float:left;
            width:75px;
            height:18px;
            /*margin-top:2px;*/
            margin-left:16px;
            padding-top:1px;
            color:#000;
            font-weight:500;
            font-size:14px;
            overflow:hidden;
        }

        /*li里直播标签*/
        .pageContent .Course .liveCourse .TopArea .LiveIcon{
            float:left;
            margin-left:7px;
            /*margin-top:2px;*/
            font-size:14px;
        }

        .pageContent .Course .liveCourse .TopArea .LiveIcon img{
            margin-right:3px;
        }
        
        /*li里剩余名额*/
        .pageContent .Course .liveCourse .TopArea .RemainNum{
            float:left;
            width:90px;
            height:20px;
            /*margin-top:2px;*/
            text-align:center;
            color:#0f7bff;
            font:600 12px 'Microsoft YaHei';
            overflow:hidden;
        }
        
        .pageContent .Course .liveCourse .TopArea .CoursePic{
            float:left;
            width:271px;
            height:204px;
            border-top:solid 1px #adadad;
        }

        /*li-bottom开始*/
        .pageContent .Course .liveCourse .BottomArea{
            width:272px;
            height:48px;
            padding-top:12px;
            color:#fff;
            font:400 18px 'Microsoft YaHei';
            text-align:center;
            background:#e6261c;
        }
        
        /*li里优惠剩余时间红色的天数*/
        .pageContent .Course .liveCourse .BottomArea .Preferential i{
            font: 400 16px 'Microsoft YaHei';
            color:#e6261c;
        }
        
        /*li里原价*/
        .pageContent .Course .liveCourse .BottomArea .PrimeCost{
            float:right;
            margin-right:5px;
            margin-top:20px;
            text-decoration:line-through;
            font:500 12px 'Microsoft YaHei';
            color:#bebebe;
        }
        
        /*li里现价*/
        .pageContent .Course .liveCourse .BottomArea .CurrentCost{
            float:right;
            margin-right:10px;
            margin-top:10px;
            text-align:right;
            letter-spacing:-2px;
            font:600 24px 'Microsoft YaHei';
            color:#e6261c;
        }
        /*li结束*/


        /*了解更多*/
        .pageContent .KnowMore{
            width:120px;
            height:36px;
            margin:0 auto;
            margin-bottom:43px;
            margin-top:40px;
            text-align:center;
            padding-top:5px;
            border:solid 1px red;
            border-radius:10px;
            box-shadow:0 5px 10px #fe9a94;
            background:#e6261c;
            font:500 18px 'Microsoft YaHei';
            cursor:pointer;
        }

        /*Vip区域开始*/
        .pageContent .VipAreaBg{
            width:100%;
            height:576px;
            margin-top:80px;
            background-color:#e6261c;
        }

        .pageContent .VipAreaBg .VipArea{
            width:1200px;
            height:576px;
            margin:0 auto;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel{
            float:left;
            width:720px;
            height:490px;
            margin-top:56px;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li{
            width:682px;
            height:100px;
            color:#fff;
            margin-top:10px;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li span{
            float:left;
            display:block;
            width:50px;
            height:50px;
            margin-top:18px;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li h4{
            float:left;
            margin-top:18px;
            font:400 20px 'Microsoft YaHei';
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li .VipPower{
            float:left;
            width:466px;
            height:70px;
            margin-left:27px;
            border:solid 1px #fa5f50;
            font:400 18px 'Microsoft YaHei';
            color:#fff;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li .VipPower .triangle{
            position:relative;
            width:0;
            height:0;
            margin-left:-15px;
            margin-top:24px;
            border-width:10px 15px 10px 0px;
            border-style:solid;
            border-color:transparent #fa5f50 transparent transparent;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li .VipPower span{
            position:absolute;
            width:0;
            height:0;
            margin-top:-8px;
            margin-left:2px;
            border-width:8px 13px 8px 0px;
            border-style:solid;
            border-color:transparent #e6261c transparent transparent;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li .VipPower p{
            width:400px;
            margin-left:50px;
            margin-top:-10px;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li:nth-child(3) .VipPower p:nth-child(2){
            margin-top:-20px;
        }

        .pageContent .VipAreaBg .VipArea .VipLevel li .ToBeVip{
            float:left;
            margin-left:205px;
            margin-top:5px;
            color:#000;
        }

        /*vip右侧区域*/
        .pageContent .VipAreaBg .VipArea .VipJoin{
            float:right;
            width:425px;
            height:490px;
            margin-top:38px;
            margin-right:50px;
            border-radius:20px;
            background-color:#fff;
        }

        .pageContent .VipAreaBg .VipArea .VipJoin h4{
            font:400 24px 'Microsoft YaHei';
            color:#000;
            margin-top:45px;
            text-align:center;
        }

        .pageContent .VipAreaBg .VipArea .VipJoin h5{
            width:240px;
            height:36px;
            margin:0 auto;
            margin-top:22px;
            padding-top:8px;
            background:#ffc6c6;
            font:500 16px 'Microsoft YaHei';
            color:#d84141;
            text-align:center;
        }

        .pageContent .VipAreaBg .VipArea .VipJoin .VipName{
            margin-top:54px;
        }

        .pageContent .VipAreaBg .VipArea .VipJoin input{
            display:block;
            width:290px;
            height:40px;
            margin:0 auto;
            margin-top:24px;
            padding-left:5px;
            border-radius:6px;
            border:solid 1px #bfbfbf;
        }

        .pageContent .VipAreaBg .VipArea .VipJoin button{
            display:block;
            width:260px;
            height:40px;
            margin:0 auto;
            margin-top:40px;
            background:#e6261c;
            font:500 18px 'Microsoft YaHei';
            border:none;
        }

        .pageContent .VipAreaBg .VipArea .VipJoin p{
            margin-top:10px;
            font-size:14px;
            text-align:center;
        }

        .pageContent .VipAreaBg .VipArea .VipJoin p a{
            color:#a12323;
        }

        /*Vip区域结束*/





        /*体系课程横条*/
        .pageContent .ContentCenterBar{
            width:100%;
            height:95px;
            background:#f3f3f3;
        }

        /*体系课程内容居中*/
        .pageContent .ContentCenterBar .TopLeft{
            width:1200px;
            margin:0 auto;
        }

        /*体系课程大标题*/
        .pageContent .ContentCenterBar .TopLeft h4{
            float:left;
            color:#000;
            margin-top:30px;
            margin-left:12px;
            font:500 24px 'Microsoft YaHei';
        }
        
        /*体系课程小标题*/
        .pageContent .ContentCenterBar .TopLeft h5{
            float:left;
            color:#868686;
            margin-top:40px;
            margin-left:15px;
            font:400 14px 'Microsoft YaHei';
        }
        
        /*体系课程右侧区域*/
        .pageContent .ContentCenterBar .TopLeft .TopRight{
            width:90px;
            float:right;
            margin-top:40px;
        }

        /*体系课程右侧区域文字颜色*/
        .pageContent .ContentCenterBar .TopLeft .TopRight a{
            color:#838383;
        }
        
        /*体系课程右侧区域鼠标移入文字颜色*/
        .pageContent .ContentCenterBar .TopLeft .TopRight a:hover{
            color:#e6261c;
        }
        
        /*体系课程右侧区域>标签*/
        .pageContent .ContentCenterBar .TopLeft .TopRight i{
            font-size:18px;
        }

        .pageContent .KnowMore{
            width:120px;
            height:36px;
            margin:0 auto;
            margin-bottom:43px;
            margin-top:40px;
            text-align:center;
            padding-top:5px;
            border:solid 1px red;
            border-radius:10px;
            box-shadow:0 5px 10px #fe9a94;
            background:#e6261c;
            font:500 18px 'Microsoft YaHei';
            cursor:pointer;
        }

        .pageContent .KnowMore a{
            color:#fff;
        }
        
        /*海量视频开始*/
        .MassiveCourse{
            width:1200px;
            height:770px;
            margin:0 auto; 
        }
        .MassiveCourse .TopBar{
            height:92px;
        }

        .MassiveCourse .TopBar .LeftArea{
            float:left;
        }

        .MassiveCourse .TopBar .LeftArea h4{
            float:left;
            font:400 22px 'Microsoft YaHei';
            color:#000;
            margin-top: 40px;
            margin-left: 10px;
        }

        .MassiveCourse .TopBar .LeftArea h5{
            float:left;
            font:400 16px 'Microsoft YaHei';
            color:#6b6b6b;
            margin-top: 48px;
            margin-left: 15px;
        }

        .MassiveCourse .TopBar .LeftArea h5 i{
            color:#e6261c;
        }

        .MassiveCourse .TopBar .NewShow{
            float: left;
            margin-top: 44px;
            margin-left: 60px;
            background: #efeff4;
            border-radius: 14px;
        }

        .MassiveCourse .TopBar .NewShow h4{
            float: left;
            height: 20px;
            margin-top: 4px;
            padding-left: 24px;
            padding-right: 20px;
            display: inline-block;
            line-height: 20px;
            color: #db2a2a;
            border-right: solid 1px #dddddd;
        }

        .MassiveCourse .TopBar .NewShow .FlashNews{
            padding: 6px;
            max-width:250px;
            height:28px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-left: 20px;
            padding-right:12px;
        }

        .MassiveCourse .TopBar .NewShow .swiper-container{
            max-width:250px;
            height:28px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .NewShow .swiper-slide{
            padding-right:0px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .MassiveCourse .TopBar .NewShow .swiper-slide:hover a{
            color:#e6261c;
        }

        .MassiveCourse .TopBar h3{
            float:right;
            margin-top:54px;
        }

        .MassiveCourse .TopBar h3:hover a{
            color:#e6261c;
        }

        .MassiveCourse ul{
            height:595px;
        }

        .MassiveCourse ul li{
            float: left;
            width: 288px;
            height: 288px;
            margin-right: 16px;
            border-radius: 6px;
            border: solid 1px #d1d1d6;
            transition: all .2s;
        }

        .MassiveCourse ul li:nth-child(4n){
            margin-right:0;
        }

        .MassiveCourse ul li:nth-child(n+5){
            margin-top:15px;
        }

        .MassiveCourse ul li .TopImg{
            width:286px;
            height:214px;
            border-top-left-radius:6px;
            border-top-right-radius:6px;
            overflow:hidden;
            transition: all .25s;
            cursor:pointer;
        }

        .MassiveCourse ul li .TopArea{
            position:relative;
            width:286px;
            height:214px;
        }

        .MassiveCourse ul li .TopArea img{
            width:100%;
        }

        .MassiveCourse ul li .TopArea span{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.35);
            opacity:0;
            transition: all .25s;
        }

        .MassiveCourse ul li .TopArea span:before{
            content: "";
            left: 50%;
            top: 50%;
            margin: -30px 0 0 -30px;
            width: 60px;
            height: 60px;
            transition: all .25s;
            background: url(/Content/images/icons/bofang.png) no-repeat center;
            position: absolute;
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .MassiveCourse ul li .TopImg:hover span{
            opacity:1;
        }

        .MassiveCourse ul li .TopImg:hover span:before{
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .MassiveCourse ul li .TopImg:hover{
            box-shadow: 0 6px 15px rgba(0,0,0,.1) !important;
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

        .MassiveCourse ul li .BottomArea .CourseName{
            line-height:20px;
            padding:10px 9px 0px 9px;
        }

        .MassiveCourse ul li .BottomArea .CourseName p{
            display:inline-block;
            width:100%;
            font:400 18px 'Microsoft YaHei';
            color:#000000;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }

        .MassiveCourse ul li .BottomArea .CourseTip h4{
            display:inline-block;
            font:400 14px 'Microsoft YaHei';
            color:#acacb0;
            line-height:30px;
            padding:0 9px;
        }

        .MassiveCourse ul li .BottomArea .CoursePrice{
            float:right;
            margin-right:9px;
        }

        .MassiveCourse ul li .BottomArea .CoursePrice h5{
            display:inline-block;
            font:400 12px 'Microsoft YaHei';
            color:#96969a;
        }

        .MassiveCourse ul li .BottomArea .CoursePrice h6{
            display:inline-block;
            font:400 18px 'Microsoft YaHei';
            color:#e6261c;
        }

        .MassiveCourse .AnotherBatch{
            width: 160px;
            height: 40px;
            margin:0 auto;
            margin-top:40px;
            line-height: 40px;
            border: 1px #ddd solid;
            border-radius: 5px;
            transition: all .2s;
            background: #fff;
            color: #666;
            text-align: center;
            cursor: pointer;
        }

        .MassiveCourse .AnotherBatch span{    
            display: inline-block;
            width: 15px;
            height: 18px;
            margin-right: 10px;
            background: url(/Content/images/icons/refresh.png) no-repeat center;
            vertical-align: -4px;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s,-webkit-transform .3s;
        }

        .MassiveCourse .AnotherBatch h4{
            display: inline-block;
        }

        .MassiveCourse .AnotherBatch:hover{
            background: #e6261c;
            border-color: #e6261c;
            color: #fff;
        }

        .MassiveCourse .AnotherBatch:hover span{
            background: url(/Content/images/icons/refresh02.png) no-repeat center;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        /*海量视频结束*/


        /*日语学院开始*/
        .JpCourse{
            width:1200px;
            height:770px;
            margin:0 auto; 
        }
        .JpCourse .TopBar{
            height:92px;
        }

        .JpCourse .TopBar .LeftArea{
            float:left;
        }

        .JpCourse .TopBar .LeftArea h4{
            float:left;
            font:400 22px 'Microsoft YaHei';
            color:#000;
            margin-top: 40px;
            margin-left: 10px;
        }

        .JpCourse .TopBar .LeftArea h5{
            float:left;
            font:400 16px 'Microsoft YaHei';
            color:#6b6b6b;
            margin-top: 48px;
            margin-left: 15px;
        }

        .JpCourse .TopBar .LeftArea h5 i{
            color:#e6261c;
        }

        .JpCourse .TopBar .NewShow{
            float: left;
            margin-top: 44px;
            margin-left: 60px;
            background: #efeff4;
            border-radius: 14px;
        }

        .JpCourse .TopBar .NewShow h4{
            float: left;
            height: 20px;
            margin-top: 4px;
            padding-left: 24px;
            padding-right: 20px;
            display: inline-block;
            line-height: 20px;
            color: #db2a2a;
            border-right: solid 1px #dddddd;
        }

        .JpCourse .TopBar .NewShow .FlashNews{
            padding: 6px;
            max-width:250px;
            height:28px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-left: 20px;
            padding-right:12px;
        }

        .JpCourse .TopBar .NewShow .swiper-container{
            max-width:250px;
            height:28px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .NewShow .swiper-slide{
            padding-right:0px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .JpCourse .TopBar .NewShow .swiper-slide:hover a{
            color:#e6261c;
        }

        .JpCourse .TopBar h3{
            float:right;
            margin-top:54px;
        }

        .JpCourse .TopBar h3:hover a{
            color:#e6261c;
        }

        .JpCourse ul{
            height:595px;
        }

        .JpCourse ul li{
            float: left;
            width: 288px;
            height: 288px;
            margin-right: 16px;
            border-radius: 6px;
            border: solid 1px #d1d1d6;
            transition: all .2s;
        }

        .JpCourse ul li:nth-child(4n){
            margin-right:0;
        }

        .JpCourse ul li:nth-child(n+5){
            margin-top:15px;
        }

        .JpCourse ul li .TopImg{
            width:286px;
            height:214px;
            border-top-left-radius:6px;
            border-top-right-radius:6px;
            overflow:hidden;
            transition: all .25s;
            cursor:pointer;
        }

        .JpCourse ul li .TopArea{
            position:relative;
            width:286px;
            height:214px;
        }

        .JpCourse ul li .TopArea img{
            width:100%;
        }

        .JpCourse ul li .TopArea span{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.35);
            opacity:0;
            transition: all .25s;
        }

        .JpCourse ul li .TopArea span:before{
            content: "";
            left: 50%;
            top: 50%;
            margin: -30px 0 0 -30px;
            width: 60px;
            height: 60px;
            transition: all .25s;
            background: url(/Content/images/icons/bofang.png) no-repeat center;
            position: absolute;
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .JpCourse ul li .TopImg:hover span{
            opacity:1;
        }

        .JpCourse ul li .TopImg:hover span:before{
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .JpCourse ul li .TopImg:hover{
            box-shadow: 0 6px 15px rgba(0,0,0,.1) !important;
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

        .JpCourse ul li .BottomArea .CourseName{
            line-height:20px;
            padding:10px 9px 0px 9px;
        }

        .JpCourse ul li .BottomArea .CourseName p{
            display:inline-block;
            width:100%;
            font:400 18px 'Microsoft YaHei';
            color:#000000;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }

        .JpCourse ul li .BottomArea .CourseTip h4{
            display:inline-block;
            font:400 14px 'Microsoft YaHei';
            color:#acacb0;
            line-height:30px;
            padding:0 9px;
        }

        .JpCourse ul li .BottomArea .CoursePrice{
            float:right;
            margin-right:9px;
        }

        .JpCourse ul li .BottomArea .CoursePrice h5{
            display:inline-block;
            font:400 12px 'Microsoft YaHei';
            color:#96969a;
            text-decoration: line-through;
        }

        .JpCourse ul li .BottomArea .CoursePrice h6{
            display:inline-block;
            font:400 18px 'Microsoft YaHei';
            color:#e6261c;
        }

        .JpCourse .TopBar .TopRight{
            float:right;
            margin-top:55px;
            color:#868686;
        }

        .JpCourse .TopBar .TopRight:hover a{
            color:#e6261c;
        }

        .JpCourse .AnotherBatch{
            width: 160px;
            height: 40px;
            margin:0 auto;
            margin-top:40px;
            line-height: 40px;
            border: 1px #ddd solid;
            border-radius: 5px;
            transition: all .2s;
            background: #fff;
            color: #666;
            text-align: center;
            cursor: pointer;
        }

        .JpCourse .AnotherBatch span{    
            display: inline-block;
            width: 15px;
            height: 18px;
            margin-right: 10px;
            background: url(/Content/images/icons/refresh.png) no-repeat center;
            vertical-align: -4px;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s,-webkit-transform .3s;
        }

        .JpCourse .AnotherBatch h4{
            display: inline-block;
        }

        .JpCourse .AnotherBatch:hover{
            background: #e6261c;
            border-color: #e6261c;
            color: #fff;
        }

        .JpCourse .AnotherBatch:hover span{
            background: url(/Content/images/icons/refresh02.png) no-repeat center;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        /*日语学院结束*/




        /*VIP学院课程开始*/
        .pageContent .VipSystem{
            width:100%;
            height:604px;
            border-bottom:solid 1px #f3f3f3;
        }

        .pageContent .VipSystem .NavBar{
            width:100%;
            height:80px;
        }

        .pageContent .VipSystem .TopLeft{
            width:1200px;
            margin:0 auto;
        }

        .pageContent .VipSystem .TopLeft h3{
            float:left;
            height:30px;
            margin-top:24px;
            margin-left:10px;
            color:#000;
            font:400 24px 'Microsoft YaHei';
        }

        .pageContent .VipSystem .TopLeft h5{
            float:left;
            color:#232323;
            font:400 14px 'Microsoft YaHei';
        }

        .pageContent .VipSystem .VipCourseList{
            width:1200px;
            height:270px;
            margin:0 auto;
            margin-top:40px;
        }

        .pageContent .VipSystem .VipCourseList li{
            float:left;
            width:280px;
            height:195px;
            margin-left:10px;
            margin-right:10px;
            color:#fff;
            background-position:center center;
            background-repeat:no-repeat;
            background-size:100%;
        }

        .pageContent .VipSystem .VipCourseList li .CourseBg{
            width:240px;
            height:158px;
            margin-top:20px;
            margin-left:20px;
            box-shadow: 0 0 0 4px rgba(225, 255, 255, .1);
            border:solid 1px transparent;
        }

        .pageContent .VipSystem .VipCourseList li .CourseBg .CourseBorder{
            width:210px;
            height:140px;
            margin-top:10px;
            margin-left:13px;
            border:solid 1px #fff;
        }

        .pageContent .VipSystem .VipCourseList li .CourseBg .CourseBorder h4{
            margin-top:45px;
            font-size:24px;
            text-align:center;
        }

        .pageContent .VipSystem .VipCourseList li .CourseBg .CourseBorder h5{
            width:204px;
            height:42px;
            margin-top:10px;
            font-size:12px;
            text-align:center;
            /*overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;*/
        }

        .pageContent .VipSystem .VipCourseList li .CourseBg .CourseBorder span{
            display:block;
            width:100px;
            height:30px;
            margin-left:50px;
            border-radius:5px;
            background:#e6261c;
            text-align:center;
            font-size:16px;
            padding-top:4px;
            cursor:pointer;
        }

        .pageContent .VipSystem .VipCourseList li .CourseBg .CourseBorder span a{
            color:#fff;
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(1){
            background-image:url(/Content/images/School1.png)
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(2){
            background-image:url(/Content/images/School2.png)
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(3){
            background-image:url(/Content/images/School3.png)
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(3) .CourseBg .CourseBorder h4{
            width:160px;
            margin:0 auto;
            margin-top:18px;
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(4){
            background-image:url(/Content/images/School4.png)
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(5){
            background-image:url(/Content/images/School5.png)
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(6){
            background-image:url(/Content/images/School6.png)
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(7){
            background-image:url(/Content/images/School7.png)
        }

        .pageContent .VipSystem .VipCourseList li:nth-child(8){
            background-image:url(/Content/images/School8.png)
        }


        .pageContent .VipSystem .VipCourseList li:nth-child(n+5){
            margin-top:18px;
        }

        /*VIP学院课程结束*/

        
        /*唐人数据开始*/
        .pageContent .TrDataBg{
            width:100%;
            overflow:hidden;
            background-color:#efeff4;
        }

        .pageContent .TrData{
            width:1200px;
            height:280px;
            margin:0 auto;
        }

        .pageContent .TrData h4{
            text-align:center;
            color:#000;
            font:400 24px 'MicrosoftYaHei';
            margin-top:40px;
        }

        .pageContent .TrData p{
            text-align:center;
            color:#838383;
            font:500 16px 'Microsoft YaHei';
            margin-top:20px;
        }

        .pageContent .TrData ul{
            width:1092px;
            margin:0 auto;
        }

        .pageContent .TrData ul li{
            float:left;
            width:350px;
            height:110px;
            margin-top:40px;
            text-align:center;
        }

        .pageContent .TrData ul li h3{
            display:inline-block;
            text-align:center;
            font:600 40px 'Microsoft YaHei';
        }

        .pageContent .TrData ul li h5{
            display:inline-block;
            text-align:center;
            font:500 16px 'Microsoft YaHei';
        }

        .pageContent .TrData ul li h6{
            text-align:center;
            color:#838383;
            font:500 16px 'Microsoft YaHei';
        }

        .pageContent .TrData .CourseData{
            color:#e6261c;
        }

        .pageContent .TrData .StudentData{
            color:#0374ff;
        }

        .pageContent .TrData .NewStudentData{
            color:#42e54a;
        }
        /*唐人数据结束*/

        .pageContent .SchoolShow{
            width: 100%;
            height: 400px;
            z-index: 1;
            background-color:#efeff4;
        }

        .pageContent .SchoolShow .SchoolShowBg{
            width: auto;
            height: 340px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
        }

        .pageContent .SchoolShow .SchoolShowBg .SchoolBg{
            position: relative;
            width:1920px;
            margin:0 auto;
            background-image:url(/Content/images/footer.png);
            background-repeat:no-repeat;
            background-position:center center;
        }

/*首页结束*/









/*个人中心首页开始*/
        .PersonalCenter {
            width: 100%;
            height: auto;
            margin: 0 auto;
        }

        /*导航栏开始*/
        .PersonalCenter .Nav {
            width:100%;
            height:80px;
            font: 500 18px 'Microsoft YaHei';
            color: #838383;
        }

        .PersonalCenter .Nav ul{
            width: 1200px;
            height: 80px;
            margin: 0 auto;
        }

            .PersonalCenter .Nav ul li {
                float: left;
                width: 72px;
                margin-right: 46px;
                margin-top: 35px;
                cursor: pointer;
            }

            .PersonalCenter .Nav ul .active a{
                color: #e8342b;
            }
        /*导航栏结束*/

        /*广告栏开始*/
        .PersonalCenter .banner {
            width: 100%;
            height: 480px;
            margin: 0 auto;
            background: url(/Content/images/wallhaven.png) no-repeat center;
        }

        .PersonalCenter .Ad {
            width: 1169px;
            height: 540px;
            margin: 0 auto;
            margin-top: -385px;
        }

            .PersonalCenter .Ad .AdOne {
                float: left;
                width: 402px;
                height: 456px;
                text-align: center;
                background: url(/Content/images/adventure.png) no-repeat center;
            }

                .PersonalCenter .Ad .AdOne .UserLogo {
                    position:relative;
                    width: 70px;
                    height: 70px;
                    margin-top: 223px;
                    margin-left: 175px;
                    border-radius: 50%;
                    overflow:hidden;
                    border:solid 1px #d1d1d1;
                }

                .PersonalCenter .Ad .AdOne .UserLogo img{
                    position: absolute;
                    width:100%;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    -ms-transform: translate(-50%,-50%);
                    -o-transform: translate(-50%,-50%);
                    -moz-transform: translate(-50%,-50%);
                }

                .PersonalCenter .Ad .AdOne .UserCache {
                    position: absolute;
                    width: 144px;
                    height: 30px;
                    margin-top: 10px;
                    margin-left: 138px;
                    border-radius: 6px;
                    color: #efefef;
                    text-align: center;
                    line-height: 28px;
                }

                .PersonalCenter .Ad .AdOne .UserCacheBg {
                    position: absolute;
                    width: 144px;
                    height: 30px;
                    margin-top: 10px;
                    margin-left: 138px;
                    border-radius: 6px;
                    background: #ffffff;
                    opacity: 0.2;
                    text-align: center;
                    line-height: 28px;
                }

                .PersonalCenter .Ad .AdOne .VipMore {
                    position: absolute;
                    margin-top: 100px;
                    margin-left: 143px;
                    width: 144px;
                    height: 58px;
                    font: 500 18px 'Microsoft YaHei';
                    line-height: 56px;
                    cursor: pointer;
                }

                    .PersonalCenter .Ad .AdOne .VipMore a {
                        color: #fff;
                    }

            .PersonalCenter .Ad .AdTwo {
                float: left;
                width: 490px;
                height: 264px;
                margin-left: 20px;
            }

            .PersonalCenter .Ad .AdThree {
                float: left;
                width: 235px;
                height: 264px;
                margin-left: 20px;
                color: #000;
                background-color: #fff;
                background-image: url(/Content/images/CourseHot.png);
                background-position: 20px 20px;
                background-repeat: no-repeat;
            }

                .PersonalCenter .Ad .AdThree .LiveTwo {
                    margin-top: 60px;
                    margin-left: 32px;
                }

                    .PersonalCenter .Ad .AdThree .LiveTwo li {
                        width: 180px;
                        height: 20px;
                        margin-top: 16px;
                    }

                        .PersonalCenter .Ad .AdThree .LiveTwo li h5 {
                            float: left;
                        }

                        .PersonalCenter .Ad .AdThree .LiveTwo li h4 {
                            float: left;
                            width:140px;
                            overflow:hidden;
                            white-space:nowrap;
                            text-overflow:ellipsis;
                        }

                        .PersonalCenter .Ad .AdThree .LiveTwo li h5 i {
                            color: #dd2525;
                        }

                .PersonalCenter .Ad .AdThree .CourseHotMore {
                    float: right;
                    margin-right: 36px;
                    margin-top: 33px;
                    font: 10px;
                }

                    .PersonalCenter .Ad .AdThree .CourseHotMore a:hover {
                        color: #dd2525;
                    }

            .PersonalCenter .Ad .AdFour {
                float: left;
                width: 743px;
                height: 173px;
                margin-left: 20px;
                margin-top: 20px;
                background-color: #fff;
            }

                .PersonalCenter .Ad .AdFour li {
                    float: left;
                    width: 247px;
                    height: 173px;
                    text-align: center;
                    background-color:#F6F9FE;
                    cursor:pointer;
                }

                .PersonalCenter .Ad .AdFour li img{
                    position:absolute;
                    margin-top:50px;
                    margin-left:-92px;
                }

                .PersonalCenter .Ad .AdFour li:nth-child(1) {
                        background-image: url(/Content/images/icons/test01.png);
                        background-repeat:no-repeat;
                        background-position:center;
                    }

                    .PersonalCenter .Ad .AdFour li:nth-child(2) {
                        background-image: url(/Content/images/icons/test02.png);
                        background-repeat:no-repeat;
                        background-position:center;
                    }

                    .PersonalCenter .Ad .AdFour li:nth-child(3) {
                        background-image: url(/Content/images/icons/test03.png);
                        background-repeat:no-repeat;
                        background-position:center;
                    }

                    .PersonalCenter .Ad .AdFour li h4 {
                        margin-top: 44px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #4e4f51;
                    }

                    .PersonalCenter .Ad .AdFour li h5 {
                        margin-top: 20px;
                        font: 600 16px 'Microsoft YaHei';
                        color: #000;
                    }

                    .PersonalCenter .Ad .AdFour li p {
                        margin-top: 16px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #838383;
                    }
        /*广告栏结束*/

        /*看直播开始*/
        .PersonalCenter .WatchLive {
            width: 1200px;
            height: 468px;
            margin: 0 auto;
        }

            /*看直播左侧开始*/
            .PersonalCenter .WatchLive .LiveLeft {
                float: left;
                width: 286px;
                height: 468px;
            }

                .PersonalCenter .WatchLive .LiveLeft h4 {
                    margin-left: 20px;
                    font: 600 56px 'Microsoft YaHei';
                    color: #000;
                }

                .PersonalCenter .WatchLive .LiveLeft .LiveAd {
                    width: 216px;
                    height: 32px;
                    color: #fff;
                    line-height: 32px;
                    font-size: 12px;
                    margin-top: 33px;
                    margin-left: 24px;
                    padding-left: 16px;
                    background: url(/Content/images/rectangle.png) no-repeat center;
                }

                .PersonalCenter .WatchLive .LiveLeft p {
                    font-size: 12px;
                    color: #121212;
                    margin-left: 24px;
                    margin-top: 64px;
                }

                .PersonalCenter .WatchLive .LiveLeft .LiveVideo {
                    width: 160px;
                    height: 120px;
                    margin-left: 24px;
                    margin-top: 10px;
                }

                    .PersonalCenter .WatchLive .LiveLeft .LiveVideo video {
                        display: block;
                        width: 100%;
                        height: 100%;
                        object-fit: fill;
                    }

                .PersonalCenter .WatchLive .LiveLeft .LiveMore {
                    font: 400 12px 'Microsoft YaHei';
                    color: #121212;
                    margin-left: 24px;
                    margin-top: 10px;
                }

                    .PersonalCenter .WatchLive .LiveLeft .LiveMore a:hover {
                        color: #e6261c;
                    }
            /*看直播左侧结束*/
            /*看直播右侧开始*/
            .PersonalCenter .WatchLive .LiveRight {
                float: right;
                width: 840px;
                height: 360px;
            }

                .PersonalCenter .WatchLive .LiveRight li {
                    float: left;
                    width: 260px;
                    height: 375px;
                    margin-right: 20px;
                    border: solid 1px #adadad;
                    cursor: pointer;
                }

                    .PersonalCenter .WatchLive .LiveRight li .TopArea {
                        width: 260px;
                        height: 195px;
                        background: url(/Content/images/course.png) no-repeat center;
                    }

                    .PersonalCenter .WatchLive .LiveRight li .BottomArea .thumbnail {
                        float: left;
                        width: 60px;
                        height: 60px;
                        margin-left: 10px;
                        margin-top: 14px;
                        background: url(/Content/images/UserImg.jpg) no-repeat center;
                        background-size: 100%;
                    }

                    .PersonalCenter .WatchLive .LiveRight li .BottomArea .CourseTitle {
                        float: left;
                        margin-top: 15px;
                        margin-left: 12px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #101010;
                    }

                    .PersonalCenter .WatchLive .LiveRight li .BottomArea .CourseTime {
                        float: left;
                        margin-top: 4px;
                        margin-left: 12px;
                        font: 400 12px 'Microsoft YaHei';
                        color: #838383;
                    }

                    .PersonalCenter .WatchLive .LiveRight li .BottomArea .CourseNum {
                        float: left;
                        margin-top: 4px;
                        margin-left: 12px;
                        font: 400 12px 'Microsoft YaHei';
                        color: #838383;
                    }

                    .PersonalCenter .WatchLive .LiveRight li .BottomArea .Appointment {
                        float: left;
                        width: 100px;
                        height: 30px;
                        margin-top: 48px;
                        margin-left: 80px;
                        border-radius: 6px;
                        border: solid 1px #838383;
                        text-align: center;
                        padding-top: 4px;
                        color: #05213e;
                        font: 400 14px 'Microsoft YaHei';
                        cursor: pointer;
                    }
        /*看直播右侧结束*/

        /*精选教学课程开始*/
        .PersonalCenter .GoodChoice {
            width: 1200px;
            height: 530px;
            margin: 0 auto;
        }

            .PersonalCenter .GoodChoice .left {
                float: left;
                width: 286px;
                height: 468px;
            }

                .PersonalCenter .GoodChoice .left h4 {
                    margin-left: 20px;
                    margin-top: 50px;
                    font: 600 56px 'Microsoft YaHei';
                    color: #000;
                }

                .PersonalCenter .GoodChoice .left .LiveAd {
                    width: 216px;
                    height: 32px;
                    color: #fff;
                    line-height: 32px;
                    font-size: 12px;
                    margin-top: 40px;
                    margin-left: 24px;
                    padding-left: 40px;
                    background: url(/Content/images/rectangle.png) no-repeat center;
                }

                .PersonalCenter .GoodChoice .left .LiveMore{
                    font: 400 12px 'Microsoft YaHei';
                    color: #121212;
                    margin-left: 24px;
                    margin-top: 90px;
                }

                .PersonalCenter .GoodChoice .left .LiveMore:hover a{
                    color:#e6261c;
                }

                .PersonalCenter .GoodChoice .left p {
                    font-size: 12px;
                    color: #121212;
                    margin-left: 24px;
                    margin-top: 64px;
                }

            .PersonalCenter .GoodChoice .right {
                float: right;
                width: 830px;
                height: 489px;
                margin-top: 40px;
            }

                .PersonalCenter .GoodChoice .right .AdOne {
                    float: left;
                    width: 544px;
                    height: 190px;
                }

                .PersonalCenter .GoodChoice .right .AdTwo {
                    float: right;
                    width: 254px;
                    height: 190px;
                }

                    .PersonalCenter .GoodChoice .right .AdTwo h4 {
                        margin-top: 15px;
                        font: 400 18px 'Microsoft YaHei';
                        color: #000;
                        margin-left: 65px;
                    }

                    .PersonalCenter .GoodChoice .right .AdTwo ul li {
                        width: 200px;
                        height: 20px;
                        float: left;
                        margin-top: 20px;
                        cursor: pointer;
                    }

                        .PersonalCenter .GoodChoice .right .AdTwo ul li span {
                            float: left;
                            width: 40px;
                            height: 20px;
                            display: block;
                            text-align: center;
                            color: #fff;
                        }

                        .PersonalCenter .GoodChoice .right .AdTwo ul li:nth-child(1) span {
                            background: url(/Content/images/GoodChoiceIcon1.png) no-repeat center;
                        }

                        .PersonalCenter .GoodChoice .right .AdTwo ul li:nth-child(2) span {
                            background: url(/Content/images/GoodChoiceIcon2.png) no-repeat center;
                        }

                        .PersonalCenter .GoodChoice .right .AdTwo ul li:nth-child(3) span {
                            background: url(/Content/images/GoodChoiceIcon3.png) no-repeat center;
                        }

                        .PersonalCenter .GoodChoice .right .AdTwo ul li p {
                            float: left;
                            width:150px;
                            margin-left:10px;
                            overflow:hidden;
                            color: #1b1b1b;
                        }

                .PersonalCenter .GoodChoice .right .AdThree {
                    float: left;
                    width: 829px;
                    height: 291px;
                    margin-top: 12px;
                }

                    .PersonalCenter .GoodChoice .right .AdThree li {
                        float: left;
                        width: 262px;
                        height: 291px;
                        margin-right: 14px;
                        font: 400 12px 'Microsoft YaHei';
                        cursor: pointer;
                    }

                        .PersonalCenter .GoodChoice .right .AdThree li .CourseCover {
                            float: left;
                            width: 262px;
                            height: 195px;
                        }

                        .PersonalCenter .GoodChoice .right .AdThree li .CourseCover img{
                            width:100%;
                            height:100%;
                        }

                        .PersonalCenter .GoodChoice .right .AdThree li .CourseType {
                            float: left;
                            width: 40px;
                            height: 20px;
                            margin-top: 19px;
                            margin-left: 11px;
                            border-radius: 6px;
                            background: #42e54a;
                            color: #fff;
                            text-align: center;
                        }

                        .PersonalCenter .GoodChoice .right .AdThree li .CourseLevel {
                            float: left;
                            margin-top: 19px;
                            margin-left: 5px;
                        }

                        .PersonalCenter .GoodChoice .right .AdThree li .CourseName {
                            float: left;
                            margin-top: 19px;
                            margin-left: 5px;
                        }

                        .PersonalCenter .GoodChoice .right .AdThree li .CourseNum {
                            float: right;
                            margin-top: 19px;
                            margin-right: 5px;
                        }

        /*精选教学课程结束*/

        /*一对一作业点评开始*/
        .PersonalCenter .WorkRemark {
            width: 1200px;
            height: 652px;
            margin: 0 auto;
        }

            .PersonalCenter .WorkRemark .left {
                float: left;
                width: 286px;
                height: 468px;
            }

                .PersonalCenter .WorkRemark .left h4 {
                    margin-left: 20px;
                    margin-top: 75px;
                    font: 600 56px 'Microsoft YaHei';
                    color: #000;
                }

                .PersonalCenter .WorkRemark .left .LiveAd {
                    width: 216px;
                    height: 32px;
                    color: #fff;
                    line-height: 32px;
                    font-size: 12px;
                    margin-top: 40px;
                    margin-left: 24px;
                    padding-left: 36px;
                    background: url(/Content/images/rectangle.png) no-repeat center;
                }

                .PersonalCenter .WorkRemark .left .QRcode {
                    width: 140px;
                    height: 140px;
                    margin-top: 46px;
                    margin-left: 42px;
                    background: url(/Content/images/QRcode.png) no-repeat center;
                }

                .PersonalCenter .WorkRemark .left .QRExplain {
                    margin-top: 15px;
                    margin-left: 52px;
                }

            .PersonalCenter .WorkRemark .right .CourseTitle {
                float: right;
                width: 460px;
                margin-top: 75px;
                margin-bottom: 10px;
            }

                .PersonalCenter .WorkRemark .right .CourseTitle li {
                    float: left;
                    width: 76px;
                    height: 16px;
                    text-align: center;
                    border-right: solid 1px #838383;
                    font: 400 14px 'Microsoft YaHei';
                    cursor:pointer;
                }

                .PersonalCenter .WorkRemark .right .CourseTitle .active {
                    color: #e6261c;
                }

                .PersonalCenter .WorkRemark .right .CourseTitle li:last-child {
                    border-right: none;
                }

            .PersonalCenter .WorkRemark .right .CourseMore {
                float: right;
                font-size: 20px;
                margin-top: 69px;
                margin-right: 10px;
            }

            .PersonalCenter .WorkRemark .right .CourseMore a{
                color:#838383;
            }

                .PersonalCenter .WorkRemark .right .CourseMore:hover a {
                    color: #e6261c;
                }

            .PersonalCenter .WorkRemark .right .videoList {
                float: right;
                width: 824px;
                height: 454px;
                margin-top: 15px;
            }

                .PersonalCenter .WorkRemark .right .videoList li {
                    float: left;
                    width: 194px;
                    height: 214px;
                    margin-right: 11px;
                    border: solid 1px #838383;
                    cursor: pointer;
                }

                    .PersonalCenter .WorkRemark .right .videoList li:nth-child(n+5) {
                        margin-top: 10px;
                    }

                .PersonalCenter .WorkRemark .right .videoList .TopArea {
                    width: 192px;
                    height: 150px;
                    background: url(/Content/images/CourseList.png) no-repeat center;
                }

                .PersonalCenter .WorkRemark .right .videoList .BottomArea h4 {
                    font: 400 16px 'Microsoft YaHei';
                    color: #000;
                    margin-top: 10px;
                    margin-left: 8px;
                }

                .PersonalCenter .WorkRemark .right .videoList .BottomArea .SkinNum span {
                    display: block;
                    float: left;
                    width: 12px;
                    height: 10px;
                    margin-top: 12px;
                    margin-left: 8px;
                    background: url(/Content/images/icons/skin.png) no-repeat center;
                }

                .PersonalCenter .WorkRemark .right .videoList .BottomArea .SkinNum p {
                    float: left;
                    margin-top: 7px;
                    margin-left: 4px;
                }

                .PersonalCenter .WorkRemark .right .videoList .BottomArea .VideoTime span {
                    display: block;
                    float: right;
                    width: 16px;
                    height: 16px;
                    margin-top: 9px;
                    margin-left: 8px;
                    background: url(/Content/images/icons/time.png) no-repeat center;
                }

                .PersonalCenter .WorkRemark .right .videoList .BottomArea .VideoTime p {
                    float: right;
                    margin-top: 7px;
                    margin-right: 4px;
                    margin-left:5px;
                }

        /*一对一作业点评结束*/
        /*积分兑换开始*/
        .PersonalCenter .ExchangeBg {
            width: 100%;
            height: 440px;
            background: url(/Content/images/ExchangeBg.png) no-repeat center;
        }

            .PersonalCenter .ExchangeBg .Exchange {
                width: 1200px;
                height: 440px;
                margin: 0 auto;
            }

                .PersonalCenter .ExchangeBg .Exchange .left {
                    float: left;
                    width: 350px;
                    height: 440px;
                    text-align: center;
                    color: #000;
                }

                    .PersonalCenter .ExchangeBg .Exchange .left h4 {
                        font: 400 60px 'Microsoft YaHei';
                        margin-top: 90px;
                    }

                    .PersonalCenter .ExchangeBg .Exchange .left h5 {
                        font: 400 24px 'Microsoft YaHei';
                    }

                    .PersonalCenter .ExchangeBg .Exchange .left .ExchangeNow {
                        width: 180px;
                        height: 40px;
                        margin: 0 auto;
                        margin-top: 46px;
                        background: #e6261c;
                        border-radius: 6px;
                        padding-top: 6px;
                        color: #fff;
                        text-align: center;
                        font: 600 18px 'Microsoft YaHei';
                    }

                .PersonalCenter .ExchangeBg .Exchange .right {
                    width: 807px;
                    height: 280px;
                    margin-top: 86px;
                    float: right;
                }

                    .PersonalCenter .ExchangeBg .Exchange .right li {
                        float: left;
                        width: 240px;
                        height: 280px;
                        margin-right: 28px;
                        background: #fff;
                    }

                        .PersonalCenter .ExchangeBg .Exchange .right li .TopArea {
                            width: 240px;
                            height: 203px;
                            background: url(/Content/images/beats.png) no-repeat center;
                        }

                        .PersonalCenter .ExchangeBg .Exchange .right li .BottomArea h4 {
                            text-align: center;
                            font: 600 14px 'Microsoft YaHei';
                            color: #000;
                        }

                        .PersonalCenter .ExchangeBg .Exchange .right li .BottomArea .Credits {
                            text-align: center;
                            margin-top: 15px;
                            font: 600 18px 'Microsoft YaHei';
                            color: #e6261c;
                            /*display:none;*/
                            display: block;
                        }

                        .PersonalCenter .ExchangeBg .Exchange .right li .BottomArea .ExchangeRightNow {
                            width: 240px;
                            height: 40px;
                            font-size: 18px;
                            margin-top: 19px;
                            line-height: 36px;
                            text-align: center;
                            background: #e6261c;
                            color: #fff;
                            /*display:block;*/
                            display: none;
                        }

                    .PersonalCenter .ExchangeBg .Exchange .right .active .BottomArea .Credits {
                        display: none;
                    }

                    .PersonalCenter .ExchangeBg .Exchange .right .active .BottomArea .ExchangeRightNow {
                        display: block;
                    }

        /*积分兑换结束*/
/*个人中心首页结束*/






/*直播课程频道页开始*/
        .LiveCourse {
            width: 100%;
            margin: 0 auto;
        }

            .LiveCourse .content {
                width: 1200px;
                height: auto;
                margin: 0 auto;
            }

                .LiveCourse .content .Nav {
                    width: 1200px;
                    height: 60px;
                }

                    .LiveCourse .content .Nav h4 {
                        float: left;
                        margin-top: 28px;
                        margin-left: 14px;
                        font: 400 18px 'Microsoft YaHei';
                    }

                        .LiveCourse .content .Nav h4:hover a {
                            color: #e6261c;
                        }

                    .LiveCourse .content .Nav h5 {
                        float: left;
                        font: 400 18px 'Microsoft YaHei';
                        margin-top: 28px;
                    }

                        .LiveCourse .content .Nav h5 a {
                            color: #0d0d0d;
                        }

                .LiveCourse .content .selects {
                    width: 1157px;
                    height: 304px;
                    margin: 0 auto;
                    border: solid 1px #e5e5e5;
                    border-radius: 20px;
                }

                    .LiveCourse .content .selects .select {
                        width: 1122px;
                        height: 76px;
                        margin: 0 auto;
                        border-bottom: solid 1px #e5e5e5;
                    }

                    .LiveCourse .content .selects .LiveTime {
                        border: none;
                    }

                    .LiveCourse .content .selects .select ul {
                        position: absolute;
                        width: 760px;
                        height: 74px;
                        margin-left: 144px;
                        overflow: hidden;
                    }

                        .LiveCourse .content .selects .select ul li {
                            float: left;
                            margin-left: 20px;
                            margin-top: 26px;
                            font: 400 16px 'Microsoft YaHei';
                            color: #838383;
                            cursor: pointer;
                        }

                            .LiveCourse .content .selects .select ul li:hover {
                                color: #e6261c;
                            }

                        .LiveCourse .content .selects .select ul .active {
                            font-weight: 600;
                            color: #000;
                        }

                    .LiveCourse .content .selects h4 {
                        position: absolute;
                        /*float:left;*/
                        margin-left: 20px;
                        margin-top: 28px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #838383;
                    }

                    .LiveCourse .content .selects h5 {
                        position: absolute;
                        /*float:left;*/
                        width: 60px;
                        height: 36px;
                        margin-top: 20px;
                        margin-left: 78px;
                        background: #e6261c;
                        border-radius: 6px;
                        text-align: center;
                        padding-top: 7px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #fff;
                        cursor: pointer;
                    }

                    .LiveCourse .content .selects .select .CourseMore {
                        width: 60px;
                        height: 24px;
                        margin-right: 45px;
                        margin-top: 26px;
                        float: right;
                        border: solid 1px #838383;
                        cursor: pointer;
                        display: none;
                    }

                        .LiveCourse .content .selects .select .CourseMore p {
                            float: left;
                            margin-left: 5px;
                            line-height: 24px;
                            font: 400 16px 'Microsoft YaHei';
                        }

                        .LiveCourse .content .selects .select .CourseMore span {
                            display: block;
                            float: right;
                            width: 10px;
                            height: 10px;
                            margin-top: 6px;
                            margin-right: 5px;
                            background: url(/Content/images/icons/courseSelect.png) no-repeat center;
                        }

                .LiveCourse .content .List {
                    width: 1154px;
                    height: 40px;
                    margin: 0 auto;
                    margin-top: 18px;
                    border: solid 1px #adadad;
                    border-radius: 6px;
                    background: #e7e7e7;
                }

                    .LiveCourse .content .List .PlayType li {
                        width: 120px;
                        height: 38px;
                        float: left;
                        padding-top: 7px;
                        text-align: center;
                        border-top-left-radius: 6px;
                        border-bottom-left-radius: 6px;
                        border-right: solid 1px #adadad;
                        font: 400 16px 'Microsoft YaHei';
                        cursor: pointer;
                    }

                    .LiveCourse .content .List .PlayType .active {
                        color: #0374ff;
                        background: #fff;
                        font-weight: 600;
                    }

                    .LiveCourse .content .List .pagination {
                        float: right;
                    }

                .LiveCourse .content .ListSearch {
                    width: 1154px;
                    height: 40px;
                    margin: 0 auto;
                    margin-top: -1px;
                    border: solid 1px #adadad;
                    border-radius: 6px;
                    background: #fff;
                }

                    .LiveCourse .content .ListSearch .form-control {
                        width: 210px;
                        height: 30px;
                        float: right;
                        margin-top: 4px;
                        margin-right: 12px;
                    }

                    .LiveCourse .content .ListSearch .btn-primary {
                        width: 60px;
                        height: 30px;
                        margin-top: 4px;
                        margin-right: 12px;
                        background: #e6261c;
                        border: none;
                        float: right;
                    }


                /*课程列表开始*/
                .LiveCourse .content .CourseList {
                    width: 1156px;
                    height: auto;
                    min-height: 20px;
                    margin: 0 auto;
                    margin-top: 24px;
                }

                .LiveCourse .content .CourseList ul{
                    width: 1156px;
                    height: auto;
                    min-height: 20px;
                }

                    .LiveCourse .content .CourseList ul li {
                        float: left;
                        width: 275px;
                        height: 300px;
                        margin-right: 7px;
                        margin-left: 7px;
                        margin-top: 16px;
                        border: solid 1px #adadad;
                    }

                    .LiveCourse .content .CourseList ul li {
                        float: left;
                        width: 275px;
                        height: 300px;
                        margin-right: 7px;
                        margin-left: 7px;
                        margin-top: 16px;
                        border: solid 1px #adadad;
                        display: block;
                    }

                    .LiveCourse .content .CourseList .pager-box{
                        margin-bottom:100px;
                    }

                .LiveCourse .content .ForFree {
                    display: none;
                }

                .LiveCourse .content .HightLights {
                    display: none;
                }

                .LiveCourse .content .List .ListPagination {
                    float: right;
                    color: #8a8a8a;
                    margin-top: 8px;
                }

                    .LiveCourse .content .List .ListPagination p {
                        float: left;
                    }

                    .LiveCourse .content .List .ListPagination span {
                        display: block;
                        width: 50px;
                        height: 24px;
                        text-align: center;
                        border: solid 1px #adadad;
                        font-size: 16px;
                        cursor: pointer;
                    }

                    .LiveCourse .content .List .ListPagination .TotalCourse {
                        color: #e6261c;
                        font-weight: 600;
                    }

                    .LiveCourse .content .List .ListPagination .CurrentPage {
                        margin-left: 10px;
                        color: #e6261c;
                    }

                    .LiveCourse .content .List .ListPagination .PageLeft {
                        float: left;
                        margin-left: 11px;
                        border-right: none;
                    }

                    .LiveCourse .content .List .ListPagination .PageRight {
                        float: right;
                        margin-right: 11px;
                        background: #fff;
                    }

                /*课程列表结束*/


                /*最新班级上部分开始*/
                /*直播课程每个li开始*/
                .LiveCourse .content .CourseList ul li {
                    float: left;
                    width: 272px;
                    height: 354px;
                    margin-left: 7px;
                    margin-top: 20px;
                    border: solid 1px #adadad;
                }

                    /*li的上部分*/
                    .LiveCourse .content .CourseList ul li .TopArea {
                        height: 304px;
                        border-bottom: solid 1px #adadad;
                    }

                        /*li上部分每个div宽度*/
                        .LiveCourse .content .CourseList ul li .TopArea div {
                            width: 275px;
                        }

                        .LiveCourse .content .CourseList ul li .TopArea .CourseTop {
                            width: 272px;
                            height: 100px;
                        }

                        /*清除li内部的span外边距*/
                        .LiveCourse .content .CourseList ul li .TopArea span {
                            margin-top: 0;
                        }

                        /*li里语言标签*/
                        .LiveCourse .content .CourseList ul li .TopArea .CourseTop .LanguageLogo {
                            float: left;
                            width: 20px;
                            height: 20px;
                            background:#e6261c;
                            color:#fff;
                            font:400 18px 'Microsoft YaHei';
                            text-align: center;
                            line-height:20px;
                            margin-top: 16px;
                            margin-left: 16px;
                            padding-left: 1px;
                        }

                        /*li里课程logo*/
                        .LiveCourse .content .CourseList ul li .TopArea .CourseTop .CourseLogo {
                            float: left;
                            width: 44px;
                            height: 20px;
                            text-align: center;
                            margin-top: 17px;
                            padding-top: 2px;
                            margin-left: 6px;
                            line-height: 16px;
                            color: #e6261c;
                            border: solid 1px red;
                        }

                        /*li里课程标题*/
                        .LiveCourse .content .CourseList ul li .TopArea .CourseTop .CourseTitle {
                            float: left;
                            width: 172px;
                            margin-top: 14px;
                            margin-left: 10px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            color: #000;
                            font: 500 18px 'Microsoft YaHei';
                        }

                        /*li里时间logo*/
                        .LiveCourse .content .CourseList ul li .TopArea .CourseTop .timeLogo {
                            float: left;
                            width: 18px;
                            height: 20px;
                            margin-top: 12px;
                            margin-left: 16px;
                            background: url(/Content/images/icons/time.png) no-repeat center;
                        }

                        /*li里课程上课时间*/
                        .LiveCourse .content .CourseList ul li .TopArea .CourseTop .CourseTime {
                            width:220px;
                            float: left;
                            font: 400 14px 'Microsoft YaHei';
                            color: #8e8e8e;
                            margin-top: 12px;
                            margin-left: 7px;
                        }

                        /*li里课程上课人数*/
                        .LiveCourse .content .CourseList ul li .TopArea .CourseNum {
                            float: left;
                            margin-top: 2px;
                            margin-left: 7px;
                            color: #000;
                            font-weight: 500;
                            font-size: 14px;
                        }

                        /*li里直播标签*/
                        .LiveCourse .content .CourseList ul li .TopArea .LiveIcon {
                            float: left;
                            margin-left: 6px;
                            margin-top: 2px;
                            font-size: 14px;
                        }

                            .LiveCourse .content .CourseList ul li .TopArea .LiveIcon img {
                                margin-right: 3px;
                            }

                        /*li里剩余名额*/
                        .LiveCourse .content .CourseList ul li .TopArea .RemainNum {
                            float: left;
                            /*width: 90px;*/
                            height: 20px;
                            margin-left: 10px;
                            margin-top: 2px;
                            text-align: center;
                            color: #0f7bff;
                            font: 600 12px 'Microsoft YaHei';
                        }

                        /*li里课程封面大盒子*/
                        .LiveCourse .content .CourseList ul li .TopArea .CoursePic {
                            float: left;
                            width: 274px;
                            height: 204px;
                        }

                        /*li里课程灰色标题*/
                        /*.LiveCourse .content .CourseList ul li .TopArea .CourseCover {
                            position:absolute;
                            float: left;
                            width: 270px;
                            height: 28px;
                            background: #fff;
                            opacity: 0.5;
                            color: #000;
                            letter-spacing: 0;
                            font-size: 10px;
                            text-align: left;
                            padding-left: 18px;
                            line-height: 28px;
                        }*/

                        /*li里课程封面图片区域*/
                        .LiveCourse .content .CourseList ul li .TopArea .CourseSecond {
                            float: left;
                            width: 270px;
                            height: 204px;
                            overflow:hidden;
                        }
                        /*2020更改开始*/
                        .LiveCourse .content .CourseList ul li .TopArea .playCount {
                            width:270px;
                            height:36px;
                            line-height:36px;
                            margin-top:168px;
                            background:rgba(0,0,0,0.3);
                            padding-left:16px;
                            padding-right:10px;
                            position:absolute;
                        }
                       
                        .LiveCourse .content .CourseList ul li .TopArea .playCount span{
                            float:right;
                            color:#fff;
                        }
                        /*2020更改结束*/

                    /*li-bottom开始*/

                    .LiveCourse .content .CourseList ul li .BottomArea {
                        width: 275px;
                        height: 50px;
                    }
                        /*li里优惠剩余时间*/
                        .LiveCourse .content .CourseList ul li .BottomArea .Preferential {
                            float: left;
                            width: 120px;
                            margin-top: 16px;
                            margin-left: 12px;
                            color: #a6a6a6;
                            font: 400 12px 'Microsoft YaHei';
                        }

                            /*li里优惠剩余时间红色的天数*/
                            .LiveCourse .content .CourseList ul li .BottomArea .Preferential i {
                                font: 400 16px 'Microsoft YaHei';
                                color: #e6261c;
                            }

                        /*li里原价*/
                        .LiveCourse .content .CourseList ul li .BottomArea .PrimeCost {
                            float: right;
                            margin-right: 5px;
                            margin-top: 20px;
                            text-decoration: line-through;
                            font: 500 12px 'Microsoft YaHei';
                            color: #bebebe;
                        }

                        /*li里现价*/
                        .LiveCourse .content .CourseList ul li .BottomArea .CurrentCost {
                            float: right;
                            margin-right: 10px;
                            margin-top: 10px;
                            letter-spacing:-3px;
                            font: 600 24px 'Microsoft YaHei';
                            color: #e6261c;
                        }
                /*最新班级下部分结束*/

                /*免费试听开始*/
                .LiveCourse .content .ForFree ul li {
                    width: 260px;
                    height: 360px;
                    margin-left: 20px;
                    margin-top: 20px;
                }

                    .LiveCourse .content .ForFree ul li .TopArea .CourseCover {
                        width: 260px;
                        height: 195px;
                        background: #adadad;
                        background: url(/Content/images/course.png) no-repeat center;
                    }

                    .LiveCourse .content .ForFree ul li .BottomArea .thumbnail {
                        float: left;
                        width: 60px;
                        height: 60px;
                        margin-left: 10px;
                        margin-top: 14px;
                        background: url(/Content/images/UserImg.jpg) no-repeat center;
                        background-size: 100%;
                    }

                    .LiveCourse .content .ForFree ul li .BottomArea .LanguageLogo {
                        float: left;
                        width: 20px;
                        height: 20px;
                        text-align: center;
                        margin-top: 14px;
                        margin-left: 8px;
                    }

                    .LiveCourse .content .ForFree ul li .BottomArea .CourseLogo {
                        float: left;
                        width: 30px;
                        height: 20px;
                        text-align: center;
                        margin-top: 14px;
                        padding-top: 2px;
                        margin-left: 5px;
                        line-height: 16px;
                        color: #e6261c;
                        border: solid 1px red;
                    }

                    .LiveCourse .content .ForFree ul li .BottomArea p {
                        float: left;
                        color: #000;
                        margin-left: 5px;
                        margin-top: 14px;
                        font: 600 16px 'Microsoft YaHei';
                    }

                    .LiveCourse .content .ForFree ul li .BottomArea h4 {
                        float: left;
                        width: 180px;
                        margin-left: 7px;
                        margin-top: 4px;
                        color: #000;
                        font: 300 12px 'Microsoft YaHei';
                    }

                    .LiveCourse .content .ForFree ul li .BottomArea .Appointment {
                        float: left;
                        width: 120px;
                        height: 36px;
                        margin-top: 40px;
                        margin-left: 69px;
                        border-radius: 6px;
                        border: solid 1px #838383;
                        text-align: center;
                        padding-top: 6px;
                        color: #05213e;
                        font: 400 16px 'Microsoft YaHei';
                        cursor: pointer;
                    }

                /*免费试听结束*/

                /*精彩回放开始*/
                .LiveCourse .content .HightLights ul li .BottomArea .SkinClass{
                    width:100px;
                    margin-left: 10px;
                }

                .LiveCourse .content .HightLights ul li .BottomArea .SkinVideo{
                    margin-left: 20px;
                }
                /*精彩回放结束*/


                .LiveCourse .content .CoursePagination {
                    width: 100px;
                    height: 200px;
                    margin: 0 auto;
                }
                
            /*唐人网校小贴士开始*/
                .LiveCourse .Tips{
        width:100%;
        height:814px;
        margin-top:100px;
        border-bottom:solid 1px #adadad;
    }

    .LiveCourse .Tips p{
        height:60px;
        text-align:center;
        background:#eee;
        padding-top:13px;
        font:600 24px 'Microsoft YaHei';
        color:#e6261c;
    }

    .LiveCourse .Tips .TipsDetail{
        width:1200px;
        height:754px;
        margin:0 auto;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea{
        float:left;
        width:752px;
        height:480px;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .Solution{
        float:left;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .Solution .Line{
        float:left;
        width:4px;
        height:23px;
        margin-top:34px;
        background:#000;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .Solution h4{
        float:left;
        margin-top:30px;
        padding-left:10px;
        font:400 20px 'Microsoft YaHei';
        color:#000;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .paginaton{
        float:right;
        width:80px;
        height:20px;
        margin-top:30px;
        margin-right:20px;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .paginaton .PagiNumber h4{
        float:left;
        color:#000;
        line-height:18px;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .paginaton .PagiNumber h5{
        float:left;
        color:#000;
        line-height:18px;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .paginaton .PagiNumber .active{
        color:#e6261c;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .paginaton ol li{
        float:left;
        width:18px;
        height:18px;
        color:#000;
        text-align:center;
        line-height:16px;
        border:solid 1px #adadad;
        cursor:pointer;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .paginaton ol .active{
        color:#e6261c;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul{
        float:left;
        width:746px;
        height:385px;
        margin-top:30px;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul li{
        float:left;
        width:746px;
        /*height:24px;*/
        z-index:1;
    }

    /*.LiveCourse .Tips .TipsDetail .LeftArea ul li:nth-child(2n+1){
        margin-top:20px;
    }*/

    .LiveCourse .Tips .TipsDetail .LeftArea ul li:nth-child(2n){
        margin-top:4px;
        margin-bottom:7px;
        width:646px;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul li .Ask{
        float:left;
        width:24px;
        height:24px;
        background:url(/Content/images/icons/ask.png) no-repeat center;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul li span{
        float:right;
        display:block;
        width:80px;
        height:28px;
        margin-right:16px;
        border-radius:6px;
        text-align:center;
        padding-top:5px;
        background:#e6261c;
        color:#fff;
        cursor:pointer;
        z-index:2;
        margin-top:-25px;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul li span a{
        color:#fff;
        display:block;
        width:80px;
        height:28px;
        font:400 14px 'Microsoft YaHei';
        cursor:pointer;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul li .TipsTitle{
        margin-left:35px;
        font:600 16px 'Microsoft YaHei';
        color:#000;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul li .TipsSiple{
        width:600px;
        margin-left:35px;
        font:400 14px 'Microsoft YaHei';
        color:#545454;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul li .Answer{
        float:left;
        width:24px;
        height:24px;
        background:url(/Content/images/icons/Answer.png) no-repeat center;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea ul{
        display:none;
    }

    .LiveCourse .Tips .TipsDetail .LeftArea .active{
        display:block;
    }

    .LiveCourse .Tips .TipsDetail .CutOffRule{
        float:left;
        width:10px;
        height:350px;
        margin-top:100px;
        margin-left:20px;
        background:url(/Content/images/icons/dotted.png) no-repeat center;
    }

    .LiveCourse .Tips .TipsDetail .RightArea{
        float:right;
        width:376px;
        height:480px;
    }

    .LiveCourse .Tips .TipsDetail .RightArea h3{
        margin-top:28px;
        font:400 20px 'Microsoft YaHei';
        color:#141414;
        text-align:center;
    }

    .LiveCourse .Tips .TipsDetail .RightArea ul{
        margin-top:40px;
    }

    .LiveCourse .Tips .TipsDetail .RightArea ul li{
        height:20px;
        margin-top:24px;
    }

    .LiveCourse .Tips .TipsDetail .RightArea ul li h4{
        font:400 16px 'Microsoft YaHei';
        color:#141414;
        letter-spacing:5px;
        float:left;
    }

    .LiveCourse .Tips .TipsDetail .RightArea ul li h4 span{
        color:#e6261c;
    }

    .LiveCourse .Tips .TipsDetail .RightArea ul li h5{
        width:200px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        font:400 16px 'Microsoft YaHei';
        float:left;
        color:#141414;
    }

    .LiveCourse .Tips .TipsDetail .RightArea ul li h6{
        font:300 16px 'Microsoft YaHei';
        color:#424242;
        float:right;
    }

    .LiveCourse .Tips .TipsDetail form{
        width:800px;
    }

    .LiveCourse .Tips .TipsDetail textarea{
        float:left;
        width:726px;
        height:138px;
        margin-top:30px;
        padding-left:5px;
        padding-top:5px;
        border-radius:6px;
        outline:none;
        border:solid 1px #adadad;
        appearance:none;
        -webkit-appearance:none;
        -moz-appearance:none;
    }

    .LiveCourse .Tips .TipsDetail .btn-primary{
        float:left;
        width:100px;
        height:36px;
        margin-top:28px;
        margin-left:280px;
        padding-top:1px;
        font:400 22px 'Microsoft YaHei';
        color:#e6261c;
        border-radius:6px;
        border:solid 1px #e6261c;
        background:#fff;
    }
    /*唐人网校小贴士结束*/

/*直播课程频道页结束*/











/*体系课程开始*/
        .Vod .LiveCourse {
            position: absolute;
            width: 100%;
            height: 100%;
            margin: 0 auto;
            margin-top: 80px;
        }

            .Vod .LiveCourse .content {
                width: 1200px;
                height: auto;
                margin: 0 auto;
            }

                .Vod .LiveCourse .content .Nav {
                    width: 1200px;
                    height: 60px;
                }

                    .Vod .LiveCourse .content .Nav h4 {
                        float: left;
                        margin-top: 28px;
                        margin-left: 14px;
                        font: 400 14px 'Microsoft YaHei';
                    }

                        .Vod .LiveCourse .content .Nav h4:hover a {
                            color: #e6261c;
                        }

                    .Vod .LiveCourse .content .Nav h5 {
                        float: left;
                        font: 400 14px 'Microsoft YaHei';
                        margin-top: 28px;
                    }

                        .Vod .LiveCourse .content .Nav h5 a {
                            color: #0d0d0d;
                        }

                .Vod .LiveCourse .content .selects {
                    width: 1157px;
                    height: 304px;
                    margin: 0 auto;
                    border: solid 1px #e5e5e5;
                    border-radius: 20px;
                }

                    .Vod .LiveCourse .content .selects .select {
                        width: 1122px;
                        height: 76px;
                        margin: 0 auto;
                        border-bottom: solid 1px #e5e5e5;
                    }

                    .Vod .LiveCourse .content .selects .LiveTime {
                        border: none;
                    }

                    .Vod .LiveCourse .content .selects .select ul {
                        position: absolute;
                        width: 760px;
                        height: 74px;
                        margin-left: 144px;
                        overflow: hidden;
                    }

                        .Vod .LiveCourse .content .selects .select ul li {
                            float: left;
                            margin-left: 20px;
                            margin-top: 26px;
                            font: 400 16px 'Microsoft YaHei';
                            color: #838383;
                            cursor: pointer;
                        }

                            .Vod .LiveCourse .content .selects .select ul li:hover {
                                color: #e6261c;
                            }

                        .Vod .LiveCourse .content .selects .select ul .active {
                            font-weight: 600;
                            color: #000;
                        }

                    .Vod .LiveCourse .content .selects h4 {
                        position: absolute;
                        /*float:left;*/
                        margin-left: 20px;
                        margin-top: 28px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #838383;
                    }

                    .Vod .LiveCourse .content .selects h5 {
                        position: absolute;
                        /*float:left;*/
                        width: 60px;
                        height: 36px;
                        margin-top: 20px;
                        margin-left: 62px;
                        background: #e6261c;
                        border-radius: 6px;
                        text-align: center;
                        padding-top: 7px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #fff;
                        cursor: pointer;
                    }

                    .Vod .LiveCourse .content .selects .select .CourseMore {
                        width: 60px;
                        height: 24px;
                        margin-right: 45px;
                        margin-top: 26px;
                        float: right;
                        border: solid 1px #838383;
                        cursor: pointer;
                        display: none;
                    }

                        .Vod .LiveCourse .content .selects .select .CourseMore p {
                            float: left;
                            margin-left: 5px;
                            line-height: 24px;
                            font: 400 16px 'Microsoft YaHei';
                        }

                        .Vod .LiveCourse .content .selects .select .CourseMore span {
                            display: block;
                            float: right;
                            width: 10px;
                            height: 10px;
                            margin-top: 6px;
                            margin-right: 5px;
                            background: url(/Content/images/icons/courseSelect.png) no-repeat center;
                        }

                .Vod .LiveCourse .content .List {
                    width: 1154px;
                    height: 40px;
                    margin: 0 auto;
                    margin-top: 18px;
                    border: solid 1px #adadad;
                    border-radius: 6px;
                    background: #e7e7e7;
                }

                    .Vod .LiveCourse .content .List .PlayType li {
                        width: 120px;
                        height: 38px;
                        float: left;
                        padding-top: 7px;
                        text-align: center;
                        border-top-left-radius: 6px;
                        border-bottom-left-radius: 6px;
                        border-right: solid 1px #adadad;
                        font: 400 16px 'Microsoft YaHei';
                        cursor: pointer;
                    }

                    .Vod .LiveCourse .content .List .PlayType .active {
                        color: #0374ff;
                        background: #fff;
                        font-weight: 600;
                    }

                    .Vod .LiveCourse .content .List .pagination {
                        float: right;
                    }

                .Vod .LiveCourse .content .ListSearch {
                    width: 1154px;
                    height: 40px;
                    margin: 0 auto;
                    margin-top: -1px;
                    border: solid 1px #adadad;
                    border-radius: 6px;
                    background: #fff;
                }

                    .Vod .LiveCourse .content .ListSearch .form-control {
                        width: 210px;
                        height: 30px;
                        float: right;
                        margin-top: 4px;
                        margin-right: 12px;
                    }

                    .Vod .LiveCourse .content .ListSearch .btn-primary {
                        width: 60px;
                        height: 30px;
                        margin-top: 4px;
                        margin-right: 12px;
                        background: #e6261c;
                        border: none;
                        float: right;
                    }


                /*课程列表开始*/
                .Vod .LiveCourse .content .CourseList {
                    width: 1156px;
                    height: auto;
                    min-height: 500px;
                    margin: 0 auto;
                    margin-top: 24px;
                }

                .Vod .LiveCourse .content .CourseList ul{
                    width: 1156px;
                    height: auto;
                    min-height: 390px;
                }

                    .Vod .LiveCourse .content .CourseList ul li {
                        float: left;
                        width: 275px;
                        height: 300px;
                        margin-right: 20px;
                        margin-top: 16px;
                        border: solid 1px #adadad;
                        display: block;
                    }

                    .Vod .LiveCourse .content .CourseList ul li:nth-child(4n){
                        margin-right:0px;
                    }

                .Vod .LiveCourse .content .ForFree {
                    display: none;
                }

                .Vod .LiveCourse .content .HightLights {
                    display: none;
                }

                .Vod .LiveCourse .content .List .ListPagination {
                    float: right;
                    color: #8a8a8a;
                    margin-top: 8px;
                }

                    .Vod .LiveCourse .content .List .ListPagination p {
                        float: left;
                    }

                    .Vod .LiveCourse .content .List .ListPagination span {
                        display: block;
                        width: 50px;
                        height: 24px;
                        text-align: center;
                        border: solid 1px #adadad;
                        font-size: 16px;
                        cursor: pointer;
                    }

                    .Vod .LiveCourse .content .List .ListPagination .TotalCourse {
                        color: #e6261c;
                        font-weight: 600;
                    }

                    .Vod .LiveCourse .content .List .ListPagination .CurrentPage {
                        margin-left: 10px;
                        color: #e6261c;
                    }

                    .Vod .LiveCourse .content .List .ListPagination .PageLeft {
                        float: left;
                        margin-left: 11px;
                        border-right: none;
                    }

                    .Vod .LiveCourse .content .List .ListPagination .PageRight {
                        float: right;
                        margin-right: 11px;
                        background: #fff;
                    }

                /*课程列表结束*/

                /*免费试听开始*/
                .Vod .LiveCourse .content .ForFree ul li {
                    width: 260px;
                    height: 360px;
                    margin-left: 20px;
                    margin-top: 20px;
                }

                    .Vod .LiveCourse .content .ForFree ul li .TopArea .CourseCover {
                        width: 260px;
                        height: 195px;
                        background: #adadad;
                        background: url(/Content/images/course.png) no-repeat center;
                        /*background-image:url(/Content/images/VipCourse.png);
                        background-position:center center;
                        background-size:100%;*/
                    }

                    .Vod .LiveCourse .content .ForFree ul li .BottomArea .thumbnail {
                        float: left;
                        width: 60px;
                        height: 60px;
                        margin-left: 10px;
                        margin-top: 14px;
                        background: url(/Content/images/UserImg.jpg) no-repeat center;
                        background-size: 100%;
                    }

                    .Vod .LiveCourse .content .ForFree ul li .BottomArea .LanguageLogo {
                        float: left;
                        width: 20px;
                        height: 20px;
                        text-align: center;
                        margin-top: 14px;
                        margin-left: 8px;
                    }

                    .Vod .LiveCourse .content .ForFree ul li .BottomArea .CourseLogo {
                        float: left;
                        width: 30px;
                        height: 20px;
                        text-align: center;
                        margin-top: 14px;
                        padding-top: 2px;
                        margin-left: 5px;
                        line-height: 16px;
                        color: #e6261c;
                        border: solid 1px red;
                    }

                    .Vod .LiveCourse .content .ForFree ul li .BottomArea p {
                        float: left;
                        color: #000;
                        margin-left: 5px;
                        margin-top: 14px;
                        font: 600 16px 'Microsoft YaHei';
                    }

                    .Vod .LiveCourse .content .ForFree ul li .BottomArea h4 {
                        float: left;
                        width: 180px;
                        margin-left: 7px;
                        margin-top: 4px;
                        color: #000;
                        font: 300 12px 'Microsoft YaHei';
                    }

                    .Vod .LiveCourse .content .ForFree ul li .BottomArea .Appointment {
                        float: left;
                        width: 100px;
                        height: 30px;
                        margin-top: 48px;
                        margin-left: 80px;
                        border-radius: 6px;
                        border: solid 1px #838383;
                        text-align: center;
                        padding-top: 4px;
                        color: #05213e;
                        font: 600 14px 'Microsoft YaHei';
                        cursor: pointer;
                    }

                /*免费试听结束*/


                .Vod .LiveCourse .content .CoursePagination {
                    width: 100px;
                    height: 200px;
                    margin: 0 auto;
                }
/*体系课程结束*/



/*直播课程-我的课程-教学课程开始*/
    .MyCourse{
        width:100%;
    }

    /*导航栏开始*/
        .MyCourse .Nav {
            width:100%;
            height:80px;
            font: 500 18px 'Microsoft YaHei';
            color: #838383;
        }

        .MyCourse .Nav ul{
            width: 1200px;
            height: 80px;
            margin: 0 auto;
        }

            .MyCourse .Nav ul li {
                float: left;
                width: 72px;
                margin-right: 46px;
                margin-top: 35px;
                cursor: pointer;
            }

            .MyCourse .Nav ul .active a{
                color: #e8342b;
            }
        /*导航栏结束*/
        /*教学课程及直播课程导航栏开始*/
        .MyCourse .CourseNav{
            width:1140px;
            height:85px;
            margin:0 auto;
            border-bottom:solid 1px #adadad;
        }

        .MyCourse .CourseNav li{
            float:left;
            width:110px;
            height:35px;
            margin-top:50px;
            text-align:center;
            color:#838383;
            font:400 18px 'Microsoft YaHei';
            cursor:pointer;
        }

        .MyCourse .CourseNav .active{
            color:#141414;
            border-bottom:solid 1px #e6261c;
        }
        /*教学课程及直播课程导航栏结束*/

        .MyCourse .Course .MyLearning{
            width:1200px;
            height:50px;
            margin:0 auto;
        }

        .MyCourse .Course .MyLearning h4{
            float:right;
            margin-right:30px;
            margin-top:10px;
            font:400 18px 'Microsoft YaHei';
        }

        .MyCourse .Course .MyLearning h4:hover a{
            color:#e6261c;
        }

        .MyCourse .MyLive{
            display:none;
        }

        .MyCourse .Course{
            width:1200px;
            height:auto;
            margin:0 auto;
        }

        .MyCourse .Course .LearningCourse{
            width:1200px;
            height:auto;
            min-height:20px;
            margin-top:60px;
        }

        .MyCourse .Course .LearningCourse li{
            float:left;
            width:330px;
            height:320px;
            margin-right:20px;
            margin-left:46px;
            border:solid 1px #adadad;
        }

        .MyCourse .Course .LearningCourse li:nth-child(n+4){
            margin-top:30px;
        }

        .MyCourse .Course .LearningCourse li .CourseCover{
            float:left;
            width:80px;
            height:60px;
            margin-top:20px;
            margin-left:24px;
            background-color:#625e2d;
        }

        .MyCourse .Course .LearningCourse li .PayDate{
            float:left;
            margin-top:60px;
            font:400 16px 'Microsoft YaHei';
            color:#838383;
        }

        .MyCourse .Course .LearningCourse li .PayDate label{
            font-weight:400;
        }
        
        .MyCourse .Course .LearningCourse li .PayDate label:first-child{
            margin-left:20px;
        }

        .MyCourse .Course .LearningCourse li .CourseCover img{
            width:100%;
            height:100%;
        }

        .MyCourse .Course .LearningCourse li h4{
            width:300px;
            margin-left:24px;
            margin-top:20px;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            font:400 18px 'Microsoft YaHei';
            color:#838383;
        }

        .MyCourse .Course .LearningCourse li h5{
            margin-left:24px;
            margin-top:10px;
            font:400 14px 'Microsoft YaHei';
            color:#838383;
        }

        .MyCourse .Course .LearningCourse li .LearnContinue{
            width:280px;
            height:40px;
            margin-left:24px;
            margin-top:22px;
            border:solid 1px #adadad;
            border-radius:6px;
            text-align:center;
            color:#838383;
            padding-top:6px;
            font:400 18px 'Microsoft YaHei';
            cursor:pointer;
        }

        .MyCourse .Course .LearningCourse li .Line{
            width:100%;
            height:1px;
            margin-top:23px;
            border:solid 0.5px #adadad;
        }

        .MyCourse .Course .LearningCourse li p{
            float:left;
            margin-left:24px;
            margin-top:30px;
        }

        .MyCourse .Course .LearningCourse li span{
            position:absolute;
            display:block;
            float:left;
            width:10px;
            height:10px;
            margin-top:37px;
            margin-left:107px;
            background:url(/Content/images/icons/processBar.png) no-repeat center;
        }

        .MyCourse .Course .LearningCourse li .ProcessPercent{
            float:left;
            margin-top:32px;
            margin-left:2px;
        }

        .MyCourse .Course .LearningCourse li .Bar{
            float:left;
            width:178px;
            height:8px;
            margin-top:36px;
            margin-left:10px;
            border-radius:20px;
            border:solid 1px #adadad;
        }

        .MyCourse .Course .LearningCourse li .Bar .NinePercent{
            width:176px;
            height:6px;
            border-top-left-radius:20px;
            border-bottom-left-radius:20px;
            border-top-right-radius:20px;
            border-bottom-right-radius:20px;
            border:solid 1px #adadad;
            background:#e6261c;
            display:none;
        }

        .MyCourse .Course .LearningCourse li .Bar .NinePercent {
            display: block;
            width: 0%;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }

        .MyCourse .Course .LearningCourse li span {
            margin-top: -10px;
        }

        .MyCourse .Course .LearningCourse li h2{
            width:328px;
            height:79px;
            background:#fff;
            text-align:center;
            padding-top:24px;
            font:400 20px 'Microsoft YaHei';
            color:#151515;
            cursor:pointer;
        }

        /*教学课程结束*/

        /*为你推荐开始*/
        .MyCourse .Recommend{
            width:1200px;
            height:720px;
            margin:0 auto;
        }

        .MyCourse .Recommend h4{
            width:1200px;
            height:40px;
            padding-left:20px;
            color:#141414;
            font:400 18px 'Microsoft YaHei';
            border-bottom:solid 1px #adadad;
        }

        .MyCourse .Recommend .CourseList{
            margin-top:40px;
        }

        .MyCourse .Recommend .CourseList li{
            float:left;
            width:240px;
            height:277px;
            margin-right:13px;
            margin-left:38px;
            border:solid 1px #adadad;
        }

        .MyCourse .Recommend .CourseList li:nth-child(n+5){
            margin-top:50px;
        }

        .MyCourse .Recommend .CourseList li .CourseCover{
            width:240px;
            height:180px;
            margin-left:-1px;
            margin-top:-1px;
            background-color:#adadad;
            background:url(/Content/images/MyCourse.png) no-repeat center;
        }

        .MyCourse .Recommend .CourseList li h3{
            margin-top:8px;
            margin-left:8px;
            font:600 18px 'Microsoft YaHei';
        }

        .MyCourse .Recommend .CourseList li .CourseType{
            float:left;
            width:50px;
            height:24px;
            border-radius:6px;
            background:#e6261c;
            color:#fff;
            text-align:center;
            margin-top:28px;
            margin-left:6px;
            font:600 18px 'Microsoft YaHei';
        }

        .MyCourse .Recommend .CourseList li h5{
            float:left;
            margin-top:28px;
            margin-left:6px;
            font:400 12px 'Microsoft YaHei';
            color:#868686;

        }

        .MyCourse .Recommend .CourseList li .StudentNum{
            float:right;
            margin-right:5px;
            font:400 14px 'Microsoft YaHei';
        }

        /*为你推荐结束*/
/*直播课程-我的课程-教学课程结束*/

/*个人中心-我的资料开始*/
    .PersonalCenter .PersonalInfo{
        width:1200px;
        height:820px;
        margin:0 auto;
        margin-top:56px;
    }

    .PersonalCenter .PersonalInfo .LeftArea{
        float:left;
        width:220px;
        height:120px;
    }

    .PersonalCenter .PersonalInfo .LeftArea li{
        width:200px;
        height:50px;
        margin-top:10px;
        text-align:center;
        color:#838383;
        font:400 20px 'Microsoft YaHei';
        line-height:50px;
        cursor:pointer;
    } 

    .PersonalCenter .PersonalInfo ul .active{
        background:#e6261c;
        border:none;
        color:#fff;
        background:url(/Content/images/UserInfo.png) no-repeat center;
    }

    .PersonalCenter .PersonalInfo .UserInfo{
        float:left;
        width:900px;
        height:500px;
        display:none;
    }

    .PersonalCenter .PersonalInfo .ChangePaw{
        display:block;
    }

    .PersonalCenter .PersonalInfo .ChangePaw ol{
        width:916px;
        height:35px;
        border-bottom:solid 1px #adadad;
    }

    .PersonalCenter .PersonalInfo .ChangePaw ol li{
        float:left;
        width:72px;
        height:35px;
        text-align:center;
        font:400 16px 'Microsoft YaHei';
        color:#838383;
        cursor:pointer;
    }

    .PersonalCenter .PersonalInfo .ChangePaw ol .active{
        border-bottom:solid 2px #e6261c;
        color:#1e1e1e;
    }

    .PersonalCenter .PersonalInfo .ChangePaw ol li:nth-child(1){
        margin-right:20px;
    }

    .PersonalCenter .PersonalInfo .UserInfo .user_pic_box {
        width:100px;
        height:100px;
        border-radius:50%;
        margin: 0 auto;
        margin-top:20px;
    }

    .PersonalCenter .PersonalInfo .UserInfo .user_pic_box img{
        width:100px;
        height:100px;
        border-radius:50%;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .change{
        position:relative;
        width:150px;
        height:150px;
        margin:0 auto;
        margin-top:20px;
        overflow:hidden;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .change img{
        position: absolute;
        width:100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

    .PersonalCenter .PersonalInfo .ChangePaw .PicButton{
        width:80px;
        height:28px;
        margin:0 auto;
        margin-top:10px;
        border:solid 2px #d9d9d9;
        border-radius:6px;
        color:#a6a6a6;
        font: 400 14px 'Microsoft YaHei';
        padding-top:3px;
        text-align:center;
    }

    #UserPic{
        margin:0 auto;
        width:80px;
        height:28px;
        margin:0 auto;
        margin-top:-27px;
        opacity:0.01;
    }

    .PersonalCenter .PersonalInfo .ChangePaw p{
        margin-top:10px;
        text-align:center;
    }

    .PersonalCenter .PersonalInfo .UserInfo .user_pic_box .change {
        width: 100px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        background: #ff3d3d;
        color: #fff;
        border-radius: 5px;
        margin: 20px auto 0;
        cursor: pointer;
        position: relative;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor {
        display:none;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor .UserPic{
        width:148px;
        height:148px;
        margin:0 auto;
        margin-top:84px;
        border-radius:20px;
        border:solid 2px #d9d9d9;
        /*background:url(/Content/images/icons/UserDefaultLogo.png) no-repeat center;*/
        overflow:hidden;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor .PicButton{
        width:80px;
        height:28px;
        margin:0 auto;
        margin-top:16px;
        border:solid 2px #d9d9d9;
        border-radius:6px;
        text-align:center;
        padding-top:2px;
        font:400 14px 'Microsoft YaHei';
        color:#a6a6a6;
        background:#fff;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor .fileSelect{
        width:80px;
        height:28px;
        margin:0 auto;
        margin-top:-27px;
        opacity:0.01;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor p{
        width:220px;
        height:24px;
        margin:0 auto;
        margin-top:12px;
        font:400 12px 'Microsoft YaHei';
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor .btn{
        width:72px;
        height:32px;
        margin-left:363px;
        margin-top:20px;
        background:#fff;
        color:#000;
        border:solid 1px #d9d9d9;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor .btn-default{
        margin-left:20px;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor .btn-primary:hover{
        background:#e6261c;
        color:#fff;
    }

    .PersonalCenter .PersonalInfo .ChangePaw .UserLogoEditor .btn-default:hover{
        background:#adadad;
        color:#fff;
    }

    input[type="file"] {
        display: block;
    }

    .fileSelect {
        opacity: 0.01;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea{
        width:450px;
        height:600px;
        margin:0 auto;
        margin-top:85px;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .UserPicLogo{
        display:none;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .Formbutton{
        width:200px;
        margin:0 auto;
        margin-top:20px;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .Formbutton .btn-primary{
        width: 72px;
        height: 32px;
        border: none;
        border-radius: 6px;
        background: #fff;
        border: solid 1px #c0c0c0;
        line-height: 16px;
        font: 400 16px 'Microsoft YaHei';
        color: #000;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .Formbutton .btn-default{
        float:right;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea li {
        width: 450px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        margin: 30px auto 0;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea li i{
        margin-right:5px;
        color:#e6261c;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea li select {
        width: 139px;
        /*height: 42px;*/
        height: auto;
        font-size: 15px;
        margin-top: 2px;
        margin-bottom: 3px;
        color: #393939;
        border-radius:6px;
        border: 1px #ccc solid;
        padding-left: 10px;
        padding-right: 10px;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        background:url(/Content/images/icons/Options.png) no-repeat scroll 92% center transparent;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea li label{
        font-size:16px;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea li label:first-child {
        width: 70px;
        text-align: right;
        display: inline-block;
        margin-right: 15px;
        font:400 16px 'Microsoft YaHei';
        color:#343434;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea li input[type="text"] {
        width: 260px;
        height: 40px;
        font-size: 14px;
        border-radius:6px;
        border: 1px #ccc solid;
        padding-left: 10px;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea input[type="submit"],input[type="reset"]{
        width:72px;
        height:32px;
        border:none;
        border-radius:6px;
        background:#fff;
        border:solid 1px #c0c0c0;
        line-height:16px;
        font:400 16px 'Microsoft YaHei';
        color:#000;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea input[type="reset"]{
        margin-left:80px;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea input[type="submit"]:hover{
        background:#e6261c;
        color:#fff;
    }

    .PersonalCenter .PersonalInfo .UserInfo form .RightArea input[type="reset"]:hover{
        background:#adadad;
        color:#fff;
    }
    
    /*我的订单开始*/
    .PersonalCenter .PersonalInfo .UserInfo .MyOrder{
        width:910px;
        height:35px;
        border-bottom:solid 1px #adadad;
    }

    .PersonalCenter .PersonalInfo .UserInfo .MyOrder h4{
        width:72px;
        height:35px;
        font:400 16px 'Microsoft YaHei';
        color:#000;
        text-align:center;
        border-bottom:solid 2px #e6261c;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderTitle{
        width:840px;
        height:36px;
        margin-top:26px;
        border:solid 1px #c0c0c0;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderTitle h6{
        float:left;
        text-align:center;
        color:#303030;
        font:400 14px 'Microsoft YaHei';
        line-height:32px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderTitle h6:nth-child(1){
        width:360px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderTitle h6:nth-child(3){
        width:118px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderTitle h6:nth-child(4){
        width:174px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderTitle h6:nth-child(5){
        width:180px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderNum{
        width:840px;
        height:27px;
        margin-top:20px;
        padding-top:4px;
        background:#d0d0d0;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderNum h6{
        float:left;
        margin-right:50px;
        text-align:center;
        font:400 14px 'Microsoft YaHei';
        color:#000;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderNum h6:nth-child(1){
        margin-left:16px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderNum h6:nth-child(3){
        margin-right:10px;
        color:#292929;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderNum span{
        float:left;
        display:block;
        width:20px;
        height:20px;
        background:url(/Content/images/icons/OrderMessage.png) no-repeat center;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList{
        width:840px;
        height:97px;
        font:400 14px 'Microsoft YaHei';
        color:#000;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList .OrderArea{
        float:left;
        width:360px;
        height:97px;
        border:solid 1px #d0d0d0;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList .OrderArea .OrderPic{
        float:left;
        width:120px;
        height:97px;
        margin-left:10px;
        margin-top:5px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList .OrderArea p{
        float:left;
        margin-top:10px;
        margin-left:10px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList h6{
        float:left;
        height:97px;
        padding-top:10px;
        text-align:center;
        border:solid 1px #d0d0d0;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList h6:nth-child(2){
        width:118px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList h6:nth-child(3){
        width:173px;
    }

    .PersonalCenter .PersonalInfo .MyOrderForm .OrderList h6:nth-child(4){
        width:187px;
    }
    /*我的订单结束*/

    /*我的地址开始*/
    .PersonalCenter .PersonalInfo .MyAddress{
        width:920px;
        height:293px;
    }

    
    .PersonalCenter .PersonalInfo .MyAddress .AddressList{
        width:920px;
        height:260px;
        display:block;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddressList p{
        float:left;
        margin-top:70px;
        margin-left:56px;
        font:400 14px 'Microsoft YaHei';
        color:#727272;
        text-align:center;
        cursor:pointer;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddressList p i{
        color:#e6261c;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddressList .btn-primary{
        float:left;
        margin-top:70px;
        margin-left:193px;
        background:#e6261c;
        border:none;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress{
        height:470px;
        width:920px;
        display:none;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress h3{
        margin-left:120px;
        margin-top:30px;
        font:400 20px 'Microsoft YaHei';
        color:#9d9d9d;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress ul{
        width:630px;
        height:260px;
        margin:0 auto;
        margin-top:20px;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress ul li{
        margin-top:20px;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress ul li label{
        width:125px;
        font:400 16px 'Microsoft YaHei';
        color:#8a8a8a;
        text-align:right;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress ul li input{
        width:260px;
        height:36px;
        padding-left:10px;
        border-radius:6px;
        border-color:#d9d9d9;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress ul li span{
        margin-left:10px;
        font:400 14px 'Microsoft YaHei';
        color:#b7b7b7;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress ul li .btn-default{
        margin-left:36px;
        font:400 14px 'Microsoft YaHei';
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress .btn-danger{
        background:#fff;
        border:solid 1px #adadad;
        color:#adadad;
        margin-left:300px;
        margin-top:50px;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress .btn-danger:hover{
        background:#e6261c;
        color:#fff;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress .btn-primary{
        background:#fff;
        border:solid 1px #adadad;
        color:#adadad;
        margin-left:50px;
        margin-top:50px;
    }

    .PersonalCenter .PersonalInfo .MyAddress .AddAddress .btn-primary:hover{
        background:#909090;
        color:#fff;
    }

    /*我的地址结束*/

    /*优惠券开始*/
    .PersonalCenter .PersonalInfo .MyCoupon{
        width:920px;
        height:470px;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .TopArea select{
        width:130px;
        height:28px;
        margin-top:44px;
        margin-left:27px;
        padding-left:10px;
        border-radius:5px;
        border:solid 1px #adadad;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        background:url(/Content/images/icons/Options.png) no-repeat scroll 92% center transparent;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList{
        margin-top:100px;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList li{
        float:left;
        width:290px;
        height:265px;
        color:#fff;
        margin-left:12px;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng{
        background:#de1f1f;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng .CouponPrice{
        width:260px;
        height:90px;
        margin:0 auto;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng span{
        display:block;
        float:left;
        width:30px;
        height:15px;
        margin-left:16px;
        margin-top:-1px;
        background:#fff;
        border-radius:0 0 15px 15px;
     }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng h4{
        float:left;
        margin-top:18px;
        font:400 12px 'Microsoft YaHei';
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng h4 i{
        font:400 32px 'Microsoft YaHei';
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng h5{
        float:right;
        margin-right:17px;
        margin-top:40px;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng p{
        width:250px;
        height:24px;
        margin-left:20px;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng .CutOffRule{
        width:291px;
        height:1px;
        margin-top:28px;
        background:#bbbbbb;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponIng .btn-primary{
        width:120px;
        height:36px;
        margin-left:84px;
        margin-top:22px;
        border:solid 1px #fff;
        background:#de1f1f;
        color:#fff;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponOver{
        background:#9d9d9d;
        height:165px;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponOver .CouponPrice{
        width:260px;
        height:90px;
        margin:0 auto;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponOver span{
        display:block;
        float:left;
        width:30px;
        height:15px;
        margin-left:16px;
        margin-top:-1px;
        background:#fff;
        border-radius:0 0 15px 15px;
     }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponOver h4{
        float:left;
        margin-top:18px;
        font:400 12px 'Microsoft YaHei';
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponOver h4 i{
        font:400 32px 'Microsoft YaHei';
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponOver h5{
        float:right;
        margin-right:17px;
        margin-top:40px;
    }

    .PersonalCenter .PersonalInfo .MyCoupon .CouponList .CouponOver p{
        width:250px;
        height:24px;
        margin-left:20px;
    }

    /*优惠券结束*/

/*微信绑定开始*/
.PersonalCenter .PersonalInfo .MyWechat {
    width: 920px;
    height: 470px;
}

    .PersonalCenter .PersonalInfo .MyWechat .TopArea select {
        width: 130px;
        height: 28px;
        margin-top: 44px;
        margin-left: 27px;
        padding-left: 10px;
        border-radius: 5px;
        border: solid 1px #adadad;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(/Content/images/icons/Options.png) no-repeat scroll 92% center transparent;
    }

    .PersonalCenter .PersonalInfo .MyWechat .wechat {
        width: 920px;
        height: 260px;
        display: block;
        text-align:center;
        padding-top:70px;
    }

        .PersonalCenter .PersonalInfo .MyWechat .wechat .wxIcon {
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 20px;
            background: url(/Content/Mimages/Micons/weixinIcon.png) no-repeat center;
            background-size: 100%;
            float:left;
            margin-left:360px;
        }
        .PersonalCenter .PersonalInfo .MyWechat .wechat .bindBtn {
            display: inline-block;
            height: 34px;
            color: #868686;
            font-size: 18px;
            border: 1px solid #868686;
            border-radius: 17px;
            line-height: 34px;
            padding: 0 5px;
            width: 128px;
            text-align: center;
            float:left;
            margin-top:3px;
            margin-left:30px;
            cursor:pointer;
        }
        .PersonalCenter .PersonalInfo .MyWechat .wxBind {
            width: 920px;
            height: 260px;
            background-color: #fff;
            text-align: center;
            display: none;
            padding-top: 70px;
        }

        .PersonalCenter .PersonalInfo .MyWechat .wxCode {
            height: 18px;
            color: #000;
            font-size: 16px;
            line-height: 18px;
        }

        .PersonalCenter .PersonalInfo .MyWechat .wxQrcode {
            margin-top: 20px;
            display: inline-block;
            width: 158px;
            height: 158px;
        }

            .PersonalCenter .PersonalInfo .MyWechat .wxQrcode img {
                width: 100%;
                height: 100%;
            }

        .PersonalCenter .PersonalInfo .MyWechat .wxGuid {
            height: 18px;
            color: #000;
            font-size: 16px;
            line-height: 18px;
            margin-top: 10px;
        }
        .PersonalCenter .PersonalInfo .MyWechat .wxCount {
            display: inline-block;
            height: 20px;
            color: #868686;
            font-size: 18px;
            line-height: 20px;
            width: 138px;
            text-align: center;
            float: left;
            margin-top: 10px;
            margin-left: 30px;
            display: none;
        }
/*微信绑定结束*/

    #TestTel{
        margin-top:5px;
    }

    .modify_password{
        display: list-item;
    }

    #OldPsw{
        margin-top:65px;
    }

    .modify_password input {
        width: 280px;
        height: 40px;
        font-size: 14px;
        text-align: center;
        border: 1px #ccc solid;
        padding-left: 10px;
        margin: 0 auto 24px;
        display: block;
    }

    .modify_password .btn {
        display:block;
        width: 280px;
        text-align: center;
        margin: 0 auto;
        margin-left:350px;
    }

    .user_right .btn input[type="submit"] {
        background: #ff3d3d;
        margin-left: 110px;
    }

    .user_right .btn input {
        display:inline-block;
    }

    .modify_password .btn .sub{
        width: 80px;
        height: 36px;
        float:left;
        font-size: 18px;
        color: #fff;
        border: none;
        background:#e6261c;
        border-radius: 8px;
        cursor: pointer;
    }

    .modify_password .btn .pas{
        width: 80px;
        height: 36px;
        font-size: 18px;
        color: #fff;
        border: none;
        background:#909090;
        border-radius: 8px;
        cursor: pointer;
    }

    .modify_password_ok{
        width:200px;
        height:400px;
        margin:0 auto;
        margin-top:60px;
        color:#000;
        font:600 24px 'Microsoft YaHei';
        text-align:center;
    }

    #TestTel{
        width:50px;
        height:50px;
    }
/*个人中心-我的资料结束*/

/*积分商城开始*/

    /*积分商城-常见问题开始*/
    .IntegralAsk{
        width:100%;
    }


     .IntegralAsk .banner{
        width:100%;
        height:480px;
        background:url(/Content/images/IntegralBanner.png) no-repeat center;
    }

    .IntegralAsk .banner .BannerBg{
        width:1200px;
        height:480px;
        margin: 0 auto;
    }

    .IntegralAsk .Question{
        width:1200px;
        height:28px;
        margin:0 auto;
        font:400 20px 'Microsoft YaHei';
    }

    .IntegralAsk .Question ul{
        height:28px;
        margin-top:50px;
        text-align:center;
    }

    .IntegralAsk .Question ul li{
        float:left;
        cursor:pointer;
    }

    .IntegralAsk .Question ul li:nth-child(1){
        width:80px;
        border-right:solid 1px #535353;
    }

    .IntegralAsk .Question ul li:nth-child(2){
        width:142px;
        border-right:solid 1px #535353;
    }

    .IntegralAsk .Question ul li:nth-child(3){
        width:164px;
    }

    .IntegralAsk .Question ul .active{
        color:#e6261c;
    }

    .IntegralAsk .QuestionArea{
        width:1200px;
        height:770px;
        margin:0 auto;
        margin-top:15px;
        font:400 16px 'Microsoft YaHei';
        border:solid 1px #d2d2d2;
    }

    .IntegralAsk .QuestionArea ul{
        margin-left:50px;
        margin-top:40px;
    }

    .IntegralAsk .QuestionArea ul li{
        margin-top:20px;
        list-style:disc;
        cursor:pointer;
    }

    .IntegralAsk .QuestionArea ul li h5{
        width:1096px;
        height:80px;
        margin-top:20px;
        margin-bottom:20px;
        padding-top:5px;
        padding-left:5px;
        background:#ffe5e5;
        display:none;
    }
    /*积分商城-常见问题结束*/


/*积分商城结束*/


/*八大学院开始*/
    .College{
        width:100%;
        height:auto;
        margin:0 auto;
    }

    .College .bannerBG{
        width:100%;
        height:500px;
        background:url(/Content/images/CollegeBanner.png) no-repeat center;
    }

    /*.College .banner{
        width:1200px;
        height:372px;
        margin:0 auto;
        margin-top:5px;
        background:url(/Content/images/CollegeBanner.png) no-repeat center;
    }*/

    .College .UICollege{
        width:1200px;
        margin:0 auto;
    }

    .College .UICollege .Nav{
        width:1200px;
        height:80px;
        margin:0 auto;
    }

    .College .UICollege .Nav h4{
        float:left;
        margin-top:20px;
        font:400 18px 'Microsoft YaHei';
        cursor:pointer;
    }

    .College .UICollege .Nav h4 a{
        color:#838383;
    }

    .College .UICollege .Nav h4 a i{
        margin-left:7px;
        margin-right:16px;
    }

    .College .UICollege .Nav h4:hover a{
        color:#e6261c;
    }

    .College .UICollege .Nav .active a{
        color:#0d0d0d;
    }

    .College .UICollege .Label{
        width:1172px;
        height:220px;
        background:#e5e5e5;
    }

    .College .UICollege .Label .Theme{
        height:58px;
        width:1172px;
    }


    .College .UICollege .Label .Theme h4{
        float:left;
        font:400 16px 'Microsoft YaHei';
        color:#151515;
        margin-top:16px;
        margin-left:18px;
    }

    .College .UICollege .Label .Theme h5{
        float:left;
        font:400 16px 'Microsoft YaHei';
        color:#e6261c;
        margin-top:16px;
    }

    .College .UICollege .Label .Theme ul li{
        float:left;
        font:500 20px 'Microsoft YaHei';
        margin-top:16px;
        margin-left:20px;
        color:#3f3f3f;
        cursor:pointer;
    }

    .College .UICollege .Label .Theme ul .active{
        color:#e6261c;
    }

    .College .UICollege .Label .Theme ul .active{
        color:#e6261c;
    }

    .College .UICollege .CourseType{
        width:1172px;
        height:80px;
        border-bottom:solid 1px #dcdcdc;
    }

    .College .UICollege .CourseType li{
        float:left;
        width:104px;
        height:40px;
        margin-top:40px;
        color:#4c4c4c;
        text-align:center;
        font:400 20px 'Microsoft YaHei';
        cursor:pointer;
    }

    .College .UICollege .CourseType li:nth-child(2){
        width:175px;
    }

    .College .UICollege .CourseType .active{
        border-bottom:solid 2px #e6261c;
        color:#000000;
    }

    .College .UICollege .CourseList{
        width:1172px;
        height:auto;
        min-height:20px;
    }

    .College .UICollege .CourseList ul{
        width:1172px;
        height:auto;
        min-height:20px;
        margin-top:30px;
    }

    .College .UICollege .CourseList ul li{
        float:left;
        width:282px;
        height:270px;
        margin-left:5px;
        margin-right:5px;
        border:solid 1px #adadad;
        margin-top:15px;
    }

    .College .UICollege .CourseList ul li .CourseCover{
        width:280px;
        height:210px;
    }

    .College .UICollege .CourseList ul li .CourseCover img{
        width:280px;
        height:210px;
    }

    .College .UICollege .CourseList ul li h4{
        width:270px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        margin-top:5px;
        margin-left:8px;
        font:400 18px 'Microsoft YaHei';
    }

    .College .UICollege .CourseList ul li h5{
        float:left;
        margin-top:5px;
        margin-left:10px;
        font:400 14px 'Microsoft YaHei';
        color:#868686;
    }

    /*2020更改开始*/
    .College .UICollege .CourseList ul li h5 img{
        width:20px;
    }
    .College .UICollege .CourseList ul li h5 span{
        vertical-align: middle
    }
    /*2020更改结束*/

    .College .UICollege .CourseList ul li .CourseName{
        margin-left:0px;
    }

    .College .UICollege .CourseList ul li .PrimeCost{
        float:right;
        margin-right:5px;
        margin-top:8px;
        font-size:12px;
        text-decoration: line-through
    }

    .College .UICollege .CourseList ul li .CurrentCost{
        float:right;
        margin:0px 10px 0px 0px;
        font:600 24px 'Microsoft YaHei';
        color:#e6261c;
    }

    .College .UICollege .CourseList .pagination{
        width:250px;
        height:40px;
        margin:0 auto;
        border:solid 1px red;
    }

    .College .UICollege .CourseList .pager-box{
        margin-bottom:100px;
    }

    .College .UICollege .All{
        display:none;
    }

    .College .UICollege .StudentWorks{
        width:1172px;
        height:50px;
        border-bottom:solid 1px #dcdcdc;
    }

    .College .UICollege .StudentWorks h4{
        float:left;
        width:93px;
        height:40px;
        text-align:center;
        margin-top:10px;
        font:400 20px 'Microsoft YaHei';
        color:#000000;
        border-bottom:solid 2px #e6261c;
    }

    .College .UICollege .StudentWorks ul{
        float:right;
    }

    .College .UICollege .StudentWorks ul li {
        float:left;
        margin:10px;
        font-size:14px;
        color:#696969;
        margin-top:20px;
        cursor:pointer;
    }

    .College .UICollege .StudentWorks ul .active{
        color:#e6261c;
    }

    .College .UICollege .WorkShow{
        width:1172px;
        height:580px;
        margin-top:7px;
    }

    .College .UICollege .WorkShow li{
        float:left;
        width:281px;
        height:283px;
        margin-top:15px;
        margin-left:6px;
        margin-right:5px;
        border:solid 1px #adadad;
    }

    .College .UICollege .WorkShow li .WorkCover{
        width:281px;
        height:195px;
        margin-left:-1px;
        background:url(/Content/images/svgDraw.png) no-repeat center;
    }

    .College .UICollege .WorkShow li h4{
        float:left;
        width:270px;
        color:#000;
        font:400 18px 'Microsoft YaHei';
        margin-top:7px;
        margin-left:8px;
    }

    .College .UICollege .WorkShow li h5{
        float:left;
        margin-top:7px;
        margin-left:10px;
        font:400 12px 'Microsoft YaHei';
        color:#191919;
    }

    .College .UICollege .WorkShow li .WorkCourse{
        margin-left:0px;
        width:200px;
    }

    .College .UICollege .WorkShow li .WorkItem{
        float:left;
        width:180px;
        height:30px;
        margin-left:10px;
        margin-top:7px;
    }

    .College .UICollege .WorkShow li .WorkItem span{
        float:left;
        display:block;
        width:20px;
        height:20px;
        cursor:pointer;
    }

    .College .UICollege .WorkShow li .WorkItem span:nth-child(n+2){
        margin-left:20px;
    }

    .College .UICollege .WorkShow li .WorkItem div{
        float:left;
    }

    .College .UICollege .WorkShow li .Circle{
        width:42px;
        height:42px;
        margin-left:228px;
        margin-top:26px;
        border-radius:50%;
        background:#f8cc54;
    }
/*八大学院结束*/

/*体系课程详情页开始*/
    .CourseDetail {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

        /*导航栏开始*/
        .CourseDetail .Nav {
            width: 1200px;
            height: 50px;
            margin: 0 auto;
        }

            .CourseDetail .Nav h4 {
                float: left;
                margin-top: 10px;
                margin-right: 5px;
                font: 400 14px 'Microsoft YaHei';
                color: #a0a0a0;
                cursor: pointer;
            }

            .CourseDetail .Nav h5{
                float: left;
                margin-top: 13px;
                margin-right: 5px;
                font: 400 14px 'Microsoft YaHei';
                color: #a0a0a0;
                cursor: pointer;
            }

                .CourseDetail .Nav h4 i {
                    font: 400 18px 'Microsoft YaHei';
                    margin-left: 5px;
                    color: #a0a0a0;
                }

                .CourseDetail .Nav h4:hover {
                    font-size: 18px;
                    color: #e6261c;
                }

                    .CourseDetail .Nav h4:hover i {
                        color: #e6261c;
                    }
        /*导航栏结束*/
        /*课程详细开始*/
        .CourseDetail .CourseShow {
            width: 1200px;
            height: 345px;
            margin: 0 auto;
        }

            .CourseDetail .CourseShow .CourseVideo {
                float: left;
                width: 460px;
                height: 345px;
            }

            .CourseDetail .CourseShow .CourseVideo img{
                width:100%;
                height:100%;
            }

            .CourseDetail .CourseShow .CourseVideo .VideoBg{
                position:absolute;
                width: 460px;
                height: 345px;
                background:#000;
                opacity:0.4;
                cursor:pointer;
            }

            .CourseDetail .CourseShow .CourseVideo span{
                display:block;
                width:80px;
                height:80px;
                margin:0 auto;
                margin-top:120px;
                background:url(/Content/images/icons/clickPlay.png) no-repeat center;
            }

                .CourseDetail .CourseShow .CourseVideo video {
                    width: 100%;
                    height: 100%;
                    object-fit: fill;
                }

            .CourseDetail .CourseShow .CoursePrice {
                float: left;
                width: 712px;
                height: 345px;
                margin-left: 26px;
            }

                .CourseDetail .CourseShow .CoursePrice h4 {
                    font: 400 20px 'Microsoft YaHei';
                    color: #000;
                }

                .CourseDetail .CourseShow .CoursePrice .CourseCollection {
                    width: 375px;
                    height: 20px;
                    margin-top: 15px;
                }

                    .CourseDetail .CourseShow .CoursePrice .CourseCollection li {
                        float: left;
                        width: 100px;
                        text-align: start;
                        font-size: 14px;
                        color: #838383;
                        border-right: solid 1px #c0c0c0;
                        cursor: pointer;
                    }

                        .CourseDetail .CourseShow .CoursePrice .CourseCollection li:first-child {
                            width: 83px;
                        }

                        .CourseDetail .CourseShow .CoursePrice .CourseCollection li:nth-child(n+3) {
                            width: 83px;
                        }

                        .CourseDetail .CourseShow .CoursePrice .CourseCollection li:nth-child(2) {
                            width: 122px;
                            text-align: center;
                        }

                        .CourseDetail .CourseShow .CoursePrice .CourseCollection li:nth-child(3) span {
                            float: left;
                            display: block;
                            width: 20px;
                            height: 20px;
                            margin-left: 15px;
                            background: url(/Content/images/icons/share.png) no-repeat center;
                        }

                        .CourseDetail .CourseShow .CoursePrice .CourseCollection li:nth-child(4) span {
                            float: left;
                            display: block;
                            width: 20px;
                            height: 20px;
                            margin-left: 15px;
                            background: url(/Content/images/icons/collection.png) no-repeat center;
                        }

                .CourseDetail .CourseShow .CoursePrice .CourseTips {
                    float: left;
                    width: 630px;
                    height: 24px;
                    margin-top: 20px;
                }

                    .CourseDetail .CourseShow .CoursePrice .CourseTips li {
                        float: left;
                        height: 24px;
                        width: 70px;
                        text-align: center;
                        color: #e6261c;
                        font-size: 14px;
                        margin-right: 10px;
                        border: solid 1px #e6261c;
                        cursor: pointer;
                    }

                .CourseDetail .CourseShow .CoursePrice .CourseTipsMore {
                    float: right;
                    margin-right: 16px;
                    margin-top: 23px;
                    color: #e6261c;
                    cursor: pointer;
                }

                    .CourseDetail .CourseShow .CoursePrice .CourseTipsMore span {
                        float: right;
                        display: block;
                        width: 10px;
                        height: 10px;
                        margin-top: 4px;
                        margin-left: 4px;
                        background: url(/Content/images/icons/RedSelection.png) no-repeat center;
                    }

                .CourseDetail .CourseShow .CoursePrice .CourseTeacher {
                    width: 696px;
                    height: 58px;
                    margin-top: 80px;
                    border: solid 1px #c0c0c0;
                }

                    .CourseDetail .CourseShow .CoursePrice .CourseTeacher h4 {
                        font: 500 14px 'Microsoft YaHei';
                        margin-left: 10px;
                        margin-top:7px;
                    }

                .CourseDetail .CourseShow .CoursePrice .CourseCurrentPrice {
                    width: 300px;
                    height: 30px;
                    color: #e6261c;
                    margin-top: 47px;
                }

                    .CourseDetail .CourseShow .CoursePrice .CourseCurrentPrice p {
                        float: left;
                        margin-top: 7px;
                    }

                    .CourseDetail .CourseShow .CoursePrice .CourseCurrentPrice h5 {
                        float: left;
                        font-size: 24px;
                    }

                .CourseDetail .CourseShow .CoursePrice .GetIt li {
                    float: left;
                    width: 120px;
                    height: 36px;
                    margin-top: 34px;
                    border: solid 1px #e6261c;
                    border-radius: 6px;
                    text-align: center;
                    padding-top: 6px;
                    font: 600 16px 'Microsoft YaHei';
                    cursor: pointer;
                }

                .CourseDetail .CourseShow .CoursePrice .GetIt .BuyIt {
                    background: #e6261c;
                    color: #fff;
                }

                .CourseDetail .CourseShow .CoursePrice .GetIt .ContactUs {
                    margin-left: 20px;
                    background: #fff;
                    color: #e6261c;
                }

        /*课程详细结束*/


        /*详情下分栏开始*/
        .CourseDetail .Details {
            width: 100%;
            margin: 0 auto;
            margin-top:35px;
            background:#f5f5f5;
            padding-bottom:100px;
        }

        .CourseDetail .Details .DetailsBg{
            width:1200px;
            margin:0 auto;
        }

            .CourseDetail .Details .DetailaNav {
                float: left;
                width: 900px;
                height: 40px;
                margin-top: 10px;
                background: #dedede;
            }

                .CourseDetail .Details .DetailaNav li {
                    float: left;
                    width: 120px;
                    height: 40px;
                    text-align: center;
                    color: #3c3c3c;
                    font: 400 16px 'Microsoft YaHei';
                    cursor: pointer;
                }

                .CourseDetail .Details .DetailaNav li:last-child{
                    opacity:0.01;
                }

                    .CourseDetail .Details .DetailaNav li p {
                        line-height: 38px;
                    }

                .CourseDetail .Details .DetailaNav .active p {
                    height: 40px;
                    width: 120px;
                    background: #fff;
                }
            /*详情下分栏结束*/

            /*课程分类开始*/
            .CourseDetail .Details .CourseClassify {
                float: right;
                width: 280px;
                height: auto;
                margin-top: 10px;
            }

            .CourseDetail .Details .CourseClassify .CourseType{
                width:280px;
                height:40px;
                background:#000;
                font:400 18px 'Microsoft YaHei';
                color:#fff;
                line-height:40px;
                padding-left:10px;
            }

                .CourseDetail .Details .CourseClassify .CourseFirst {
                    float: left;
                    width: 280px;
                    height: 40px;
                    background: #e5e5e5;
                    border-bottom: solid 1px #d9d9d9;
                    cursor: pointer;
                }

                    .CourseDetail .Details .CourseClassify .CourseFirst h4 {
                        float: left;
                        width: 280px;
                        height: 37px;
                        margin-left: 10px;
                        margin-top: 10px;
                        font: 400 16px 'Microsoft YaHei';
                        color: #000;
                    }

                    .CourseDetail .Details .CourseClassify .CourseFirst i {
                        display: block;
                        float: right;
                        width: 10px;
                        height: 10px;
                        margin-top: -30px;
                        margin-right: 15px;
                        background: url(/Content/images/icons/selection.png) no-repeat center;
                    }

                .CourseDetail .Details .CourseClassify .CourseSecond {
                    display: none;
                    width: 280px;
                    height: 120px;
                }

                    .CourseDetail .Details .CourseClassify .CourseSecond li {
                        float: left;
                        width: 280px;
                        height: 40px;
                        background: #fff;
                        font: 400 16px 'Microsoft YaHei';
                        color: #000;
                        border-bottom: solid 1px #d9d9d9;
                    }

                        .CourseDetail .Details .CourseClassify .CourseSecond li span {
                            float: left;
                            display: block;
                            width: 20px;
                            height: 20px;
                            margin-top: 10px;
                            margin-left: 24px;
                            margin-right: 10px;
                            background: url(/Content/images/icons/liveIcon.png) no-repeat center;
                        }

                        .CourseDetail .Details .CourseClassify .CourseSecond li:nth-child(3) span {
                            background: url(/Content/images/icons/LivePlay.png) no-repeat center;
                        }

                        .CourseDetail .Details .CourseClassify .CourseSecond li p {
                            float: left;
                            margin-top: 10px;
                        }

            /*课程分类结束*/

            /*课程概述banner开始*/
            .CourseDetail .Details .CourseInfo .DetailBanner {
                float: left;
                width: 900px;
                /*height: 430px;*/
                height:auto;
                margin-top: 30px;
            }

        /*课程信息banner结束*/

        .CourseDetail .CourseInfo {
            float: left;
            width: 900px;
            /*height: 900px;*/
            height:auto;
            margin: 0 auto;
            background:#fff;
            display: none;
            font: 400 56px'Microsoft YaHei';
        }

        /*课程目录开始*/
        .CourseDetail .Catalog {
            display: block;
        }

        .CourseDetail .Details .Catalog ul li {
            width: 900px;
            height: 60px;
            margin-top: 20px;
            background: #ECECEC;
            font: 400 18px'Microsoft YaHei';
            cursor: pointer;
        }

            .CourseDetail .Details .Catalog ul li span {
                float: left;
                display: block;
                width: 25px;
                height: 25px;
                margin: 16px 10px 20px;
            }

            .CourseDetail .Details .Catalog ul li h4 {
                float: left;
                margin-top: 20px;
                color:#000;
            }

                .CourseDetail .Details .Catalog ul li h4 i {
                    display: inline-block;
                    font: 400 18px 'Microsoft YaHei';
                    margin-right: 10px;
                    margin-left: 20px;
                    color: #C6C6C6;
                }

        .CourseDetail .Details .Catalog ul .CourseOver {
            color: #C6C6C6;
        }

            .CourseDetail .Details .Catalog ul .CourseOver span {
                margin-top: 14px;
            }

            .CourseDetail .Details .Catalog ul .CourseOver h5 {
            float: right;
            width: 72px;
            height: 30px;
            margin-right: 20px;
            margin-top: 14px;
            padding-top: 2px;
            background: #e6261c;
            border-radius: 5px;
            text-align: center;
            font: 400 16px 'Microsoft YaHei';
            display: none;
        }

            .CourseDetail .Details .Catalog ul .CourseOver h5 a {
                color: #fff;
            }

            .CourseDetail .Details .Catalog ul .CourseIng i {
                color: #747474;
            }

        .CourseDetail .Details .Catalog ul .CourseOver span {
            background: url(/Content/images/icons/Replay.png) no-repeat center;
        }

        .CourseDetail .Details .Catalog ul .CourseIng span {
            background: url(/Content/images/icons/liveNow.png) no-repeat center;
        }

        .CourseDetail .Details .Catalog ul .CourseIng h5 {
            float: right;
            width: 72px;
            height: 30px;
            margin-right: 20px;
            margin-top: 14px;
            padding-top: 2px;
            background: #e6261c;
            border-radius: 5px;
            text-align: center;
            font: 400 16px 'Microsoft YaHei';
            color: #fff;
            display: none;
        }

    /*课程目录结束*/

/*体系课程详情页结束*/


#CourseForFree .pager-box{
    width:1200px;
    margin:0 auto;
}

/*八大学院翻转开始*/
        .wrapper{
            max-width:1200px;
            margin:0 auto;
        }

        .wrapper li{
            position: relative;
            width: 288px;
            height: 215px;
            list-style:none;
            margin: 4px;
            display: inline-block;
            perspective: 300px;
            /*-webkit-perspective:300px;*/
            cursor:pointer;
          }

          .picBox{
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;

            transform-origin: 50% 50% -90px;
            -webkit-transform-origin: 50% 50% -90px;
            -moz-transform-origin:50% 50% -90px;

            animation: 200ms ease-out 0ms 1 normal forwards;
            -webkit-animation: 200ms ease-out 0ms 1 normal forwards;
          }

          .picBox .picHide h3{
              width:140px;
              height:40px;
              border:solid 1px #fff;
              border-radius:6px;
              color:#fff;
              margin:0 auto;
              margin-top:87px;
              padding-top:6px;
              font:400 16px 'Microsoft YaHei';
              cursor:pointer;
          }

          .picBox .picHide h3 a{
              color:#fff;
          }

          .picBox .picShow .CourseBorder h4{
                margin-top: 60px;
                font:400 24px 'Microsoft YaHei';
                text-align: center;
                color:#fff;
          }

          .picBox .picShow .CourseBorder h5{
                margin-top: 20px;
                font:400 12px 'Microsoft YaHei';
                text-align: center;
                color:#fff;
          }

        .picShow,
        .picHide{
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius:6px;
          }
        .picHide{
            color:#fff;
            background-color:#000;
            text-align:center;
            line-height:280px;
            border-radius:6px;
            transform: translate3d(0,0,-1px);
            -ms-transform: translate3d(0,0,-1px);
            -moz-transform: translate3d(0,0,-1px);
            -webkit-transform: translate3d(0,0,-1px);
            -o-transform: translate3d(0,0,-1px);
            /* 3D空间内移动一个元素的位置 */
        }

        .in-top .picHide,
        .out-top .picHide
         {
            transform-origin: 0% 100%;
            -webkit-transform-origin: 0% 100%;
            -moz-transform-origin:0% 100%;

            transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
            -ms-transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
            -moz-transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
            -webkit-transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
            -o-transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
        }
        .in-top .picBox{
            animation-name: in-top;
            -webkit-animation-name:in-top;

            animation-play-state: running;
            -webkit-animation-play-state:running;

            transform-origin: 50% 50% -108px;
            -webkit-transform-origin: 50% 50% -108px;
            -moz-transform-origin:50% 50% -108px;

        }
        .out-top .picBox{
            animation-name: out-top;
            -webkit-animation-name: out-top;

            animation-play-state: running;
            -webkit-animation-play-state:running;
        }
        @keyframes in-top {
            from  {transform: rotate3d(0,0,0,0deg)}
            to    {transform: rotate3d(-1,0,0,90deg)}
        } 

        @keyframes out-top {
            from {transform: rotate3d(-1,0,0,90deg)}
            to   {transform: rotate3d(0,0,0,0deg)}
        }
        .in-right .picHide,
        .out-right .picHide {
            transform-origin: 0% 0%;
            -webkit-transform-origin: 0% 0%;
            -moz-transform-origin:0% 0%;

            transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
            -ms-transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
            -moz-transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
            -o-transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
        }
        .in-right .picBox{
            animation-name: in-right;
            -webkit-animation-name: in-right;

            animation-play-state: running;
            -webkit-animation-play-state:running;

            transform-origin: 50% 50% -144px;
            -webkit-transform-origin: 50% 50% -144px;
            -moz-transform-origin:50% 50% -144px;
        }
        .out-right .picBox{
            animation-name: out-right;
            -webkit-animation-name: out-right;

            animation-play-state: running;
            -webkit-animation-play-state:running;
        }
        @keyframes in-right {
            from  {transform: rotate3d(0,0,0,0deg)}
            to    {transform: rotate3d(0,-1,0,90deg)}
        }

        @-moz-keyframes in-right {
            from  {transform: rotate3d(0,0,0,0deg)}
            to    {transform: rotate3d(0,-1,0,90deg)}
        }

        @-webkit-keyframes in-right {
            from  {transform: rotate3d(0,0,0,0deg)}
            to    {transform: rotate3d(0,-1,0,90deg)}
        }

        @-o-keyframes in-right {
            from  {transform: rotate3d(0,0,0,0deg)}
            to    {transform: rotate3d(0,-1,0,90deg)}
        }

        @keyframes out-right {
            from  {transform: rotate3d(0,-1,0,90deg)}
            to    {transform: rotate3d(0,0,0,0deg)}
        }

        .in-bottom .picHide,
        .out-bottom .picHide {
            transform-origin: 0% 0%;
            -webkit-transform-origin: 0% 0%;
            -moz-transform-origin:0% 0%;

            transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
            -ms-transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
            -moz-transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
            -webkit-transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
            -o-transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
        }
        .in-bottom .picBox{
            animation-name: in-bottom;
            -webkit-animation-name: in-bottom;

            animation-play-state: running;
            -webkit-animation-play-state:running;

            transform-origin: 50% 51% -110px;
            -webkit-transform-origin: 50% 51% -110px;
            -moz-transform-origin:50% 51% -110px;
        }
        .out-bottom .picBox{
            animation-name: out-bottom;
            -webkit-animation-name: out-bottom;

            animation-play-state: running;
            -webkit-animation-play-state:running;
        }
        @keyframes in-bottom {
            from  {transform: rotate3d(0,0,0,0deg)}
            to    {transform: rotate3d(1,0,0,90deg)}
        }
        @keyframes out-bottom {
            from  {transform: rotate3d(1,0,0,90deg)}
            to    {transform: rotate3d(0,0,0,0deg)}
        }
        .in-left .picHide,
        .out-left .picHide {
                  transform-origin: 100% 0;
                 -webkit-transform-origin: 100% 0;
                 -moz-transform-origin:100% 0;

                  transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
                    -ms-transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
                    -moz-transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
                    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
                    -o-transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
        }
        @keyframes in-left {
            from  {transform: rotate3d(0,0,0,0deg)}
            to    {transform: rotate3d(0,1,0,90deg)}
        }
        @keyframes out-left {
            from  {transform: rotate3d(0,1,0,90deg)}
            to    {transform: rotate3d(0,0,0,0deg)}
        }
        .in-left .picBox{
            animation-name: in-left;
            -webkit-animation-name: in-left;

            animation-play-state: running;
            -webkit-animation-play-state:running;

            transform-origin: 50% 51% -140px;
            -webkit-transform-origin: 50% 51% -140px;
            -moz-transform-origin:50% 51% -140px;
        }
        .out-left .picBox{
                  animation-name: out-left;
                  -webkit-animation-name: out-left;

                  animation-play-state: running;
                  -webkit-animation-play-state:running;
        }

        .wrapper li:nth-child(1) .picBox .picShow{
            background:url(/Content/images/School1.png) no-repeat center;
        }

        .wrapper li:nth-child(2) .picBox .picShow{
            background:url(/Content/images/School2.png) no-repeat center;
        }

        .wrapper li:nth-child(3) .picBox .picShow{
            background:url(/Content/images/School3.png) no-repeat center;
        }

        .wrapper li:nth-child(4) .picBox .picShow{
            background:url(/Content/images/School4.png) no-repeat center;
        }

        .wrapper li:nth-child(5) .picBox .picShow{
            background:url(/Content/images/School5.png) no-repeat center;
        }

        .wrapper li:nth-child(6) .picBox .picShow{
            background:url(/Content/images/School6.png) no-repeat center;
        }

        .wrapper li:nth-child(7) .picBox .picShow{
            background:url(/Content/images/School7.png) no-repeat center;
        }

        .wrapper li:nth-child(8) .picBox .picShow{
            background:url(/Content/images/School8.png) no-repeat center;
        }

        .wrapper li:nth-child(1) .picBox .picHide{
            background:url(/Content/images/School11.png) no-repeat center;
        }

        .wrapper li:nth-child(2) .picBox .picHide{
            background:url(/Content/images/School12.png) no-repeat center;
        }

        .wrapper li:nth-child(3) .picBox .picHide{
            background:url(/Content/images/School13.png) no-repeat center;
        }

        .wrapper li:nth-child(4) .picBox .picHide{
            background:url(/Content/images/School14.png) no-repeat center;
        }

        .wrapper li:nth-child(5) .picBox .picHide{
            background:url(/Content/images/School15.png) no-repeat center;
        }

        .wrapper li:nth-child(6) .picBox .picHide{
            background:url(/Content/images/School16.png) no-repeat center;
        }

        .wrapper li:nth-child(7) .picBox .picHide{
            background:url(/Content/images/School17.png) no-repeat center;
        }

        .wrapper li:nth-child(8) .picBox .picHide{
            background:url(/Content/images/School18.png) no-repeat center;
        }


/*八大学院翻转结束*/

.pageContent .VodShow{
            width:1200px;
            height:auto;
            min-height:270px;
            margin:0 auto;
        }

        /*人气课堂*/
        .pageContent .FlashSale{
            width:1200px;
            height:80px;
            margin:0 auto;
        }

        .pageContent .FlashSale .TopLeft{
            width:1200px;
            margin:0 auto;
        }

        .pageContent .FlashSale .TopLeft h4{
            float: left;
            color: #000;
            margin-top: 24px;
            margin-left: 10px;
            font: 500 24px 'Microsoft YaHei';
        }

        .pageContent .FlashSale .TopLeft h5 {
            float: left;
            color: #868686;
            margin-top: 36px;
            margin-left: 15px;
            font: 400 14px 'Microsoft YaHei';
        }

        .pageContent .FlashSale .TopLeft h5 i{
            color:#da1c1c;
        }

        .NewShow{
            float:left;
            margin-top:30px;
            margin-left:60px;
            background:#efeff4;
            border-radius:14px;
        }

        .NewShow h4{
            float:left;
            height:20px;
            margin-top:4px;
            padding-left:24px;
            padding-right:20px;
            display:inline-block;
            line-height:20px;
            color:#db2a2a;
            border-right:solid 1px #dddddd;
        }

        .NewShow .FlashNews,.NewShow .MassiveNews,.NewShow .VipNews,.NewShow .JMassiveNews{
            float:left;
            max-width:250px;
            height:28px;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
            padding:6px 20px 6px 20px;
        }

        .NewShow .swiper-container{
            max-width:250px;
            height:28px;
        }

        .NewShow .swiper-slide{
            overflow:hidden;
        }

        .NewShow .swiper-slide a{
            padding-right:20px;
        }

        .NewShow .swiper-slide:hover a{
            color:#e6261c;
        }

        .pageContent .FlashSale h3{
            float:right;
            margin-top:38px;
        }

        .pageContent .FlashSale h3:hover a{
            color:#e6261c;
        }

        .pageContent .VodShow .VodLis{
            width:1200px;
        }

        .pageContent .VodShow .VodList li{
            float:left;
            width:288px;
            height:288px;
            margin-right:16px;
            border-radius:6px;
            border:solid 1px #d1d1d6;
            transition: all .2s;
        }

        .pageContent .VodShow .VodList li:nth-child(4n){
            margin-right:0;
        }

        .pageContent .VodShow .VodList li .TopImg{
            width:286px;
            height:214px;
            border-top-left-radius:6px;
            border-top-right-radius:6px;
            overflow:hidden;
            transition: all .25s;
            cursor:pointer;
        }

        .pageContent .VodShow .VodList li .TopArea{
            position:relative;
            width:286px;
            height:214px;
        }
        .pageContent .VodShow .VodList li .TopArea img{
            width:100%;
        }
        .pageContent .VodShow .VodList li .TopArea span{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.35);
            opacity:0;
            transition: all .25s;
        }

        .pageContent .VodShow .VodList li .TopArea span:before{
            content: "";
            left: 50%;
            top: 50%;
            margin: -30px 0 0 -30px;
            width: 60px;
            height: 60px;
            transition: all .25s;
            background: url(/Content/images/icons/bofang.png) no-repeat center;
            position: absolute;
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
        }

        .pageContent .VodShow .VodList li .TopImg:hover span{
            opacity:1;
        }

        .pageContent .VodShow .VodList li .TopImg:hover span:before{
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .pageContent .VodShow .VodList li .TopImg:hover{
            box-shadow: 0 6px 15px rgba(0,0,0,.1) !important;
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

        .pageContent .VodShow .VodList li .BottomArea .CourseName{
            line-height:20px;
            padding:10px 9px 0px 9px;
        }

        .pageContent .VodShow .VodList li .BottomArea .CourseName p{
            display:inline-block;
            width:100%;
            font:400 18px 'Microsoft YaHei';
            color:#000000;
            overflow:hidden;
            white-space:nowrap;
            text-overflow:ellipsis;
        }

        /*2020更改开始*/
        .pageContent .VodShow .VodList li .BottomArea .CourseTip h4{
            display:inline-block;
            font:400 14px 'Microsoft YaHei';
            color:#acacb0;
            line-height:30px;
            /*padding:0 9px;*/
        }
        .pageContent .VodShow .VodList li .BottomArea .CourseTip h4 img{
            width:20px;
            height:18px;
        }
        /*2020更改结束*/

        .pageContent .VodShow .VodList li .BottomArea .CoursePrice{
            float:right;
            margin-right:9px;
        }

        .pageContent .VodShow .VodList li .BottomArea .CoursePrice h5{
            display:inline-block;
            font:400 12px 'Microsoft YaHei';
            color:#96969a;
            text-decoration:line-through;
        }

        .pageContent .VodShow .VodList li .BottomArea .CoursePrice h6{
            display:inline-block;
            font:400 18px 'Microsoft YaHei';
            color:#e6261c;
        }

        .pageContent .VodShow .AnotherBatch{
            width: 160px;
            height: 40px;
            margin:0 auto;
            margin-top:40px;
            line-height: 40px;
            border: 1px #ddd solid;
            border-radius: 5px;
            transition: all .2s;
            background: #fff;
            color: #666;
            text-align: center;
            cursor: pointer;
        }

        .pageContent .VodShow .AnotherBatch span{    
            display: inline-block;
            width: 15px;
            height: 18px;
            margin-right: 10px;
            background: url(/Content/images/icons/refresh.png) no-repeat center;
            vertical-align: -4px;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s,-webkit-transform .3s;
        }

        .pageContent .VodShow .AnotherBatch h4{
            display: inline-block;
        }

        .pageContent .VodShow .AnotherBatch:hover{
            background: #e6261c;
            border-color: #e6261c;
            color: #fff;
        }

        .pageContent .VodShow .AnotherBatch:hover span{
            background: url(/Content/images/icons/refresh02.png) no-repeat center;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        /*人气课堂*/

        .pageContent .VodShow .VodTitle li{
            float:left;
            width:150px;
            height:110px;
            border:solid 1px red;
        }

        .Content .banner .swiper-container{
            width:auto;
            height:500px;
        }

        .Content .banner .swiper-container .swiper-wrapper .swiper-slide{
            width:auto;
            height:500px;
            background-repeat:no-repeat;
            background-position:center center;
        }

        .Content .banner .swiper-container .swiper-wrapper .swiper-slid a{
            position:absolute;
            display:inline-block;
            width:100%;
            height:100%;
        }

        .Content .banner .swiper-container .swiper-wrapper .swiper-slide .Goto{
            width:1200px;
            height:500px;
            margin:0 auto;
        }

        .Content .banner .swiper-container .swiper-wrapper .swiper-slide .GotoLive{
            position:absolute;
            width:220px;
            height:60px;
            margin-left: 646px;
            margin-top: 264px;
            opacity:0.01;
            cursor:pointer;
        }

        .Content .banner .swiper-container .swiper-wrapper .swiper-slide .GotoVod{
            position:absolute;
            width:164px;
            height:46px;
            margin-left:587px;
            margin-top:308px;
            opacity:0.01;
            cursor:pointer;
        }

        .pageContent .LvCourses .Course ul li .MiddleArea{
            position:absolute;
            width: 271px;
            height: 350px;
            margin:0 auto;
            background:#fff;
            opacity:0.9;
            text-align:center;
            display:none;
        }

        .pageContent .LvCourses .Course ul li .MiddleArea span{
            display:block;
            width:55px;
            height:55px;
            margin:0 auto;
            margin-top:80px;
            background:url(/Content/images/icons/ready.png) no-repeat center;
        }

        .pageContent .LvCourses .Course ul li .MiddleArea h4{
            font:400 
        }

        .pageContent .Course .liveCourse .TopArea{
            position:absolute;
        }

        .pageContent .Course .liveCourse .BottomArea{
            margin-top:304px;
        }

        .pageContent .Course .liveCourse .BottomArea h4{
            font:400 18px 'Microsoft YaHei';
        }

        .pageContent .Course .liveCourse .BottomArea .Lived{
            position:absolute;
            width: 271px;
            height: 46px;
            background:#868686;
            margin-top:-12px;
            padding-top:12px;
        }

        .pageContent .Course .liveCourse .BottomArea .Living{
            position:absolute;
            width: 272px;
            height: 48px;
            background:#868686;
            margin-top:-12px;
            padding-top:14px;
            background:#fff;
            color:#868686;
            font:400 14px 'Microsoft YaHei';
            border:solid 1px #adadad;
            border-top:0px;
            border-left:0px;
        }

        .pageContent .LvCourses .Course ul li .MiddleArea h5{
            margin-top:50px;
            text-align:center;
            font:400 24px 'Microsoft YaHei';
            color:#151515;
        }

        .pageContent .LvCourses .Course ul li .MiddleArea h5 i{
            color:#e6261c;
            font-weight: bold;
            font-size: 26px;
        }

        .pageContent .LvCourses .Course ul li .MiddleArea h6{
            width:271px;
            height:50px;
            margin-top:51px;
            text-align:center;
            background:#e6261c;
            padding-top:12px;
            font:400 18px 'Microsoft YaHei';
            color:#fff;
        }

        .pageContent .LvCourses .Course ul li .MiddleArea label{
            text-align:center;
            font:400 24px 'Microsoft YaHei';
            color:#151515;
        }

        .pageContent .Course .GraphicDesign .NewArea{
            width: 271px;
            height: 49px;
            margin-top:303px;
            font: 400 18px 'Microsoft YaHei';
            text-align: center;
            display:none;
        }

        .pageContent .Course .GraphicDesign .NewArea .Living{
            width: 272px;
            height: 49px;
            padding-top: 14px;
            background:#e6261c;
            color:#fff;
        }

        .pageContent .Course .GraphicDesign .NewArea .Lived{
            width: 272px;
            height: 49px;
            padding-top: 14px;
            background: #999999;
            color:#fff;
        }

        .pageContent .Course .GraphicDesign .NewArea .WaitLive{
            width: 271px;
            height: 49px;
            padding-top: 14px;
            background:#fff;
            color:#868686;
            font:400 14px '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: 516px;
            height: 420px;
            background: url(/Content/images/icons/LiveRecent.png) no-repeat center;
            border-radius: 6px;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            cursor:pointer;
        }

        #LiveRecentBg .LiveRecent .WarnArea{
            position:absolute;
            width: 516px;
            height: 420px;
        }

        #LiveRecentBg .LiveRecent span{
            float: left;
            width: 80px;
            height: 80px;
            margin-top:413px;
            margin-left: 202px;
            opacity: 1;
            background: url(/Content/images/icons/CloseBig.png) no-repeat center;
            z-index: 9999;
            cursor: pointer;
        }

        #LiveRecentBg .LiveRecent p{
            margin-top:100px;
            margin-left:45px;
            font:400 36px 'Microsoft YaHei';
            color:#151515;
        }

        #LiveRecentBg .LiveRecent img{
            float:left;
            width:120px;
            height:90px;
            margin-left:50px;
            margin-top:50px;
        }

            #LiveRecentBg .LiveRecent h4 {
                float: left;
                width: 230px;
                margin-top: 230px;
                margin-left: 60px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font: 400 20px 'Microsoft YaHei';
                color: #2e2e2e;
            }

            #LiveRecentBg .LiveRecent h5 {
                float: left;
                width: 220px;
                margin-top: 10px;
                margin-left: 60px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font: 400 16px 'Microsoft YaHei';
                color: #5c5c5c;
            }

        #LiveRecentBg .LiveRecent button{
            display:block;
            float:left;
            width:453px;
            height:52px;
            margin:0 auto;
            margin-left:26px;
            margin-top:71px;
            border-radius:20px;
            font:400 18px 'Microsoft YaHei';
            background:transparent;
            color:#fff;
            cursor:pointer;
        }

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

        /*直播提醒结束*/

        /*直播课程list页开始*/
        .LiveCourse .content .selects {
            height: 228px;
        }

            .LiveCourse .content .selects .level {
                border-bottom: none;
            }

        .LiveCourse .content .Recent ul li .TopArea .CourseTop .CourseTime {
            width: 220px;
            height: 20px;
            margin-top: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .LiveCourse .content .Recent ul li .TopArea .CourseTop .timeLogo {
            margin-top: 8px;
        }

        .LiveCourse .content .Recent ul li .TopArea .CourseNum {
            margin-left: 10px;
        }

        .LiveCourse .content .Tips .TipsDetail .RightArea .NewsMore{
            float:right;
            margin-top:20px;
            font:400 16px 'Microsoft YaHei';
            color:#5c5c5c;
        }
        /*直播课程list页结束*/
        /*直播课程详情页开始*/
        .CourseCollection .Shares{
            position:absolute;
            width:110px;
            height:24px;
            margin-top:12px;
            margin-left:-12px;
            background:#fff;
            border:solid 1px #c0c0c0;
            display:none;
        }

        .CourseCollection .Shares:before{
            content:'';
            width:0;
            height:0;
            border:10px solid transparent;
            border-bottom-color:#adadad;
            position:absolute;
            left:38%;
            top:0%;
            margin-top:-21px;
        }

        .CourseCollection .Shares:after{
            content:'';
            width:0;
            height:0;
            border:10px solid transparent;
            border-bottom-color:#fff;
            position:absolute;
            left:38%;
            top:0%;
            margin-top:-20px;
        }

        .CourseCollection .Shares div{
            float:left;
            width:20px;
            height:20px;
            margin-left:6px;
            margin-top:1px;
        }

        #shareweixin,#shareweixin1{
            background:url(/Content/images/icons/weixin.png) no-repeat center;
        }

        #shareZoon,#shareZoon1{
            background:url(/Content/images/icons/zoon.png) no-repeat center;
        }

        #shareSina,#shareSina1{
            background:url(/Content/images/icons/sina.png) no-repeat center;
        }

        #shareQQ,#shareQQ1{
            background:url(/Content/images/icons/qq.png) no-repeat center;
        }

        .share_box{
           width: 100%;
            height: 100%;
            background: rgba(0,0,0,.7);
            position: fixed;
            left: 0;
            top: 0;
            z-index: 99999;
        }

        #myFrame{
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .share_box .share_close{
            width: 10px;
            position: fixed;
            height: 20px;
            background: #fff;
            position: fixed;
            left: 260px;
            top: 0;
            right: 0;
            bottom: 310px;
            margin: auto;
            z-index: 99999;
            cursor:pointer;
        }
        /*直播课程详情页结束*/


        /*我们的团队开始*/
        .OurTeam{
            width:100%;
            height:581px;
            background-color:#efeff4;
        }

        .OurTeam .TopBar{
            height:146px;
            overflow:hidden;
        }

        .OurTeam .TopBar h4{
            font:400 24px 'Microsoft YaHei';
            color:#000;
            text-align:center;
            margin-top:40px;
        }

        .OurTeam .TopBar p{
            font:400 14px 'Microsoft YaHei';
            color:#8b8b8c;
            text-align:center;
            margin-top:20px;
        }

        .OurTeam ul{
            width:1200px;
            margin:0 auto;
        }

        .OurTeam ul li{
            position:relative;
            float:left;
            width:281px;
            height:372px;
            margin-right:24px;
            border-radius:6px;
            transition:top .3s;
            overflow:hidden;
            cursor:pointer;
        }

        .OurTeam ul li .mask{
            position:absolute;
            width:100%;
            height:100%;
            left:0;
            right:0;
            background:url(/Content/images/cover.png) no-repeat center;
            height:100%;
            transition: top .3s;
            opacity:0;
            z-index:1;
        }

        .OurTeam ul li:hover .mask{
            opacity:1;
        }

        .OurTeam ul li:last-child{
            margin-right:0;
        }

        .OurTeam ul li:first-child{
            background:url(/Content/images/team01.png) no-repeat center;
        }

        .OurTeam ul li:nth-child(2){
            background:url(/Content/images/team02.png) no-repeat center;
        }

        .OurTeam ul li:nth-child(3){
            background:url(/Content/images/team03.png) no-repeat center;
        }

        .OurTeam ul li:last-child{
            background:url(/Content/images/team04.png) no-repeat center;
        }

        .OurTeam ul li .TeamTitle{
            position:absolute;
            width:100%;
            height:100%;
            margin-top:340px;
            color:#fff;
            text-align:center;
            transition: top .3s;
            z-index:2;
        }

        .OurTeam ul li .TeamTitle h4{
            font:400 16px 'Microsoft YaHei';
            transition: padding .2s;
        }

        .OurTeam ul li .TeamTitle h5{
            margin-left:20px;
            text-align:left;
            font:400 14px 'Microsoft YaHei';
            line-height:20px;
        }

        .OurTeam ul li .TeamTitle h5:nth-child(2){
            margin-top:20px;
        }
        /*我们的团队结束*/

        /*唐人荣誉开始*/
        .TrHonor{
            width:1200px;
            height:620px;
            margin:0 auto;
        }
        .TrHonor h4{
            margin-top:40px;
            font:400 24px 'Microsoft YaHei';
            color:#000;
            text-align:center;
        }

        .TrHonor h5{
            margin-top:10px;
            font:400 14px 'Microsoft YaHei';
            color:#000;
            text-align:center;
        }

        .TrHonor ul{
            margin-top:36px;
        }

        .TrHonor ul li{
            float:left;
            width:288px;
            height:215px;
            margin-right:16px;
            cursor:pointer;
        }

        .TrHonor ul li:nth-child(4n){
            margin-right:0;
        }

        .TrHonor ul li:nth-child(n+5){
            margin-top:15px;
        }

        .TrHonor ul li:hover{
            box-shadow: 0 6px 15px rgba(0,0,0,.1) !important;
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }

        /*唐人荣誉结束*/