/**首页查看更多**/
*{
   margin:0;
   padding:0;
}
.public-div .inner .more { padding-bottom: 40px; text-align: right; font-size: 16px; color: #36404a; line-height: 24px; } 
.public-div .inner .more .interlinkage { position: relative; padding-bottom: 10px; } 
.public-div .inner .more .interlinkage:before { content: ''; height: 4px; /* background: rgba(230, 74, 59, 0.8); */
 background: #2495e4; z-index: 100; width: 100%; left: 0; bottom: -4px; position: absolute; } 
/**首页查看更多结束**/
/**首页公共标题**/
.disno{display:block !important}
.box-title { padding-top: 60px; text-align: center; } 
.box-title .headline { text-align: center; padding-top: 40px; margin-bottom: 15px; } 
.box-title .headline span { display: inline-block; line-height: 46px; position: relative; color: #36404a; font-size: 42px; } 
.box-title .headline span:after { position: absolute; content: ''; background-image: url("../images/box-title-icon.png"); background-repeat: no-repeat; background-position: center; width: 60px; height: 60px; left: -85px; top: -60px; z-index: 1; } 
.box-title .subtitle { margin-bottom: 35px; color: #818a92; line-height: 42px; font-size: 20px; } 
/**首页公共标题结束**/
/**首页内容区域**/
.index-list .inner ul { margin: 0 -30px; } 
.index-list .inner ul li { float: left; margin: 0 30px 60px; width: 300px; background: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } 
.index-list .inner ul li .images { height: 186px; width: 100%; overflow: hidden; line-height: 186px; text-align: center; } 
.index-list .inner ul li .images a img { height: 100%; display: block; width: 100%; object-fit: cover; } 
.index-list .inner ul li .name { position: relative; line-height: 30px; } 
.index-list .inner ul li .name .icon { width: 54px; height: 54px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 100%; position: absolute; left: 10px; top: 50%; margin-top: -40px; overflow: hidden; } 
.index-list .inner ul li .name .icon a img { display: block; max-height: 100%; vertical-align: middle; } 
.index-list .inner ul li .name .name-text { padding-left: 70px; line-height: 30px; } 
.index-list .inner ul li .title { margin-top: 10px; padding: 0 12px; font-size: 16px; color: #36404a; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.index-list .inner ul li .title a { display: block; color: #36404a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.index-list .inner ul li .time { padding: 0 10px; font-size: 14px; color: #818a92; line-height: 42px; height: 42px; } 
.index-list .inner ul li .bottom { padding: 0 10px; } 
.index-list .inner ul li .bottom .jon { float: left; font-size: 14px; color: #818a92; line-height: 42px; } 
.index-list .inner ul li .bottom .price { float: right; color: #e64a3b; line-height: 42px; font-size: 18px; } 
.index-list .inner ul li:hover { -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); border-radius: 6px; -webkit-transform: scale(1.02); transform: scale(1.02); overflow: hidden; } 
.index-course .inner ul { margin: 0 -30px; } 
.index-course .inner ul li { float: left; margin: 0 30px 60px; width: 300px; background: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } 
.index-course .inner ul li a .images { position: relative; height: 186px; width: 100%; line-height: 186px; text-align: center; } 
.index-course .inner ul li a .images img { width: 100%; height: 100%; display: block; } 
.index-course .inner ul li a .images .icon { position: absolute; top: 10px; left: 0; z-index: 1000; height: 26px; line-height: 26px; text-align: center; width: 54px; background: url("../images/list-icon1.png") no-repeat left center; color: #fff; font-size: 14px; } 
.index-course .inner ul li a .title { margin-top: 10px; padding: 0 12px; font-size: 16px; color: #36404a; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.index-course .inner ul li a .bottom { margin-top: 10px; padding: 0 12px; } 
.index-course .inner ul li a .bottom .jon { float: left; font-size: 14px; color: #818a92; line-height: 42px; } 
.index-course .inner ul li a .bottom .price { float: right; color: #e64a3b; line-height: 42px; font-size: 18px; } 
.index-course .inner ul li:hover { -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); -webkit-transform: scale(1.02); transform: scale(1.02); } 
.index-live .inner ul { margin: 0 -30px; } 
.index-live .inner ul li { float: left; margin: 0 30px 60px; width: 300px; background: #fff; } 
.index-live .inner ul li a { display: block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } 
.index-live .inner ul li a .images { height: 186px; width: 100%; line-height: 186px; text-align: center; overflow: hidden; } 
.index-live .inner ul li a .images img { height: 100%; display: block; width: 100%; object-fit: cover; } 
.index-live .inner ul li a .title { margin-top: 10px; padding: 0 10px; font-size: 16px; color: #36404a; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.index-live .inner ul li a .time { padding: 0 10px; font-size: 14px; color: #818a92; line-height: 42px; } 
.index-live .inner ul li a .bottom { padding: 0 10px; } 
.index-live .inner ul li a .bottom .jon { float: left; font-size: 14px; color: #818a92; line-height: 42px; } 
.index-live .inner ul li a .bottom .price { float: right; color: #e64a3b; line-height: 42px; font-size: 18px; } 
.index-live .inner ul li a:hover { -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); -webkit-transform: scale(1.02); transform: scale(1.02); } 
.index-Pinterest .inner ul { margin: 0 -30px; } 
.index-Pinterest .inner ul li { float: left; margin: 0 30px 60px; width: 300px; background: #fff; padding-bottom: 8px; border-radius: 6px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; margin-bottom: 40px; } 
.index-Pinterest .inner ul li a { display: block; } 
.index-Pinterest .inner ul li a .images { height: 198px; line-height: 198px; text-align: center; border-radius: 10px 10px 0 0; overflow: hidden; } 
.index-Pinterest .inner ul li a .images img { display: block; width: 100%; height: 100%; vertical-align: middle; } 
.index-Pinterest .inner ul li a .title { margin-top: 15px; padding: 0 10px; font-size: 16px; color: #36404a; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.index-Pinterest .inner ul li a .text { margin-top: 15px; padding: 0 10px; height: 84px; color: #818a92; line-height: 28px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 
.index-Pinterest .inner ul li a .time { padding: 0 10px; text-align: right; font-size: 12px; color: #818a92; line-height: 28px; } 
.index-Pinterest .inner ul li:hover { -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); border-radius: 6px; -webkit-transform: scale(1.02); transform: scale(1.02); } 
/**首页公共内容区域结束**/
/**底部开始**/
#footer { background: #213752; padding: 50px 0; } 
#footer .footer-text { width: 700px; float: left; } 
#footer .footer-text .about ul li { float: left; } 
#footer .footer-text .about ul li a { padding: 0 15px; color: #818a92; line-height: 24px; display: inline-block; font-size: 14px; position: relative; } 
#footer .footer-text .about ul li a:before { content: ''; height: 14px; width: 1px; background: #d3d3d3; position: absolute; right: 0; top: 50%; margin-top: -7px; } 
#footer .footer-text .about ul li a span { position: absolute; left: 15px; top: 50%; margin-top: -7px; display: block; width: 14px; height: 14px; background: url("../images/icon1.png") no-repeat left center; } 
#footer .footer-text .about ul li:first-child a { padding: 0 15px 0 0; } 

#footer .footer-text .about ul li:last-child a:before { display: none; } 
#footer .footer-text .friendLink { margin-top: 20px; font-size: 14px; color: #bcc1c5; line-height: 24px; } 
#footer .footer-text .friendLink a { color: #bcc1c5; margin-right: 18px; } 
#footer .footer-text .copyright { margin-top: 20px; font-size: 14px; color: #bcc1c5; line-height: 36px; } 
#footer .footer-text .copyright a { display: inline-block; color: #bcc1c5; } 
#footer .footer-text .copyright span { padding-left: 30px; background: url("../images/icon2.png") no-repeat left center; } 
#footer .code { width: 300px; float: right; } 
#footer .code ul li { float: left; width: 150px; text-align: center; } 
#footer .code ul li .images { height: 84px; line-height: 84px; text-align: center; } 
#footer .code ul li .images img { max-height: 100%; vertical-align: middle; } 
#footer .code ul li .text { font-size: 12px; margin-top: 15px; color: #bcc1c5; line-height: 18px; } 
#footer .code ul li:nth-child(2n) { float: right; } 
/**底部结束**/
/**内页公共选择区域**/
.box-select { background:#fff;} 
.box-select .classify {} 
.box-select .classify span {} 
.box-select .classify>span {margin-right: -5px;}
.box-select .classify .classify_li>span {margin-right: -5px;}
.box-select .classify a {} 
#courseTypes { float: left; display: inline-block; } 
.box-select .classify a.curr {
    color: #3D7EFF;
    background: #F2F2F2;
    border-radius: 3px;
} 
/**内页公共选择区域结束**/
/**内页列表页**/
.disabled-list { padding-top: 30px; padding-bottom: 30px; background: #f8f8f8; } 
.disabled-list ul li { margin-bottom: 20px; background: #fff; } 
.disabled-list ul li a { display: block; padding: 20px; } 
.disabled-list ul li a .images { float: left; width: 360px; height: 223px; line-height: 223px; } 
.disabled-list ul li a .images img { width: 100%; height: 100%; vertical-align: middle; } 
.disabled-list ul li a .text { float: right; width: 980px; height: 224px; overflow: hidden; } 
.disabled-list ul li a .text .title { color: #36404a; line-height: 30px; font-size: 16px; } 
.disabled-list ul li a .text .serialize { margin-top: 15px; margin-bottom: 10px; } 
.disabled-list ul li a .text .serialize span { display: inline-block; padding: 0 12px; border: 1px solid #2495e4; border-radius: 2px; color: #2495e4; font-size: 14px; line-height: 24px; margin-right: 5px; } 
.disabled-list ul li a .text .details { height: 72px; color: #818a92; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } 
.disabled-list ul li a .text .bottom { margin-top: 14px; } 
.disabled-list ul li a .text .bottom span { display: inline-block; line-height: 42px; } 
.disabled-list ul li a .text .bottom .student { font-size: 14px; color: #818a92; padding: 0 30px; background: url("../images/student.png") no-repeat left center; } 
.disabled-list ul li a .text .bottom .period { font-size: 14px; color: #818a92; padding: 0 30px; background: url("../images/period.png") no-repeat left center; } 
.disabled-list ul li a .text .bottom .price { display: inline-block; float: right; font-size: 22px; color: #e64a3b; line-height: 42px; } 
.teacher-list {} 
.teacher-list ul li { margin-bottom: 20px; background: #fff; padding: 25px 25px 25px 55px; } 
.teacher-list ul li a { background: #fff; display: block; } 
.teacher-list ul li a .images { float: left; height: 202px; width: 202px; line-height: 202px; border-radius: 100%; overflow: hidden; } 
.teacher-list ul li a .images img { width: 100%; display: block; height: 100%; object-fit: cover; } 
.teacher-list ul li a .text { width: 1080px; float: right; } 
.teacher-list ul li a .text .name { font-size: 16px; color: #36404a; line-height: 29px; } 
.teacher-list ul li a .text .serialize { margin-top: 15px; margin-bottom: 10px; } 
.teacher-list ul li a .text .serialize span { display: inline-block; padding: 0 12px; border: 1px solid #2495e4; border-radius: 2px; color: #2495e4; line-height: 24px; } 
.teacher-list ul li a .text .details { height: 72px; color: #818a92; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 
.teacher-list ul li a .text .bottom { margin-top: 18px; } 
.teacher-list ul li a .text .bottom span { display: inline-block; font-size: 14px; color: #818a92; line-height: 42px; } 
.teacher-list ul li a .text .bottom .student { padding: 0 30px; background: url("../images/student.png") no-repeat left center; } 
.teacher-list ul li a .text .bottom .period { padding: 0 30px; background: url("../images/period.png") no-repeat left center; } 
.teacher-list ul li a .text .bottom .more { text-align: center; display: inline-block; float: right; font-size: 14px; background: #2495e4; color: #fff; line-height: 26px; width: 82px; height: 26px; border: 1px solid #2495e4; border-radius: 2px; } 
/* .live-list { padding-top: 30px; background: #f8f8f8; } 
.live-list ul li { margin-bottom: 20px; background: #fff; } 
.live-list ul li a { display: block; padding: 20px; } 
.live-list ul li a .images { float: left; width: 360px; height: 223px; line-height: 223px; } 
.live-list ul li a .images img { max-height: 100%; vertical-align: middle; } 
.live-list ul li a .text { float: right; width: 980px; height: 224px; overflow: hidden; } 
.live-list ul li a .text .title { color: #36404a; line-height: 30px; font-size: 16px; } 
.live-list ul li a .text .serialize { margin-top: 15px; margin-bottom: 10px; } 
.live-list ul li a .text .serialize span { display: inline-block; padding: 0 12px; border: 1px solid #2495e4; border-radius: 2px; color: #2495e4; line-height: 24px; } 
.live-list ul li a .text .serialize .icon { width: 106px; float: right; } 
.live-list ul li a .text .serialize .icon i { float: left; display: block; width: 24px; height: 24px; overflow: hidden; border-radius: 100%; } 
.live-list ul li a .text .serialize .icon i img { display: block; min-height: 100%; vertical-align: middle; } 
.live-list ul li a .text .serialize .icon em { line-height: 24px; width: 70px; float: right; overflow: hidden; } 
.live-list ul li a .text .details { height: 96px; color: #818a92; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } 
.live-list ul li a .text .bottom { margin-top: 18px; } 
.live-list ul li a .text .bottom span { display: inline-block; font-size: 14px; color: #818a92; line-height: 42px; } 
.live-list ul li a .text .bottom .student { padding: 0 30px; background: url("../images/student.png") no-repeat left center; } 
.live-list ul li a .text .bottom .period { padding: 0 30px; background: url("../images/period.png") no-repeat left center; } 
.live-list ul li a .text .bottom .price { display: inline-block; float: right; font-size: 22px; color: #2495e4; line-height: 42px; } */
.live-list { padding-top: 30px; padding-bottom: 30px; background: #f8f8f8; } 
.live-list ul li { padding: 20px; margin-bottom: 20px; background: #fff; } 
.live-list ul li .images { float: left; width: 360px; height: 223px; line-height: 223px; } 
.live-list ul li .images img { height: 100%; width: 100%; object-fit: cover; display: block; } 
.live-list ul li .text { float: right; width: 980px; height: 224px; overflow: hidden; } 
.live-list ul li .text .title { color: #36404a; line-height: 30px; font-size: 16px; } 
.live-list ul li .text .serialize { margin-top: 15px; margin-bottom: 10px; } 
.live-list ul li .text .serialize span { display: inline-block; padding: 0 12px; border: 1px solid #2495e4; border-radius: 2px; color: #2495e4; line-height: 24px; } 
.live-list ul li .text .serialize .icon { width: 106px; float: right; } 
.live-list ul li .text .serialize .icon i { float: left; display: block; width: 24px; height: 24px; overflow: hidden; border-radius: 100%; } 
.live-list ul li .text .serialize .icon img { float: left; display: block; width: 24px; height: 24px; overflow: hidden; border-radius: 100%; margin-right: 10px; } 
.live-list ul li .text .serialize .icon i img { display: block; min-height: 100%; vertical-align: middle; } 
.live-list ul li .text .serialize .icon em { line-height: 24px; width: 70px; float: right; overflow: hidden; } 
.live-list ul li .text .details { height: 96px; color: #818a92; line-height: 24px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } 
.live-list ul li .text .bottom { margin-top: 14px; } 
.live-list ul li .text .bottom span { display: inline-block; font-size: 14px; color: #818a92; line-height: 42px; } 
.live-list ul li .text .bottom .student { padding: 0 30px; background: url("../images/student.png") no-repeat left center; } 
.live-list ul li .text .bottom .period { padding: 0 30px; background: url("../images/period.png") no-repeat left center; } 
.live-list ul li .text .bottom .price { display: inline-block; float: right; font-size: 22px; color: #2495e4; line-height: 42px; } 
.live-list ul li .text .bottom .price span { font-size: 22px; display: inline-block; color: #2495e4; } 
.class-list { padding-top: 30px; padding-bottom: 30px; background: #f8f8f8; } 
.class-list ul { margin: 0 -30px; } 
.class-list ul li { float: left; margin: 0 30px 60px; width: 300px; background: #fff; } 
.class-list ul li a { display: block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } 
.class-list ul li a .images { height: 186px; width: 100%; line-height: 186px; text-align: center; } 
.class-list ul li a .images img { height: 100%; width: 100%; object-fit: cover; display: block; } 
.class-list ul li a .title { margin-top: 10px; padding: 0 10px; font-size: 16px; color: #36404a; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.class-list ul li a .time { padding: 0 10px; font-size: 14px; color: #818a92; line-height: 42px; } 
.class-list ul li a .bottom { padding: 0 10px; } 
.class-list ul li a .bottom .jon { float: left; font-size: 14px; color: #818a92; line-height: 42px; } 
.class-list ul li a .bottom .price { float: right; color: #e64a3b; line-height: 42px; font-size: 18px; } 
.class-list ul li a:hover { -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2); border-radius: 6px; -webkit-transform: scale(1.02); transform: scale(1.02); } 
/**内页列表页结束**/
/*侧边*/
#side { position: fixed; right: 60px; top: 80%; width: 60px; height: 60px; } 
#side .icon { width: 60px; height: 60px; line-height: 60px; background: #ffffff; -webkit-box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2); box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2); text-align: center; } 
#side .icon img { max-height: 100%; vertical-align: middle; } 
#side .text { display: none; text-align: center; width: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 0; line-height: 24px; height: 60px; background: #2495e4; color: #ffffff; font-size: 14px; -webkit-box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2); box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2); } 
#side:hover .icon { display: none; } 
#side:hover .text { display: block; } 
.curriculum { background:#fff} 

.curriculum .course-View .navigation { padding: 0 30px; font-size: 12px; color: #999; line-height: 45px; height: 45px; } 
.curriculum .course-View .navigation a { display: inline-block; margin-right: 15px; color: #999; line-height: 45px; } 
/*.curriculum .course-View .courseInfo { padding: 20px 28px 40px;} */
.curriculum .course-View .courseInfo .images {
    position: absolute;
    left: 0;
    top: 0;
    width: 604px;
    height: 412px;
    border-radius: 6px;
    line-height: 294px;
    text-align: center;
} 
.curriculum .course-View .courseInfo .images img { height: 100%; width: 100%; vertical-align: middle; } 
.curriculum .course-View .courseInfo .courseInfo-text {
    width: 624px;
    float: right;
    height: 412px;
    position: relative;
} 
.curriculum .course-View .courseInfo .courseInfo-text .text { font-size:12px; color:#999; line-height: 24px; padding-bottom: 15px; } 
.curriculum .course-View .courseInfo .courseInfo-text .name {
    margin-bottom: 18px;
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}
.curriculum .course-View .courseInfo .courseInfo-text .name .name-right { float: right; } 
.curriculum .course-View .courseInfo .courseInfo-text .name a { display: block; color: #36404a; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.curriculum .course-View .courseInfo .courseInfo-text .name span { float:left; display: block; box-sizing: border-box; width:32px; height:32px; line-height: 32px; text-align: center; cursor: pointer; border:1px solid #ebebeb; } 

.curriculum .course-View .courseInfo .courseInfo-text .location .site { display: inline-block; float: left; } 
.curriculum .course-View .courseInfo .courseInfo-text .location .site span { float: left; height: 26px; padding: 0 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #2495e4; margin-right: 15px; border: 1px solid #2495e4; border-radius: 2px; } 
.curriculum .course-View .courseInfo .courseInfo-text .location .star { color: #8b8b8b; position: relative; float: left; height: 26px; } 
.curriculum .course-View .courseInfo .courseInfo-text .location .star img { height: 14px; display: block; overflow: hidden; } 
.curriculum .course-View .courseInfo .courseInfo-text .location .star #scoreImg { float: left; padding-top: 5px; line-height: 14px; font-size: 14px; color: #8b8b8b; overflow: hidden; } 
.curriculum .course-View .courseInfo .courseInfo-text .location .star #scoreImg .star-on { position: absolute; top: -1px; left: 0; background: #fff; z-index: 9; width: 0; overflow: hidden; height: 100%; background: url("../images/star-on.png") no-repeat left center; } 
.curriculum .course-View .courseInfo .courseInfo-text .location .star #courseScore { float: left; font-weight: normal; margin-left: 15px; font-size: 14px; color: #8b8b8b; line-height: 24px; } 
.curriculum .course-View .courseInfo .courseInfo-text .details { margin-top: 15px; color: #818a92; line-height: 24px; height: 72px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } 
.curriculum .course-View .courseInfo .courseInfo-text .price { font-size: 22px; color: #e64a3b; line-height: 42px; padding:10px 0 40px 0; } 
.curriculum .course-View .courseInfo .courseInfo-text .price .free_cor { color:#3c9f48 } 
.curriculum .course-View .courseInfo .courseInfo-text .price .money { font-size: 14px; margin-left: 20px; color: #b1b1b1; text-decoration: line-through; } 
.curriculum .course-View .courseInfo .courseInfo-text .price .vip { color: #e64a3b; background: url(vip.png) no-repeat 0 50%; padding-left: 20px; margin-left: 20px } 
.curriculum .course-View .courseInfo .courseInfo-text .enshrine { color:#aaa; } 
.curriculum .course-View .courseInfo .courseInfo-text .enshrine em { margin-left: 3px; } 
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_collect { margin-right: 15px; position: absolute; height: 24px; top: 15%; margin-top: -12px; right: 80px; width: 60px; height: 24px; cursor: pointer; } 
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_collect .collected { color: #2495e4; } 
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_zan .zaned { color: #2495e4; } 
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_zan { position: absolute; height: 24px; top: 15%; margin-top: -12px; right: 30px; width: 60px; height: 24px; cursor: pointer; } 
.curriculum .course-View .courseInfo .courseInfo-text .button .Buy { margin-right: 18px; width: 128px; height: 36px; background: #0D57EC; border-radius: 4px; color: #ffffff; line-height: 36px; font-size: 14px; text-align: center; } 
.curriculum .course-View .courseInfo .courseInfo-text .button .tryLearn {  
  margin-right: 18px;
    width: 227px;
    height: 60px;
    background: #3D7EFF;
    border-radius: 4px;
    color: #ffffff;
    line-height: 36px;
    font-size: 18px;
    text-align: center; } 
.curriculum .course-View .courseInfo .courseInfo-text .button input { cursor: pointer; } 
/* 新加的 */
.curriculum .expand { margin-bottom: 15px; } 
#expandinfo .expandinfo-title { font-size: 14px; color: #666; } 
#expandinfo .expandinfo-title .tips-icon { width: 16px; height: 16px; display: inline-block; position: relative; text-align: center; line-height: 16px; border-radius: 16px; background: #FF9800; color: #fff; cursor: pointer; } 
#expandinfo .expandinfo-title .tips-con { position: absolute; color: #FF9800; font-size: 12px; width: 220px; background: rgb(255, 250, 242); border: 1px solid #ffe6c2; padding: 5px 0; border-radius: 5px; bottom: 20px; left: 50%; margin-left: -10px; display: none; } 
#expandinfo .expandinfo-title .tips-icon:hover .tips-con { display: block; } 
#expandinfo ul { clear: both; } 
#expandinfo ul li { font-size: 12px; padding: 5px 10px; border: 1px solid #ddd; float: left; border-radius: 3px; margin-top: 10px; color: #666; } 
#expandinfo ul li span { color: #4CAF50; margin-left: 5px; } 
#expandinfo ul li.curr { border-color: #2495e4; color: #2495e4; } 
/* 新加的 */
.content_outer {} 
.content_outer .content-left { float: left; width: 1280px; min-height: 300px; margin-bottom: 80PX; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 36px 36px 36px; } 
.content_outer .content-right { float: right; margin-top: 15PX; width: 290px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 26px; min-height: 350px; background: #ffffff; border-radius: 4px; } 
.content_outer .content-right .instructor { border-bottom: 1px solid #eceef0; padding-bottom: 30px; } 
.content_outer .content-right .instructor h2 { margin-top: 8px; font-weight: normal; color: #464646; font-size: 18px; line-height: 24px; } 
.content_outer .content-right .instructor .text { margin-top: 25px; } 

.content_outer .content-right .instructor .text .images { float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 100%; overflow: hidden; } 
.content_outer .content-right .instructor .text .lct { float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 100%; overflow: hidden; } 
.content_outer .content-right .instructor .text .lct img { width: 100%; height: 100%; } 
.content_outer .content-right .instructor .text .rct { width: 150px; margin-top: 4px; } 
.content_outer .content-right .instructor .text .rct .tname { margin-top: 12px; font-size: 14px; line-height: 24px; } 
.content_outer .content-right .instructor .text .rct .tlever { font-size: 12px; line-height: 24px; } 
.content_outer .content-right .instructor .text a .images img { display: block; max-height: 100%; vertical-align: middle; } 
.content_outer .content-right .instructor .text a .matter { width: 150px; float: right; margin-top: 4px; } 
.content_outer .content-right .instructor .text a .matter .name { color: #464646; line-height: 24px; } 
.content_outer .content-right .instructor .text a .matter .education { font-size: 12px; line-height: 16px; color: #919191; } 
.content_outer .content-right .learner h2 { margin-top: 20px; font-size: 18px; line-height: 24px; font-weight: normal; color: #464646; } 
.content_outer .content-right .learner .inner { margin-top: 28px; } 
.content_outer .content-right .learner .inner ul { margin: 0 -15px; } 
.content_outer .content-right .learner .inner ul li { width: 33.33333333%; float: left; margin-bottom: 30px; } 
.content_outer .content-right .learner .inner ul li a { text-align: center; display: block; } 
.content_outer .content-right .learner .inner ul li a .images { margin: 0 auto; height: 52px; width: 52px; text-align: center; line-height: 52px; overflow: hidden; border-radius: 100%; } 
.content_outer .content-right .learner .inner ul li a .images img { max-height: 100%; height: 100%; display: block; vertical-align: middle; } 
.content_outer .content-right .learner .inner ul li a .monicker { color: #464646; font-size: 12px; line-height: 24px; text-align: center; } 
.courseTab {
    display: flex;
    align-items: center;
    justify-content: space-around;
    line-height: 36px;
    height: 67px;
    background: #fff;
    margin-bottom: 10px;
} 
.courseTab li.active { color: #3D7EFF; } 
.courseTab li.active:after { content: ""; display: block; width: 18px; height: 1px; background: #2495e4; position: absolute; left: 50%; margin-left: -9px; bottom: -1px; z-index: 20; } 
.tab-text .tab_course { display: none; padding-top: 36px; } 
.disnone{display: block;}
.tab-text .survey { color: #686e73; line-height: 36px; font-size: 14px; } 
.tab-text .Categories ul .sub1_a { display: block; line-height: 36px; background: #f6f7f7; color: #404040; font-size: 16px; } 
.tab-text .Categories ul .sub1_a span { margin-right: 30px; } 
.tab-text .Categories ul .sub2_a { display: block; line-height: 36px; background: #fff; color: #404040; font-size: 16px; } 
.tab-text .Categories ul .sub2_a span { margin-right: 30px; } 
.tab-text .Categories ul .sub3_a { display: block; color: #6d6d6d; font-size: 14px; line-height: 36px; } 
.tab-text .Categories ul .sub3_a span { margin: 0 30px 0 20px; } 
.tab-text .Categories ul .sub3_a .time { float: right; line-height: 36px; color: #b8b8b8; } 
.tab-text .Categories ul .sub3_a .icon { display: none; float: right; width: 36px; height: 36px; line-height: 36px; text-align: center; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */
 -webkit-transition: width 2s; /* Safari 和 Chrome */
 -o-transition: width 2s; } 
.tab-text .Categories ul .sub3_a .icon img { max-height: 100%; vertical-align: middle; } 
.tab-text .Categories ul .sub3_a:hover { background: #f6f7f7; } 
.tab-text .Categories ul .sub3_a:hover .icon { display: block; } 
.tab-text .Categories ul .sub2 ul { padding-bottom: 6px; border-bottom: 1px solid #f0f0f0; } 
.tab-text .Categories ul .sub1 ul { display: none; } 
.tab-text .mui-switch { width: 50px; height: 24px; position: relative; border: 1px solid #dfdfdf; background-color: #fdfdfd; -webkit-box-shadow: #dfdfdf 0 0 0 0 inset; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 20px; display: inline-block; -webkit-appearance: none; outline: none; } 
.tab-text .mui-switch:before { content: ''; width: 20px; height: 20px; position: absolute; top: 0px; left: 0; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } 
.tab-text .mui-switch:checked { background-color: #3eba84; } 
.tab-text .mui-switch:checked:before { left: 30px; } 
.tab-text .Class_data ul li { background: #eeeeee; position: relative; display: block; margin-bottom: 15px; padding: 5px 80px 5px 15px; } 
.tab-text .Class_data ul li .dataname { line-height: 24px; font-size: 14px; color: #6b6b6b; } 
.tab-text .Class_data ul li .datainfo { line-height: 24px; font-size: 12px; color: #cacaca; } 
.tab-text .Class_data ul li .databtn { position: absolute; right: 20px; top: 50%; margin-top: -13px; text-align: center; width: 57px; height: 26px; line-height: 26px; background: #2495e4; border: 1px solid #2495e4; border-radius: 2px; color: #ffffff; font-size: 12px; } 
.tab-text .Class_data ul li:hover { background: #eeeeee; } 
.tab-text .report-list ul li { display: block; position: relative; padding: 0 80px 0 40px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } 
.tab-text .report-list ul li .dot_big2 { width: 10px; height: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #efefef; border-radius: 100%; position: absolute; left: 18px; top: 50%; margin-top: -5px; } 
.tab-text .report-list ul li .my_appointment { display: none; width: 57px; height: 26px; background: #2495e4; border-radius: 4px; color: #ffffff; font-size: 12px; line-height: 26px; text-align: center; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; right: 20px; top: 50%; margin-top: -13px; } 
.tab-text .report-list ul li .time2_xx { font-size: 16px; line-height: 50px; } 
.tab-text .report-list ul li:hover { background: #eeeeee; } 
.tab-text .report-list ul li:hover .dot_big2 { border: 1px solid #2495e4; } 
.tab-text .report-list ul li:hover .my_appointment { display: block; } 
.news_list .news_left { width: 970px; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.news_list .news_left ul li { margin-bottom: 20px; padding: 10px 15px; background: #ffffff; border-radius: 2px; } 
.news_list .news_left ul li .list_title .date { float: left; text-align: center; width: 46px; height: 46px; background: #f5f5f5; border-radius: 50%; line-height: 22px; } 
.news_list .news_left ul li .list_title .date i { line-height: 16px; margin-top: 8px; display: block; font-size: 15px; color: #666666; } 
.news_list .news_left ul li .list_title .date span { display: block; font-size: 12px; color: #a5a5a5; } 
.news_list .news_left ul li .list_title .texts { float: right; width: 860px; } 
.news_list .news_left ul li .list_title .texts .spreadhead { font-size: 18px; line-height: 30px; color: #595959; } 
.news_list .news_left ul li .list_title .subhead { font-size: 12px; line-height: 18px; color: #a5a5a5; } 
.news_list .news_left ul li .inner { margin-top: 22px; margin-bottom: 15px; } 
.news_list .news_left ul li .inner .images { float: left; width: 264px; height: 148px; overflow: hidden; } 
.news_list .news_left ul li .inner .images img { max-width: 100%; } 
.news_list .news_left ul li .inner .texts { padding-top: 8px; width: 636px; float: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 13px; font-size: 13px; line-height: 24px; color: #878687; } 
.news_list .news_left ul li .inner .texts .more { font-size: 12px; color: #30ade5; } 
.news_list .news_right { width: 23%; float: right; } 
.news_list .news_right .Popular { background: #fff; } 
.news_list .news_right .Popular .title { padding: 0 20px; font-size: 18px; line-height: 46px; border-radius: 2px; } 
.news_list .news_right .Popular .inner { padding:0 10px 10px 10px; } 
.news_list .news_right .Popular .inner ul li { padding-right: 15px; position: relative; line-height: 36px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.news_list .news_right .Popular .inner ul li:nth-child(1),.news_list .news_right .Popular .inner ul li:nth-child(2),.news_list .news_right .Popular .inner ul li:nth-child(3){padding-left: 36px; }
.news_list .news_right .Popular .inner ul li span { text-align: center; height: 16px; line-height: 16px; width: 16px; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; font-size: 14px; color: #ffffff; background: #d2d2d2; border-radius: 2px; display: none;} 
.news_list .news_right .Popular .inner ul li:first-child span { background: url(../images/new_index_img/icon/fire.png); background-size: cover; display: block;} 
.news_list .news_right .Popular .inner ul li:nth-child(2) span { background: url(../images/new_index_img/icon/fire.png); background-size: cover; display: block; } 
.news_list .news_right .Popular .inner ul li:nth-child(3) span { background: url(../images/new_index_img/icon/fire.png); background-size: cover; display: block; } 
.news_list .news_details { width: 75%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px;    position: relative;margin-top: 43px; } 
.news_list .news_details .news_details_title { line-height: 36px; font-size: 14px; color: #939292;position: absolute;top: -40px;left: 0; } 
.news_list .news_details .headline .date { float: left; text-align: center; width: 46px; height: 46px; background: #f5f5f5; border-radius: 50%; line-height: 22px; margin-right: 15px; } 
.news_list .news_details .headline .date i { line-height: 16px; margin-top: 8px; display: block; font-size: 15px; color: #666666; } 
.news_list .news_details .headline .date span { display: block; font-size: 12px; color: #a5a5a5; } 
.news_list .news_details .headline .tests { text-align: center}
.news_list .news_details .headline .tests h2 { line-height: 30px; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.news_list .news_details .bottom { margin-top:10px; color:#aaa; } 
.news_list .news_details .headline .tests .bottom span { display: inline-block; position: relative; line-height: 20px; margin-right: 4px; font-size: 14px; padding-left: 24px; color:#aaa; } 
.news_list .news_details .headline .tests .bottom span img { height: 16px; position: relative; top:3px; margin-right: 5px; opacity: 0.6; } 
.news_list .news_details .details { padding: 30px 0; } 
.news_list .news_details .details,
.news_list .news_details .details  { font-size: 16px !important; line-height: 32px !important; color:#444 !important;min-height: 350px;} 
.news_list .news_details .details_bottom .collect { float: left; display: inline-block; position: relative; line-height: 24px; padding-left: 20px; } 
.news_list .news_details .details_bottom .collect span { display: inline-block; line-height: 18px; margin: 0 6px; } 
.news_list .news_details .details_bottom .share { float: left; position: relative; display: inline-block; height: 24px; line-height: 24px; padding-left: 20px; } 
.news_list .news_details .details_bottom .icon { position: absolute; left: 0; top: 50%; margin-top: -9px; } 
.news_list .news_details .details_bottom .icon_1,
.news_list .news_details .details_bottom .icon_2 { display: block; width: 18px; height: 18px; } 
.news_list .news_details .details_bottom .icon_2 { display: none; } 
.news_list .news_details .essay .Karma { margin: 15px 0 20px 0; line-height: 44px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #eee; position: relative; } 
.news_list .news_details .essay .Karma::after { content: ''; width: 4em; height: 2px; background: #2495e4; position: absolute; bottom: -1px; left: 0; } 

.news_list .news_details .essay .discuss { border: none; width: 100%; height: 110px; background: #e1dfe2; border-radius: 2px; overflow: auto; line-height: 24px; color: #d4d0d0; } 
.news_list .news_details .essay .discuss::-webkit-input-placeholder { color: #b5b0b0; text-indent: 1em; } 
.news_list .news_details .essay .discuss:-moz-placeholder { color: #b5b0b0; text-indent: 1em; } 
.news_list .news_details .essay .discuss:-ms-input-placeholder { color: #b5b0b0; text-indent: 1em; } 
.news_list .news_details .essay .publish { margin-top: 15px; text-align: right; } 
.news_list .news_details .essay .publish .announce { text-align: center; width: 86px; height: 31px; background: #eeeeee; border: 1px solid #dcdcdc; border-radius: 4px; } 
.news_list .news_details .Guest_book { margin-top: 32px; } 
.news_list .news_details .Guest_book .icon { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; } 
.news_list .news_details .Guest_book .icon img { max-width: 100%; } 
.news_list .news_details .Guest_book .Message { padding-bottom: 30px; border-bottom: 1px solid #dedbdb; width: 850px; } 
.news_list .news_details .Guest_book .Message .name { font-size: 12px; line-height: 24px; color: #30ade5; } 
.news_list .news_details .Guest_book .Message .Message_text { font-size: 13px; line-height: 22px; color: #a1a1a1; } 
.news_list .news_details .Guest_book .Message .point .peak { padding-left: 26px; position: relative; line-height: 24px; display: inline-block; font-size: 13px; color: #a1a1a1; } 
.news_list .news_details .Guest_book .Message .point .peak span { margin-right: 6px; cursor: pointer; } 
.news_list .news_details .Guest_book .Message .point .peak .iconx { position: absolute; left: 0; width: 16px; height: 16px; top: 50%; margin-top: -8px; } 
.news_list .news_details .Guest_book .Message .point .peak .icon_2 { display: none; } 
.news_list .news_details .Guest_book .Message .point .reply { display: inline-block; font-size: 12px; position: relative; line-height: 24px; color: #a1a1a1; cursor: pointer; } 
.news_list .news_details .Guest_book .Message .response_bg { padding-left: 24px; } 
.news_list .news_details .Guest_book .Message .response { margin-top: 15px; background: #f5f5f5; padding: 18px 20px; } 
.news_list .news_details .Guest_book .Message .response .text_response { width: 100%; height: 54px; line-height: 20px; border: 1px solid #eeeeee; overflow: auto; } 
.news_list .news_details .Guest_book .Message .response .more { margin-top: 6px; float: right; text-align: center; display: block; width: 46px; height: 28px; font-size: 12px; color: #ffffff; background: #2495e4; border-radius: 4px; } 

/* 新闻内页评论 */
.news_details .essay .username,
.news_details .essay .password { width: 130px; border: 1px solid #dee8ee; padding: 0 5px; height: 30px; line-height: 30px; transition: .3s; margin-right: 10px; } 
.news_details .essay .username:focus,
.news_details .essay .password:focus { border: 1px solid #2495e4; } 
.news_details .essay label { color:#777; line-height: 24px; } 

.news_list .news_details .essay textarea { color: #999; font-size: 14px; padding:15px; border: 1px solid #e6e6e6; margin-top: 15px; height: 120px; width: 100% !important; box-sizing: border-box; outline: none; } 
.news_list .news_details .essay textarea:focus { border:1px solid #2495e4; } 
.news_list .news_details .essay .rightcmtnum a { color: #999; padding-left: 17px; } 
.commenttips { line-height: 34px; height: 34px; font-size: 14px; color: #999; margin-top: 10px; } 
.magic_lantern .lat-magicl { float: left; width: 790px; position: relative; overflow: hidden; } 
/* 新闻内容评论 */
#cmttbody { padding:20px 0; margin-bottom: 20px; border-bottom: 1px solid #eee; } 
#cmttbody .goodandbadright { font-size: 14px; padding-top: 5px; } 
#cmttbody p { font-size: 14px; margin-top: 5px; } 
#cmttbody li { position: relative; padding-left: 70px; padding-right: 30px; margin-bottom: 30px; } 
#cmttbody li .goodandbadleft { width:50px; height: 50px; position: absolute; left: 0; top: 0; border-radius: 100%; overflow: hidden; } 
#cmttbody li .goodandbadleft img { line-height: 50px; max-width: 100%; vertical-align: middle; } 

#cmttbody li .goodandbadright span { color: #909090; } 
.magic_lantern .lat-magicl .owl-theme .item { display: block; background-position: top center; background-repeat: no-repeat; height: 100%; width: 100%; background-size: auto 100%; } 
.goodandbad_num { position: absolute; width: 30px; right: 0; top: 50%; margin-top: -25px; } 
.magic_lantern { padding-top:20px; background: #f8f9ff; } 
.magic_lantern .lat-magicl .owl-theme .item .text { display: block; width: 100%; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 14px; line-height: 42px; background: rgba(0, 0, 0, 0.2); opacity: 0.85; } 
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-dots { position: absolute; bottom: 2%; width: 100%; } 
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-prev,
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-next { position: absolute; bottom: 50%; padding: 15px 10px; } 
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-prev { left: 5%; } 
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-next { right: 5%; } 
.magic_lantern .lat-magicl #owl-demo,
.magic_lantern .lat-magicl #owl-demo .owl-wrapper-outer,
.magic_lantern .lat-magicl #owl-demo .owl-wrapper,
.magic_lantern .lat-magicl #owl-demo .owl-item,
.magic_lantern .lat-magicl { height: 390px; } 
.magic_lantern .lat-magicl .swiper-slide { text-align: center; font-size: 18px; background: #fff; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.magic_lantern .magicr { float: right; width: 582px; height: 390px; overflow: hidden; } 
.magic_lantern .magicr ul li { float: left; width: 282px; margin-bottom: 17px; } 
.magic_lantern .magicr ul li a .images { position: relative; width: 282px; height: 185px; overflow: hidden; } 
.magic_lantern .magicr ul li a .images .text { width: 100%; padding: 0 15px; box-sizing: border-box; color: #fff; position: absolute; left: 0; bottom: 0; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); overflow: hidden; white-space: nowrap; font-size: 14px; text-overflow: ellipsis; line-height: 44px; } 
.magic_lantern .magicr ul li a .images img { display: block; min-height: 100%; vertical-align: middle; } 
.magic_lantern .magicr ul li:nth-child(2n) { float: right; } 
.newslist .news-newslistl { width: 75%; float: left; border: 1px solid #f0f0f0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; } 
.newslist .news-newslistl .news-newslistT { padding: 15px; background: #fff; border-bottom: 1px solid #eee; } 
.newslist .news-newslistl .news-newslistT h2 { font-weight: normal; height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #333; line-height: 35px; padding-left: 15px; } 
.newslist .news-newslistl .newslistl_ul { background: #fff; padding: 0 20px 20px; } 
.newslist .news-newslistl .newslistl_ul ul li { background: #fff; padding: 20px 0; border-bottom: 1px solid #f0f0f0; height: 150px; position: relative; } 
.newslist .news-newslistl .newslistl_ul ul li:last-child { border-bottom: 1px solid #fff } 
.newslist .news-newslistl .newslistl_ul ul li .media-left1 { width: 230px; height: 150px; position: absolute; left: 0px; top: 20px; line-height: 150px; overflow: hidden; } 
.newslist .news-newslistl .newslistl_ul ul li .media-left1 img { display: block; width: 100%; vertical-align: middle; min-height: 100%; } 
.newslist .news-newslistl .newslistl_ul ul li .text .title { margin-bottom: 10px; font-size: 18px; font-weight: normal; } 
.newslist .news-newslistl .newslistl_ul ul li .text .title span { color: #fff; background-size: auto 100%; background: -webkit-gradient(linear, left top, right top, from(#ff663d), to(#ff3d66)); background: linear-gradient(to right, #ff663d, #ff3d66); padding: 0px 10px; display: inline-block; position: relative; top: -2px; margin-right: 15px; } 
.newslist .news-newslistl .newslistl_ul ul li .text .title span:after { content: ""; position: absolute; top: 50%; margin-top: -4px; right: -4px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-left: 4px solid #ff3d66; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } 
.newslist .news-newslistl .newslistl_ul ul li .text .matter { position: relative; font-size: 14px; height: 52px; color: #999; line-height: 26px; overflow: hidden; } 
.newslist .news-newslistl .newslistl_ul ul li .text .matter .more { position: absolute; bottom: 0; left: 50%; margin-left: 30px; z-index: 10; display: inline-block; font-size: 12px; line-height: 26px; color: #30ade5; } 
.newslist .news-newslistl .newslistl_ul ul li .text .media_info { position: relative; margin-top: 15px; } 
.newslist .news-newslistl .newslistl_ul ul li .text .media_info span { line-height: 24px; color: #999; font-size: 12px; padding-right: 15px; padding-left: 20px; position: relative; } 
.newslist .news-newslistl .newslistl_ul ul li .text .media_info .more { position: absolute; top: 50%; right: 0; margin-top: -13px; z-index: 10; display: inline-block; font-size: 12px; line-height: 26px; color: #30ade5; } 
.newslist .news-newslistl .newslistl_ul ul li .text .media_info span i { position: absolute; left: 0; top: 50%; margin-top: -8px; height: 16px; width: 16px; display: block; } 
.newslist .news-newslistl .newslistl_ul ul li .text .media_info span i img { display: block; min-height: 100%; vertical-align: middle; } 
.newslist .news-newslistr { width: 23%;margin-left: 20px;float: right; } 
.newslist .news-newslistr .news-newslistBox { padding: 20px; border: 1px solid #eee; background: #fff; } 
.newslist .news-newslistr .news-newslistBox .information-tit { font-size: 16px; line-height: 20px; margin: 5px 0 15px; border-left: 2px solid #E64A3B; padding-left: 15px; color: #6c6c6c; } 
.newslist .news-newslistr .news-newslistBox .information { padding-left: 10px; } 
.newslist .news-newslistr .news-newslistBox .information h3 { font-weight: normal; font-size: 14px; line-height: 36px; color: #6c6c6c; } 
.newslist .news-newslistr .news-newslistBox .information h3 a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.newslist .news-newslistr .news-newslistBox .information h3 a span { padding-right: 10px; margin-right: 4px; position: relative; } 
.newslist .news-newslistr .news-newslistBox .information h3 a span:after { position: absolute; content: ""; height: 14px; right: 0; width: 2px; background: #6c6c6c; display: block; top: 50%; margin-top: -7px; } 
.newslist .news-newslistr .news-newslistBox .information .hot-spot { padding-bottom: 15px; border-bottom: 1px #dedede dashed; margin-bottom: 5px; } 
.newslist .news-newslistr .news-newslistBox .information .hot-spot li { padding-left: 15px; text-overflow: ellipsis; line-height: 36px; overflow: hidden; white-space: nowrap; font-size: 12px; color: #6c6c6c; background: url("../images/li_img.png") no-repeat left center; } 
.newslist .news-newslistr .news-newslistBox .information .hot-spot li a { display: block; color: #6c6c6c; } 
#fenye { padding:30px 0; text-align: center; } 
#fenye table,#fenye tbody,#fenye tr { display: block; } 
#pagelist { display: block; width: 100%; height: 24px; line-height: 24px; text-align: center } 
#pagelist a { display: inline-block; padding: 0 10px; background: #fff } 
#pagelist a:hover { color: #2495e4; } 
#pagelist a.curr { color: #2495e4; } 


/*课时清单*/
.chapter-name { font-size: 16px; padding: 0 15px 0 55px; height:44px; line-height:44px; background: #f6f6f6; font-weight: bold; color:#7e838c; position: relative; border: 1px solid #e6e6e6; box-sizing: border-box } 
.chapter-box { padding: 15px 0 15px 15px; position: relative; } 

.chapter-index { width:22px; height: 22px; border:3px solid #7e838c; border-radius: 50%; text-align: center; line-height: 22px; position: absolute; left:15px; top:50%; margin-top:-14px; } 
.section-name { font-size:14px; line-height:44px; font-weight:bold; height:44px; position: relative; color:#919491; border:1px solid #e6e6e6; padding:0 15px; z-index: 9; background: #fafafa; box-sizing: border-box } 

.chapter-box::before,
.keshi::before { content: ''; width: 1px; height: 100%; position: absolute; top:0; background: #e6e6e6; z-index: 1; } 
.chapter-box::before { left:30px; } 
.keshi::before { left:85px; } 

.keshi { margin-left:15px; position: relative; } 
.keshi .keshi-url { display: block; position: relative; height: 44px; line-height: 44px; font-size: 14px; padding: 0 15px 0 105px; transition: .3s; } 
.keshi .keshi-url:hover { color:#333; background: #f5fbfe } 
.keshi .type-name { width: 75px; position: absolute; left:0; top:0; text-align: center; color:#919491 } 


.keshi .learn-state { width: 16px; height: 16px; position: absolute; left:75px; border:2px solid #989aa1; border-radius: 50%; top:50%; margin-top:-10px; background: #fff; z-index: 9; } 
.keshi .learn-state span { width:16px; height:16px; display: block; background-image: url(learn-state.png); background-repeat: no-repeat; background-size: 100%; } 
.keshi .learn-state .schedule-icon0 { background-image: none } 
.keshi .learn-state .schedule-icon10,
.keshi .learn-state .schedule-icon20,
.keshi .learn-state .schedule-icon30 { background-position: 0 -16px; } 
.keshi .learn-state .schedule-icon40,
.keshi .learn-state .schedule-icon50,
.keshi .learn-state .schedule-icon60 { background-position: 0 -32px; } 
.keshi .learn-state .schedule-icon70,
.keshi .learn-state .schedule-icon90 { background-position: 0 -48px; } 
.keshi .learn-state .schedule-icon100 { background-position: 0 0; } 
.keshi .learn-btn { position: absolute; right:0; top:6px; height: 32px; line-height: 32px; width: 64px; text-align: center; background: #E64A3B; color:#fff; font-size: 12px; z-index: 9; display: none } 
.keshi .learn-btn:hover { background: #E64A3B } 
.keshi .unlearn .learn-btn { background: #E64A3B } 
.keshi .unlearn .learn-btn:hover { background:#E64A3B } 
.keshi .keshi-duration { float:right; font-size:12px; color:#a3a7a8; background: url(play.png) no-repeat 0 50%; padding-left: 20px; } 
.keshi .zl-link-tips { width:69px; height: 26px; line-height: 22px; background: url(tips.png) no-repeat; color:#fff; position: absolute; left:50%; margin-left:-35px; top:-15px; text-align: center; display: none } 
.keshi .zlicon { float:right; width:44px; height: 44px; position: relative; z-index: 9; background: url(icon-zl.png) no-repeat 50% 50%; position: relative; transition: .3s; right: 0 } 
.keshi .zlicon:hover .zl-link-tips { display: block; } 
.keshi .zlicon-disabled { background:url(icon-zl-dis.png) no-repeat 50% 50%; } 
.keshi .free { color:#e7352b; margin-left:15px; } 
.keshi .purchased { color:#e7352b; } 

.keshi:hover .keshi-url { padding-right: 104px; } 
.keshi:hover .zlicon { right:64px } 
.keshi:hover .learn-btn { display: block } 

.keshi-exam { padding-left: 105px; margin:5px 0; } 
.keshi-exam a { color:#5b5b5b; line-height:24px; font-size:14px; } 
.keshi-exam a:hover { color: #2495e4 } 
.keshi-exam span { background: #fafafa; padding: 3px 6px; border-radius: 3px; margin-right: 10px } 

.post-file { margin: 0 6px; } 

/* 打折 */
.discount { margin-bottom: 15px; } 
.discount li { display: inline-block; /* padding: 0 15px; background: #f7d8f7; line-height: 30px; */
 color: #2495e4; margin-right: 15px; } 
/*问答输入回复*/

.wd-tabcont { width:100%; height:32px; line-height:32px; font-size:14px; } 
.wd-tab1 { float:right; margin:0px; display:block; height:30px; line-height:30px; text-align:center; cursor:pointer; padding:0px 15px; border-bottom:none; border:1px solid #fff; color: #999; } 
.wd-tab2 { float:right; display:block; height:31px; cursor:pointer; line-height:30px; text-align:center; border:1px #ddd solid; padding:0px 15px; color:#888; border-bottom:1px solid #fff; border-radius:4px 4px 0 0; } 
.wd-cont { border:1px #ddd solid; border-radius:4px; width:100%; height:140px; } 
.wd-chat { resize:none; outline:none; border:none; margin-left:15px; height:110px; overflow:auto; margin-top:15px; width:88%; font-size:15px; } 
.wd-icon { float:right; width:60px; height:60px; margin-top:70px; margin-right:15px; } 
/*开关特效*/
.mp_20 { margin-top:20px; height:20px; } 
#div1 { width:42px; height:24px; border-radius:20px; position:relative; cursor:pointer; float:left; } 
#div2 { width:22px; height:22px; border-radius:20px; position:absolute; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.4) } 
.open1 { background:#2495e4; border:1px solid #2495e4; } 
.open2 { top:0px; right:0px; } 
.close1 { background:#f5f5f5; border:1px solid #d3d3d3; } 
.close2 { left:0; top:0; } 
.ml_10 { margin-left: 5px; } 
.sends { border:none; /* height:32px; */line-height: 32px; width:100px; background-color:#2495e4; color:#fff; border: 1px solid #eee; float:right; border-radius:3px;; font-size:14px; transition: .3s; cursor: pointer; } 
.sends:hover { background-color: #1e96d7; color: #fff; border: 1px solid #1e96d7; } 
/*图片上传特效*/
.post-img { float:left; margin-top:-22px; position:relative; z-index:100; opacity:0; } 
.post-file { display:inline-block; width:25px; height:25px; overflow:hidden; cursor:pointer; } 
.upshow li { width:50px; float:left; height:50px; overflow: hidden; margin-right:10px; margin-top:10px; } 
.upshow li img { min-width:100%; height:100%; } 
/*radio*/
input[type="checkbox"] { width: 17px; height: 17px; -webkit-appearance: none; cursor: pointer; background-image: url(check.png); background-repeat: no-repeat; vertical-align: middle; margin-right: 10px; } 
 /*checkbox*/
input[type="checkbox"]:checked { background-position: 0 -17px; } 
input[type="checkbox"]:disabled { background-position: -17px 0; } 
input[type="checkbox"]:checked:disabled { background-position: -17px -17px; } 

input[type="radio"] { width:17px; height:17px; -webkit-appearance:none; cursor: pointer; background-image: url(radio.png); background-repeat: no-repeat; vertical-align:middle; margin-right: 5PX; } 
input[type="radio"]:checked { background-position: 0 -17px; } 
input[type="radio"]:disabled { background-position: -17px 0; } 
input[type="radio"]:checked:disabled { background-position: -17px -17px; } 
input[name="addressId"],
input[name="DeliveryID"],
input[name="invoiceId"],
input[name="InvoiceContent"],
input[name="PayMentID"] { float:left; margin:2px 10px 0 0; } 
input[name="PayMentID"] { margin-top:0px; float:none; } 



/*论坛回复词条*/
.lunt-com { width:820px; min-height:180px; margin:0px auto; } 
.lunt-main { padding:20px 0px 0px 70px; position:relative; border-bottom: 1px solid #ebebeb; } 
.lunt-head { width:50px; height:50px; border-radius:50%; overflow:hidden; position: absolute; left:0px; top:20px; } 
.lunt-head img { min-height:100%; min-width:100%; max-height:100%; max-width:100%; } 
.lunt-name { font-size:12px; line-height:35px; } 
.lunt-cents { font-size:14px; line-height:24px; min-height:24px; } 
.lunt-cents img { max-width: 200px; } 
.lunt-cents .gifetips img { height:24px; } 
.lunt-cents .emotico { width: 15px; height: 15px; margin: 0 2px; } 
.lunt-cents .gifetips font { color:#ff4000; } 
.lunt-time { font-size:12px; color:#999; float:left; line-height:30px; } 
.lunt-opinion { font-size:14px; color:#999; float:right; line-height:30px; } 
.lunt-mark { height:30px; margin:5px 0 10px 0px; clear:both; } 
.im { cursor:pointer; } 
.lunt-bt { display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px; } 
.lunt-text { width:100%; padding:10px; outline:none; border: 1px solid #ddd; } 
.lunt-pos { color:white; float:right; border:none; height:30px; width:80px; background-color:#2495e4; border-radius:30px; } 
.lunt-mark .info { background-position:0px; display: inline-block; background-image:url(info.png); background-repeat:no-repeat; background-size: 16px 16px; width: 16px; height: 16px; cursor:pointer; margin-bottom: -3px; margin-left:5px; margin-right:5px; } 
.ani { display: inline-block; background-image:url(steps_praised.png); background-repeat:no-repeat; background-size: 483px 28px; width: 24px; height: 28px; cursor:pointer; margin-bottom: -4px; } 
.ani_1 { background-position:0px; } .ani_2 { background-position:-20px } .ani_3 { background-position:-43px } 
.ani_4 { background-position:-65px } .ani_5 { background-position:-89px } .ani_6 { background-position:-112px } 
.ani_7 { background-position:-135px } .ani_8 { background-position:-158px } .ani_9 { background-position:-182px; width: 26px; } 
.ani_10 { background-position:-206px; width: 24px; } .ani_11 { background-position:-229px; width: 24px; } .ani_12 { background-position:-253px; width: 24px; } 
.ani_13 { background-position:-276px; width: 24px; } .ani_14 { background-position:-299px; width: 24px; } .ani_15 { background-position:-321px; } 
.ani_16 { background-position:-344px; } .ani_17 { background-position:-368px; } .ani_18 { background-position:-389px; } .ani_19 { background-position:-412px; } 
.ani_20 { background-position:-435px; } .ani_21 { background-position:-460px; } 
.zan-hover.ani_1 { background-position:-460px; } 

.message_textarea_wrap { padding-right:22px; } 
.message_textarea { height:120px; padding:10px; border:1px solid #e3e3e3; width:100%; border-radius:4px; transition: .3s; } 
.message_textarea:focus { border:1px solid #2495e4; } 
.message_operate { margin-top:10px; } 

.pj_box { padding:15px; border:1px solid #eee; background:#fff; margin-bottom:20px; position: relative; } 

/*名师内页评价*/
#addPJ1 { padding:20px 20px 30px 20px; margin-top:20px; text-align:center; font-size:14px; background:#fff; position: absolute; top:0; right: 0; border:1px solid #e3e3e3; box-shadow: 0 1px 4px #e6e6e6; } 

#addPJ1 .pj_box_textarea { width:304px; border:1px solid #e5e5e5; margin-top:10px; resize:none; outline:none; height:60px; padding:10px; color:#909090; -webkit-transition:0.3s; transition:0.3s; text-align: left; } 

.commentlist { font-size: 12px; } 
.commentlist .gray { color: #999; font-size: 14px; } 
.commentlist .barbox { width: 220px; } 
.commentlist .barbox .barleft { font-size: 12px; color: #999; margin-bottom:5px; } 
.commentlist .barbox .barright { height:5px; background: #e3e3e3; margin-bottom:5px; border-radius:10px; overflow:hidden; } 
.commentlist .barbox .red { background:#b2dac2; height:5px; } 
.commentlist .cmtBtn { background:none; border:1px solid #e0b2b2; /* height:32px; */ line-height:32px; padding:0 20px; color:#fff; border-radius: 3px; cursor: pointer; font-size:14px; background:#e0b2b2; } 
.boxtit { margin-top: 20px; font-size: 16px; } 
.commentlist .cmtBtn:hover { background:#ff4000; color:#fff; border:1px solid #ff4000; } 
.avatar { width:45px; height:45px; position:absolute; left:15px; top:15px; } 
.avatar img { width:45px; height:45px; border-radius:45px; } 
.comment-con { padding: 10px 0 10px 80px; text-align:left; } 
.user-txt { height:20px; line-height:20px; color: #999; margin-bottom:5px; } 
.comment-txt { margin-bottom:5px; } 
.user-txt em { font-size:14px; } 
.user-txt span { float:right; color:#909090; line-height: 20px; font-size: 14px; } 
.comment-txt { line-height:22px; font-size:14px; margin-top:6px; } 
.ctop2 { margin-top:3px; } 
.comment-txt .star { height:22px; float:left; margin-right:10px; } 
.comment-txt span.level { color:#909090; } 
.comment-txt em { color:#909090; padding-left:5px; } 
.cmttop { width: 100%; margin: 0 auto; height: 44px; line-height: 44px; border-bottom:1px solid #EEE; } 
.cmttop .cmtlist span.active { border-bottom: 2px solid #E64A3B; position: relative; margin-bottom: -2px; background: #fff; color:#E64A3B; } 
.cmttop .cmtlist span { float: left; padding:0; margin-right:40px; text-align: center; cursor: pointer; border-bottom: none; min-height: auto; font-size: 14px; color: #666; } 
.cmttop .cmtlist span em { font-style: normal; } 
#con_comment1 { min-height: 50px !important; padding-top: 10px; } 
#con_comment1 .comment-item { position: relative; } 

/****************************
paging
*****************************/
.empty {
    text-align: center;
    margin: auto;
    padding: 150px 0px 40px 0px;
    background: url(../images/teacher/xiaoxi.png) no-repeat 50% 10px;
    background-size: 320px;
    height: 271px;
    line-height: 360px;
    font-size: 16px;
    color: #999999;
}

.data-errer { text-align: center; font-size: 14px; color: #bbb; padding: 150px 0px 40px 0px; line-height: 24px; background: url(../images/errer.png) no-repeat 50% 60px; } 

.empty a { width:120px; height:36px; line-height:36px; text-align: center; display: block; margin:0 auto; background:#2495e4; color:#fff; border-radius:3px; margin-top:15px; } 
.empty a:hover { background:#2495e4; } 

/*课程信息*/
.posnav { padding: 0 30px; font-size: 12px; color: #999; line-height: 45px; height: 64px!important; } 
.courseCode { position: relative; } 
.er_code { position: absolute; top: 30px; width: 120px; height: 120px;; left: -50px; z-index: 9; display: block; border: 1px solid #eee; background: #fff; padding: 10px; display: none; } 
.er_code img { display: block; min-width:120px; min-height:120px; } 
.courseCode:hover .er_code { display:block; } 
.courseView { background:url(coursebg.jpg) no-repeat center; padding: 50px 0; background-size: 100% 100%; } 
.courseView .box { background:#fff; border:1px solid #e6e6e6; position: relative; } 
#CouponList li .more a { display: inline-block; clear: both; color: #888; border-bottom: 1px solid #888; line-height:25px; margin-bottom: 10px; } 
.courseInfo { position:relative; min-height:440px; } 
.courseInfo .image { width:500px; height:300px; position:absolute; left:30px; top:20px; overflow: hidden; } 
.courseInfo .image embed { z-index:1; position:relative; } 
.courseInfo .image #view_flv { width:480px; height:300px; position:relative; z-index:99; } 
.courseInfo .image img { width:100%; height:100%; } 
.courseInfo-right { padding-top:5px; padding-left: 580px; } 
.courseInfo-right .course-type { height: 24px; line-height: 24px; background: #eee; padding: 0 12px; border-radius: 4px; display: inline-block; margin:5px 0; color:#888; } 
.courseInfo-right .name { font-size:24px; line-height:34px; color:#222; } 
.courseInfo-right .name-right { float:right; } 
.courseInfo-right .name-right span { float:left !important; width:32px; height:32px; line-height: 32px; text-align: center; cursor: pointer; border:1px solid #ebebeb; margin-left:-1px; } 
.courseInfo-right .c_zan,
.courseInfo-right .c_collect { float:right; line-height:44px; margin:0 10px; color:#9b9b9b; cursor: pointer; } 
.courseInfo-right .c_zan i,
.courseInfo-right .c_collect i { margin-right:3px; float:left; color:#b2b2b2; } 
.courseInfo-right .c_zan .zaned { color:#f26c60; } 
.courseInfo-right .c_collect .collected { color:#f26c60; } 

.courseInfo-right .name-right em { font-size:12px; } 
.courseInfo-right #bdshare { text-align: center !important; padding-bottom:0px !important; margin-right: 2px; } 
#collect_course,
.courseInfo-right .name-right .courseCode { line-height:28px; } 

.courseInfo-right .name-right span:hover { color:#2495e4; } 
.courseInfo-right .name-right .collected { color:#ea685a !important; } 

.courseInfo-right #CouponList li { float:left; } 
.courseInfo-right .star { height:24px; line-height:24px; overflow:hidden; margin-top:15px; color:#999; } 
.courseInfo-right .star span { position:relative; float:left; height:14px; margin-top: 4px; overflow:hidden; } 
.courseInfo-right .star-on { position:absolute; top:50%; margin-top: -7px;; left:0; background:#fff; z-index:9; width:0px; overflow:hidden; height:100%; } 
.courseInfo-right .star img { height:100%; display:block; overflow:hidden; } 
.courseInfo-right .star b { font-weight:normal; color:#999; margin:0 5px 0 15px; } 
.courseInfo-right .coursedesc { font-size:14px; padding-top:10px; } 
.courseInfo-right .coursedesc span { padding-right:10px; } 
.courseInfo-right .status { height:38px; line-height:38px; overflow:hidden; color:#b1b1b1; margin-top:5px; } 
.courseInfo-right .status span { padding-right:60px; } 
.courseInfo-right .status b { font-size:18px; font-weight:normal; color:#333; padding-right:5px; } 
.courseInfo-right .status .ksed { float:right; padding-right:15px; } 
.courseInfo-right .price { height:44px; line-height:44px; } /*2017年8月8日18:41:52*/
.courseInfo-right .price span { float:left; position:relative; } 
.courseInfo-right .price .qgbg { display:none; } 
.courseInfo-right .price .spanHover { cursor:pointer; position:relative; padding-left:21px; margin-left:30px; } 
.courseInfo-right .price .fan { color:#e91c35; background:url(fan.png) no-repeat 0 50%; padding-left: 20px; margin-left: 20px; } 
.courseInfo-right .price .vip { color:#e91c35; background:url(vip.png) no-repeat 0 50%; padding-left: 20px; margin-left: 20px; } 
.courseInfo-right .text { font-size:13px; line-height:33px; color:#9b9b9b; } 
.courseInfo-right .price-info { font-size:24px; color:#e91c35; } 
.courseInfo-right .money { font-size:14px; margin-left:20px; color:#b1b1b1; text-decoration:line-through; } 

.courseInfo-right .button { height:36px; line-height:36px; overflow:hidden; margin-top:10px; } 

.courseInfo-right .hb-ui-btn,.hb-ui-btn,
.courseInfo-right .hb-ui-btn1 { height:36px; line-height:36px; font-size:14px; background:#2495e4; width:150px; text-align:center; color:#fff; border:0px; -webkit-transition:0.3s; transition:0.3s; float:left; cursor: pointer; border-radius: 3px; } 
.courseInfo-right .tryLearn { height: 36px; line-height: 36px; font-size: 14px; background: #f8f8f8; width: 150px; text-align: center; color: #666; border: 1px solid #eee; -webkit-transition: 0.3s; transition: 0.3s; float: left; margin-left: 15px; cursor: pointer; border-radius: 3px; box-sizing: border-box; } 
.courseInfo-right .hb-ui-btn:hover,
.courseInfo-right .hb-ui-btn1:hover { background:#2495e4; } 
.courseInfo-right .button em { margin-left:20px; color:#b1b1b1; } 
.courseInfo-right .button em img { display:none; } 
.courseInfo-right .mt_20 .hb-ui-btn { margin-top: 10px; } 
.newStudent li { width:33.33%; float:left; margin-bottom:15px; } 
.newStudent li img { width:30px; height:30px; border-radius:30px; display:block; margin:auto; } 
.newStudent li span { display:block; text-align:center; font-size:12px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height: 34px; } 
/* 教师内容页 */
.teacher_bg { position: relative; margin-bottom: 150px; height: 134px; z-index: 1; background: #76a6c8 url(../innertopbg.jpg) no-repeat 50% 0; } 
.teacher_logo { margin: 55px 26px 0px 40px; border: 6px solid #fff; width: 144px; height: 144px; border-radius: 100%; display: block; overflow: hidden; text-align: center; position: relative } 
.teacher_logo img { width: 144px; height: 144px; position: absolute; left: 50%; margin-left: -72px; top: 50%; margin-top: -72px; } 
.teacherinfo .tname { font-size: 24px; height:24px; line-height:24px; color:#fff; } 
.teacherinfo .mates { font-size: 12px; margin-top:40px; color: #999; } 
.teacherinfo .mates span { margin:0 15px; line-height:24px; } 
.teacherinfo .mates .mrm { margin-right: 10px; } 
.teacherinfo { margin-top:85px; width:604px; } 
.teachermainbox li { float: left; margin-right: 58px; height: 134px; line-height: 134px; font-size: 24px; color: #fff; } 
.teachermainbox li i { display: inline-block; width: 25px; height: 25px;; text-align: center; } 
.teachermainbox li i img { max-width: 100%; } 
.actions .dz { float: left; height: 38px; line-height: 38px; text-align: center; width: 100px; border-radius: 5px; font-size: 16px; border: 1px solid #e91c35; background:#e91c35; color:#fff; margin-right: 22px; } 
.actions .dz:hover { background:#e91c35; border:1px solid #e91c35; } 
.actions { margin-top:20px; } 
.actions .gz { float: left; height: 40px; line-height: 40px; text-align: center; width: 100px; border-radius: 5px; font-size: 16px; border: 1px solid #d3d3d3; color:#555; background:none; } 

/*è®ºå›å›žå¤è¯æ¡*/
.ask_lis { padding-bottom:20px; } 
.liuy-com { width: 705px; min-height:180px; margin:0px auto; } 
.liuy-main { padding:20px 0px 0px 80px; position:relative; } 
.liuy-cont { background: #f8f8f8; border-radius: 5px; padding:10px 20px; } 
.liuy-line { border-top:1px solid #eee6c2; } 
.liuy-stu { position:relative; padding-right:80px; margin-bottom:10px; } 
.liuy-smit { height:35px; width:100px; background-color:#2495e4; border-radius: 3px; border:none; color:white; font-size:14px; float:right } 
.liuy-head { width:60px; height:60px; border-radius:50%; overflow:hidden; position: absolute; left:0px; top:20px; } 
.liuy-head img { min-height:100%; min-width:100%; max-height:100%; max-width:100%; } 
.liuy-name { font-size:12px; line-height:35px; color:#999 } 
.liuy-cents { font-size:14px; line-height:22px; min-height:22px; } 
.liuy-time { font-size:14px; color:#999; float:left; line-height:30px; } 
.liuy-timer { font-size:14px; color:#999; line-height:30px; position: absolute; bottom:0px; right:0px; } 
.liuy-opinion { font-size:14px; color:#999; float:right; line-height:30px; } 
.liuy-mark { height:30px; } 
.im { cursor:pointer; } 
.liuy-bt { display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px; } 
.liuy-text { width:100%; padding:10px; outline:none } 
.liuy-pos { color:white; float:right; border:none; height:30px; width:80px; background-color:#34bd74; border-radius:30px; } 
/*ç‚¹æ’­è¯¾ç¨‹å†…å®¹é¡µç»“æŸ*/
.liuy-cents .imgbox { float:left; margin-bottom:10px; overflow:hidden; } 
.liuy-cents .imgAuto img { height:100%; } 
.liuy-cents .imgAuto { margin-right:10px; display:block; height:130px; position:relative; overflow:hidden; cursor: pointer; } 

#SubmitComment { margin-top: 10px; line-height: 34px; width: 98px; height: 34px; font-size: 14px; color: #fff; cursor: pointer; float: right; background: #2495e4; border: 0; border-radius: 3px; transition: .3s; } 
#SubmitComment:hover { background: #f59121; } 
/***
paging
*****************************/
.paging { text-align: center; margin-top: 25px; } 
.paging-box,
.paging-box2 { display: inline-block; margin-bottom: 20px;} 
.paging-box a { float:left; min-width:20px; background:#fff; border-radius:3px; font-size:14px; line-height:34px !important; padding: 0 7px; border:1px solid #e3e3e3; margin:0 5px; color:#5b5b5b; } 
.paging-box a:hover { color:#2495e4; } 
.paging-box .icon-prev,
.paging-box .icon-next { display:block; height:34px; } 
.paging-box .icon-prev:hover { background:url(../images/paging-prevh.png) no-repeat 50% 50%; } 
.paging-box .icon-next:hover { background:url(../images/paging-nexth.png) no-repeat 50% 50%; } 
.paging-box .curr,
.paging-box .curr:hover { background: #fff; color: #2495e4 !important; border: 1px solid #2495e4; } 

.paging-box .icon-prev { background:url(../images/paging-prev.png) no-repeat 50% 50%; } 

.paging-box .icon-next { background:url(../images/paging-next.png) no-repeat 50% 50%; } 

.paging2 { line-height:34px; padding:15px 0; text-align: center; } 
.paging2 a,
.paging2 span { padding:0 10px; color:#6b6b6b; margin:0 5px; height:28px; line-height: 28px; float:left; border-radius: 3px; } 
.paging2 span { margin:0; } 
.paging2 b { color:#e91c35; } 
.paging2 a { border:1px solid #e3e3e3; } 
.paging2 a:hover { background:#f9f9f9; border:1px solid #e0e0e0; } 
.comment_list { color: #555; } 
.news_item { font-size: 14px; } 
.news_item,
.news_item a { color:#555; } 
.news_item a:hover { color:#2495e4; } 

.shopping_cont { background: #f8f9ff; padding-bottom: 100px; } 
.cos-learn-date { display: none; } 
.userInfo-left .info .type { color: #fff; } 
/*课程学习进度条*/
.schedule { margin-top:30px; } 
.schedule .ksed { color:#666; line-height: 34px; font-size: 14px; } 
.schedule-line { position: relative; height: 5px; background: #e9eef4; border-radius: 5px; overflow: hidden; width: 100%; } 
#learnSchedule { background: #e91c35; position: absolute; left: 0; top: 0; height: 100%; } 
.schoolmain01 { background: #fff; padding-bottom: 100px; padding-top: 60px; position: relative; } 
.schoolmain01 .right span { font-weight: bold; } 
.about .title { font-size: 22px; color: #444; padding-bottom: 40px; } 
.subtitle { color: #c1c1c1; font-size: 16px; padding-top:25px } 
.schoolmain01 .left { width:200px; height:200px; float:left; position:relative; margin-right: 30px; } 
.schoolmain01 .left .schoolbg { width:200px; height:200px; border:1px solid #ddd; position:absolute; left:-1px; top:-1px; } 
.schoolmain01 .left .schoollogo { width:200px; height:200px; overflow:hidden; text-align:center; background:#fff; } 
.schoolmain01 .left .schoollogo img { height:200px; width: 100%; object-fit: cover; } 
.schoolmain01 .right { width:550px; float:left; color:#666; font-size:13px; line-height:23px; padding-top:15px } 
.schoolmain01 .right h3 { font-weight:normal; font-size: 18px; text-align: left; padding-left: 0px; margin-top: 0; } 
.schoolmain01 .right .intro { color: #848484; font-size: 13px; height:78px; overflow: hidden; margin-top: 15px; line-height: 26px; } 
.characteristic { color: #848484; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 20px 0 10px; } 
.module { background-color: #2495e4; border-top: 1px solid rgba(0, 0, 0, .0); width: 360px; position: absolute; right:0; margin-top: -170px; z-index: 3; height: 489px; overflow: hidden; float: right; } 
.module .header { display: block; padding: 30px 0 30px; width: 360px; border-bottom: 1px solid rgba(255, 255, 255, .1); height: 49px !important; } 
.module .header p.title { text-align: left; margin-left: 40px; color: #fff; font-size: 22px; } 
.module .header p.subtitle { font-size: 14px; color: #8ac8f7; margin-left: 40px; } 
.module .content_list { width:360px; } 
.module .content_list li:first-child { padding-top: 8px; } 
.module .content_list li { margin: 0; transition: all 0.3s ease-out 0s; height: 90px; padding-right:20px; } 
.module .content_list .newstitem:hover { background: #147ac1; } 
.newsbody { width: 100%; position: relative; max-width: 100%; height: 100%; overflow:hidden; } 
.newsbody .date { width: auto; text-align: left; top: 13px; height: 55px; padding: 0px 12px 0px 10px; background: #147ac1; width: 48px; margin-bottom: 0; margin-left: 15px; position: relative; } 
.newsbody .title { top:32px; padding-left: 100px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 120px); color: #fff; height: 40px; position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } 
.newsbody .date .md { color: #adadad; position: relative; top: 27px; transition: all 0.3s ease-out 0s; display: block; line-height: 20px; width: 100%; color: #8ac8f7; text-align:center; } 
.newsbody .date .year { font-size: 16px; float: left; color: #fff; display: block; line-height: 46px; position: relative; top: -25px; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } 
.newsbody .description { opacity: 0; top: 68px; padding-left: 35px; width: calc(100% - 120px); color: rgba(255, 255, 255, .5); font-size: 12px; height: 20px; padding-left: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease-out 0s; position: absolute; color:#fff; } 
.module .content_list li.newstitem:hover .newsbody .title { text-indent: 0; top:20px; } 
.module .content_list li.newstitem:hover .newsbody .description { top: 46px; opacity: 1; } 

.schoolmain02 .title { font-size:22px; color:#444; padding-top: 80px; padding-bottom: 40px; } 
.schoolmain02 .title span { float:right; font-size:14px; line-height:16px; margin-top:12px; } 
.schoolmain02 .title span a { color:#616161 } 

.mt_20 { margin-top:20px; } 

.ks-button--primary { background-color: #2495e4 !important; border-color: #2495e4 !important; } 
.ks-button--primary { background-color: #2495e4 !important; border-color: #2495e4 !important; } 
.ks-page-number span.active { background: #fff !important; color: #2495e4 !important; border: 1px solid #2495e4 !important; } 
.ks-page-number span.active:hover { background: #fff !important; color: #2495e4 !important; border: 1px solid #2495e4 !important; } 

.sectionCos span { width: 40px; height: 40px; display: block; margin: 0 10px; text-align: center; line-height: 40px; background: #d2d2d2; border-radius: 50%; color: #fff; cursor: pointer; position: relative; } 
.sectionCos i { font-size: 18px; } 
.sectionCos em { position: absolute; width: 90px; height: 26px; line-height: 26px; background: #14191e; color: #fff; position: absolute; top: -36px; left: 50%; margin-left: -45px; border-radius: 3px; display: none; font-size:12px; } 
.sectionCos em i { width: 8px; height: 4px; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; background: url(arrow.png) no-repeat; } 
.sectionCos span:hover em { display: block; } 
.sectionCos_item { float: left } 
.sectionCos_item div { text-align: center; margin-top: 5px; color: #999; line-height: 24px; font-size:12px; } 
.sectionCos_item div b { font-weight: normal } 
.u-navdropmenu {
    display: flex;
    justify-content: space-between;
    width: 130px;
margin-top: 5px;
}
.u-navdropmenu a{
    padding: 0px 10px 0px 10px;
    border-radius: 10px;
    font-size: 14px;
}
.A_1{
     color:#FFFFFF !important;
    background: #165DEC;
    line-height: 23px;
}
.A_2{
     color: #9f9f9f !important;
     border:1px #9f9f9f solid;
}
.u-navdropmenu a:hover{
    color:#0041b1;
}
.portrait {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.haed-user {
    display: flex;
    align-items: center;
}
.NameAndMycode {
    margin-left: 10px;
}
.loginBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 180px;
}
.head_user_box{
    width: 120px;
    border-radius: 30px;
    padding: 2px 0;
    font-size: 15px;
    margin-left: 10px;
}
.head_user_box_title {
    font-size: 14px;
    color: #999;
    text-align: center;
}
.head_user_box_user {
    display: flex;
    justify-content: space-between;
    margin-top:8px;
}
.head_user_box_user a {
    width: 56px;
    height: 22px;
    display: block;
    text-align: center;
    border: 1px solid #3D7EFF;
    border-radius: 12px;
    color:#3D7EFF;
}
.head_user_zc:hover {
    background:#3D7EFF;
    color:#fff;
}
.head_user_dl:hover {
    background:#3D7EFF;
    color:#fff;
}
.cut_off{
    border-left: 1px solid #0D57EC;
    height: 14px;
    margin-top: 4px;
}

.head_user_box a:nth-child(3){
        margin-right: 12px;
}
.named {
    font-size: 13px;
    color: #333;
}

.box_width .classify {
      margin-left:70px;
}
.box_width .classify a{
    margin: 5px 5px 0px 0;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    padding: 0 12px;
    text-indent: 0;
    display: inline-block;
}
.box_width .classify a:hover{
    color: #3D7EFF;
    background: #F2F2F2;
    border-radius: 3px;
    transition: all .5s;
}
.box_width .classify>li>span,.box_width .classify>span{
      margin-left:-70px;
}

.box_width .classify:last-child {
    padding-bottom: 20px;
}
.clearfix_px {
    position: absolute;
    top: 40px;
}
.clearfix_px span {
    margin-right: 8px !important;
}
.clearfix_px a{
    width:80px;
}
.clearfix_px a {
    width: 80px;
    border-left: 1px solid #d4d4d4;
    height: 14px;
    line-height: 14px !important;
    text-align: center;
}
.clearfix_px {
    position: absolute;
    top: 200px;
}
.news_details_title_img{
    width: 6px;
    height: 12px;
    margin: 0 4px;
}
.news_details_title a{
font-size: 14px;
color: #333333;
}
.inner a {
    font-size: 16px;
    color: #666666;
}
.news_st_title {
    width: 1280px;
    margin: auto;
    line-height: 60px;
    height: 60px;
}
.news_st_title a {
    color: #000;
}
.news_st_title {
    color: #3D7EFF;
}
.st_location {
    width: 100%;
    margin: 36px 0 43px 0;
}
.st_location_li {
    display: flex;
    height: 14px;
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    margin: 17px 0;
}
.st_location_li span {
    display:block;
}
.st_location_span1 {
    width: 56px;
    text-align: right;
    margin-right: 20px;
}
.st_location_span2 {
    margin-right: 20px;
    margin-top:-6px;
}
.st_pingjia{
    display:none;
}
.st_price{
    display: flex !important;
    height: 105px !important;
    line-height: 105px !important;
    background: #F9F9F9;
    padding: 0 0 0 30px !important;
    position: relative;
}
.st_price_dz .iconfont{
    font-size:20px;
}
.st_btn .button .Buy {
    width: 227px !important;
    height: 60px !important;
    background: #3D7EFF !important;
    font-size: 18px !important;
}
.st_btn {
    position: absolute;
    bottom: 0;
}
.st_location_red {
    font-size: 14px;
    color: #FA2E19;
}

.ks-comment-list .empty {
    background: url(../images/teacher/wenda.png) no-repeat 50% 10px;
}
.ks-evaluation-list .empty {
    background: url(../images/teacher/xiaoxi.png) no-repeat 50% 10px;
}
#text_ajax .empty {
    background: url(../images/teacher/shizi.png) no-repeat 50% 10px;
}
.ks-course-exam .empty {
    background: url(../images/teacher/xgsj.png) no-repeat 50% 10px;
}
.Class_data .empty {
    background: url(../images/teacher/kczl.png) no-repeat 50% 10px;
}
.ks-catalog--default .empty {
    background: url(../images/teacher/kcml.png) no-repeat 50% 10px;
}

.navlist_li {
    width: 213px;
    text-align: center;
    height: 65px;
    line-height: 64px;
    font-size: 20px;
}
.navlist_xhx {
    width: 34px;
    height: 2px;
    background: #3D7EFF;
    margin: auto;
    display: none;
}

.courseTab li.active  .navlist_xhx {
    display: block;
}

.contentNew {
    padding: 0 !important;
    margin-top: 20px;
    background: none !important;
}
.tab-text {
    background: #fff;
    padding: 10px 36px 36px 36px;
    min-height: 300px;
}

.price-info {
    display: none;
}
.st_price .money {
    display: none;
}