@charset "utf-8"; /* CSS Document */
.no-margin-bottom { margin-bottom:0 !important; } 
.date-empty { display: block; text-align: center; font-size: 14px; color: #bbb; padding: 180px 0px 40px 0px; line-height: 24px; background: url(../common/empty.png) no-repeat 50% 70px; } 
.index-carousel { float: left; width: 1000px; border-radius: 0 8px 8px 0; overflow: hidden; } 
#nav-course { display: none; } 
/*banner右边的信息模块*/
.index-right-user { width:268px; position: absolute; right:0; top:30px; height: 393px; z-index: 99; background:#fff; box-sizing:border-box; } 
.index-right-user .title { height: 50px; line-height: 50px; text-align: center; color:#3c81f9; font-size: 20px; font-weight: normal; background-color: #fff; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } 
.index-right-user .hot-headlines { padding:15px 20px; color: #444; display: block; position: relative; z-index: 10; background-color: #fff; border-top: 1px solid #ccc; } 
.hot-headlines h3 { margin-bottom:10px; } 
.hot-headlines h3 a { font-size: 15px; color: #555; height: 50px; line-height: 25px; overflow: hidden; } 
.hot-headlines p { font-size: 13px; color:#888; line-height:22px; } 
.hot-headlines p a { color: #f96767; margin-left:5px; } 
.hot-mainlist li { margin: 0; padding: 16px 20px; } 
.hot-mainlist .li1 { background-color: #f5f5f5; } 
.hot-mainlist li a.img { float: left; width: 45%; height:70px; line-height:70px; margin: 0; } 
.hot-mainlist li img { width:100%; height: 100%; display: block; } 
.hot-mainlist li .text { float: right; width: 50%; height:48px; line-height:24px; overflow: hidden; margin: 10px 0; color: #888; font-size: 14px; } 

/* banner样式 */
.banner-con { background-image: linear-gradient(to bottom, rgba(46, 101, 239, 0.1), rgba(46, 101, 239, 0)); padding-top: 32px !important; padding-bottom: 15px; } 
/* .banner-box { border-radius: 8px; overflow: hidden; } */
.banner-box .course-class { width: 200px; height: 400px; float: left; } 

/*选择分类*/
.select-class { background:url(index_bg_label.png) no-repeat center; text-align:center; height: 122px; box-sizing: border-box; padding-top: 30px; } 
.select-class h2 { color: #3c81f9; font-size: 25px; margin-bottom: 24px; line-height: 25px; letter-spacing: 1px; } 
.select-class p { font-size:14px; letter-spacing: 1px; } 
.select-class p a { color:#3c81f9; } 
.select-class-title { background: #D8EEFF; height:40px; line-height: 40px; overflow: hidden; padding: 0 15px; } 
.select-class-title h2 { font-size:16px; font-weight: bold; color:#2f3133; display: inline-block; } 
.select-class-title a { margin-left: 30px; color:#3C81F9; font-size: 14px; float: right; background: url(index_icon_setting.png) no-repeat left center; padding-left: 20px; } 
/*所选分类的课程*/
.class-course__loading { padding: 60px 0; display: block; margin: 0 auto; } 
.class-course-inner { margin-bottom:50px; } 
.class-course-inner:last-child { margin-bottom:0px; } 
.common-title { font-size: 24px; font-weight: normal; padding-bottom: 24px; height: 24px; line-height: 24px; } 
.common-title a,.course-more { font-size: 12px !important; color: #A4AAB2 !important; background: #E6E9ED; display: inline-block; height: 19px; line-height: 16px !important; width: 66px; text-align: center; border-radius: 19px; margin-top: 4px; } 
.class-course-inner ul,.course-recommend ul { margin-right:-24px; } 
.class-course-inner li,.course-recommend li { float:left; width: 25%; } 
.class-course_box { margin-right:24px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius:8px; overflow: hidden; } 
.class-course_box:hover { box-shadow: 0px 2px 10px 0px rgba(6, 17, 36, 0.15); transition: all 0.3s ease; } 
.class-course_img-box { height:158px; overflow:hidden; } 
.class-course_img-box img { width:100%; height: 100%; object-fit: cover; } 
.class-course_info-box { padding:22px 15px; background: #fff; box-sizing: border-box; } 
.class-course_title { margin-bottom:22px; font-size: 16px; height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight:600; } 
.class-course_info { height:0; overflow: hidden; } 
.class-course_param { font-size:14px; color:#787C82; margin-top:7px; line-height: 16px; } 
.class-course_price { font-size: 16px; max-width: 50%; height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #E91C35; } 



/*最近直播*/
.recently-live ul { margin-right:-24px; } 
.recently-live li { float:left; width:33.33%; } 
.recently-live .recently-live-box { margin-right:24px; background:#fff; margin-bottom:24px; padding: 20px; border-radius:4px; overflow: hidden; height: 145px; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 
.live-status { margin-bottom: 14px; } 
.live-status-label { display: inline-block; height: 20px; line-height: 20px; padding: 0 9px; border-radius: 20px; color: #8D9299; background: #F0F2F5; } 
.recently-img-box { width:48px; height:48px; overflow:hidden; border-radius:80px; margin-right: 16px; } 
.recently-img-box img { width:100%; height: 100%; object-fit: cover; } 
.recently-info { width: 279px; margin-top: -5px; } 
.recently-info h2 { font-size: 16px; font-weight:600; line-height: 25px; max-height:50px; overflow: hidden; } 
.recently-info p { margin-top: 7px; } 
.recently-info p a { font-size: 14px; color: #787C82; } 
.live-status-dot { display: inline-block; width: 4px; height: 4px; background: #8D9299; border-radius: 5px; margin-right: 5px; vertical-align: middle; } 
.recently-live-box:hover { box-shadow: 0px 2px 10px 0px rgba(6, 17, 36, 0.15); transition: all 0.3s ease; } 
.living-status { background-image: linear-gradient(to bottom, #FF703E, #FF974F); color: #fff; } 
.living-status .live-status-dot { background: url(common_icon_living.png) no-repeat center; width: 10px; height: 10px; background-size: 10px; border-radius: 0; margin-right: 4px; vertical-align: initial; } 

/*课程专栏*/
.priceInfo { float: right; font-size: 16px; max-width: 50%; height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #E91C35; } 
.free_cor,.green-font { color:#2BC152 !important; } 
.course-column ul { margin-right: -24px; } 
.course-column li { float: left; width: 50%; margin-bottom: 24px; } 
.course-column-item { background: #fff; margin-right: 24px; border-radius: 8px; box-sizing: border-box; padding:20px; display: flex; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 
.course-column-item .course-column-img { width: 176px; height: 99px; border-radius: 8px; overflow: hidden; margin-right: 16px; } 
.course-column-img img { width: 100%; height: 100%; object-fit: cover; } 
.course-column-intro { line-height: 20px; height: 40px; color: #787C82; font-size: 12px; margin-top: 12px; overflow: hidden; } 
.course-column-text { position: relative; flex: 1; } 
.course-column-info { position: absolute; bottom: 0; left:0; width: 100%; font-size: 14px; line-height: 16px; } 
.course-column-price { color:#787C82; } 
.course-column-text h3 { font-size: 16px; line-height: 16px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; font-weight: 600; } 
.course-column-price { font-size:16px; color:#E91C35; } 
.course-column-item:hover { box-shadow: 0px 2px 10px 0px rgba(6, 17, 36, 0.15); transition: all 0.3s ease; } 
.course-column-people { color: #787C82FF; font-size: 14px; } 

/* 课程排行 */
.ranking-box { margin-right: -24px; } 
.ranking-item { float: left; width: 384px; background: #fff; margin-right: 24px; box-sizing: border-box; padding: 32px 16px; border-radius: 8px; } 
.ranking-item-title { font-size: 16px; color: #2F3133; font-weight: 600; line-height: 16px; margin-bottom: 32px; } 
.ranking-hot .ranking-item-title { background: url(GOOD.png) no-repeat right center; } 
.ranking-new .ranking-item-title { background: url(HOT.png) no-repeat right center; } 
.ranking-star .ranking-item-title { background: url(NEW.png) no-repeat right center; } 
.ranking-item li { position: relative; padding-left: 20px; margin-bottom: 20px; display: flex; } 
.ranking-item li:last-child { margin-bottom: 0; } 
.ranking-item-img { width: 112px; height: 63px; margin-right: 12px; border-radius: 2px; overflow: hidden; } 
.ranking-item-img img { width: 100%; height: 100%; object-fit: cover; } 
.course-num { position: absolute; left:0; font-size: 20px; color:#BCC3CC; } 
.ranking-item-text h3 { line-height: 21px; font-weight: 600; } 
.ranking-item-text h3 a { font-size: 14px; } 
.ranking-item-text { width: 200px; position: relative; } 
.ranking-item-text p { color: #999; position: absolute; left:0px; bottom: 0; font-size:14px; } 
.first-num { color: #E91C35; } 
.second-num { color:#FF75B7 } 
.third-num { color:#F5891E } 

/*课程*/
.recommended-bg { margin: 0px 10px; position:relative; } 
.recommended-bg:after { content:''; height: 192px; background: #fff; opacity: 0.3; border-radius: 5px; position:absolute; width:100%; left:0; top: 27px; } 
.recommended-bg ul { position: relative; z-index: 1; } 
.recommended-bg .carousel-dots { z-index: 10000; } 
.recommended-bg .carousel-dots i { width:6px; height:6px; opacity: 0.3; } 
.recommended-bg .carousel-dots i.on { opacity:1; } 
.recommended-course-info { margin: 0 10px; background: #fff; padding:35px 15px 0; border-radius: 5px 5px 0 0; } 
.recommended-course-info h2 { font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 20px; line-height: 20px; letter-spacing: 1px; height: 40px; overflow: hidden; } 
.course-inner1 .recommended-course-info h2 { color: #3c81f9; } 
.course-inner2 .recommended-course-info h2 { color: #D375E6; } 
.course-inner3 .recommended-course-info h2 { color: #FF75B7; } 
.course-inner4 .recommended-course-info h2 { color: #FF9684; } 
.course-inner5 .recommended-course-info h2 { color: #FFC863; } 
.course-inner6 .recommended-course-info h2 { color: #26C196; } 

.recommended-course-info p { text-align: center; color: #888; letter-spacing: 1px; font-size: 12px; height: 12px; line-height: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.recommended-img-box { padding: 20px 15px 30px; background: #fff; margin: 0 10px; border-radius: 0 0 5px 5px; } 
.recommended-img-box a { display:block; height: 86px; overflow: hidden; } 
.recommended-img-box img { width:100%; object-fit: cover; height:100%; } 

.course-list { padding-bottom:0; } 
.course-inner { margin-bottom:48px; } 
.course-inner:last-child { margin-bottom:0px; } 
.course-title h1 { font-size: 24px; font-weight: normal; padding-bottom: 24px; height: 24px; line-height: 24px; display: inline-block; } 
.child-class-box { padding-right: 48px; position: relative; } 
.class-arrow { position: absolute; width: 24px; height: 24px; border-radius: 24px; box-shadow: -2px 1px 10px 0px rgba(1, 14, 22, 0.15); top:50%; margin-top:-12px; cursor: pointer; right: 0; background: url(common_btn_rightarrow.png) no-repeat center #fff; background-size: 6px; } 
.course-title .child-class { display: block; margin-bottom: 24px; overflow: hidden; } 
.course-title .child-class a { margin-right: 20px; color: #606367; padding: 0px 18px; background: #fff; border-radius: 20px; font-size: 16px; line-height: 36px; height: 36px; display: inline-block; min-width: 112px; max-width: 120px; text-align: center; box-sizing: border-box; } 
.course-title .child-class a:hover { color: #2E65EF; } 
.course-show { width:956px; margin-right: 24px; } 
.course-show ul { margin-right:-20px; } 
.course-show li { float:left; width: 25%; margin-bottom: 24px; } 
.course-show li:nth-child(5),.course-show li:nth-child(6),.course-show li:nth-child(7),.course-show li:nth-child(8) { margin-bottom: 0; } 
.course-show .class-course_box { margin-right:24px; border-radius:8px; padding-bottom: 78px; } 
.course-show .class-course_img-box { height: 125px; } 
.course-show .class-course_title { margin-bottom:0; } 
.course-show .class-course_param { margin-top: 0; } 
.course-show .class-course_info-box { padding:12px; min-height: 78px; position: absolute; bottom: 0; left: 0; width: 100%; } 
.course-show .class-course_info { color: #787C82FF; font-size: 14px; line-height: 21px; max-height: 42px; overflow: hidden; margin-top: 13px; margin-bottom: 14px; transition: all 0.3s ease; } 
.course-show .class-course_box:hover .class-course_info { height: 42px; } 
.course-right { width: 220px; box-sizing:border-box; } 
.class-tab_2 { border: 1px solid #E91C35FF; color: #E91C35FF; font-size: 12px; padding: 0 5px; float: right; margin-right: 4px; height: 18px; line-height: 15px; box-sizing: border-box; border-radius: 3px; } 
.course-right h2 { font-size: 20px; position: relative; padding-left: 16px; line-height: 20px; margin-bottom: 20px; } 
.course-right h2::before { content: ''; display: block; width: 3px; height: 18px; position: absolute; left: 0; top:50%; margin-top: -9px; background: #2E65EF; line-height: 20px; margin-bottom: 20px; } 
.course-right-con li { margin-bottom: 15px; background: #fff; padding: 23px 23px 23px 38px; border-radius: 4px; position: relative; } 
.course-right-con li h3 { font-size: 16px; margin-bottom: 13px; font-weight: 600; line-height: 16px; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.course-right-con .star-info { margin-bottom: 15px; line-height: 14px; } 
.course-right-con .scoreImg { display: inline-block; height: 14px; width: 86px; overflow: hidden; position: relative; vertical-align: middle; } 
.course-right-con .star-on { overflow: hidden; position: absolute; height: 14px; left: 0; top:0; width: 0; } 
.course-right-con .current-price { font-size: 14px; color:#E91C35; } 
.course-right-con .study-num { font-size: 14px; color: #BCC3CC; line-height: 14px; } 
.course-right-con .fraction { margin-left: 13px; font-size: 14px; color: #BCC3CC; vertical-align: middle; line-height: 14px; } 
.course-right-con .course-num { left: 16px; top:20px; line-height: 20px; } 
.first-course .course-num { color:#E91C35; } 
.second-course .course-num { color:#FF75B7; } 
.third-course .course-num { color:#F5891E; } 
/*新闻资讯*/
.news-box { margin-right:-24px; } 
.news-box-item { float: left; width: 384px; margin-right:24px; background: #fff; padding:32px 16px; box-sizing: border-box; border-radius: 8px; height: 472px; } 
.news-box-item li { display: flex; margin-top: 32px; padding-left: 20px; position: relative; } 

.news-num { position: absolute; left: 0; font-size: 20px; color: #BCC3CC; } 
.news-first .news-num { color:#E91C35; } 
.news-second .news-num { color:#FF75B7; } 
.news-third .news-num { color:#F5891E; } 
.news-box-item__title { font-size: 16px; font-weight: 600; position: relative; padding-left: 11px; line-height: 16px; } 

.news-box-item__title::before { content: ''; position: absolute; width: 3px; height: 18px; left: 0; top:50%; margin-top: -9px; display: block; background: #2E65EF; } 
.news-img a { width: 112px; height: 63px; border-radius: 2px; overflow: hidden; display: block; margin-right: 12px; } 
.news-img img { width: 100%; height: 100%; object-fit: cover; } 
.news-img { flex: 1; } 
.news-info { flex: 2; width: 0; position: relative; } 
.news-info h3 { font-size: 16px; font-weight: 600; line-height: 24px; } 
.news-first .news-info h3 { font-size: 14px; height: 15px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.news-time { color: #787C82; font-size: 14px; margin-top: 8px; line-height: 14px; } 
.news-first .news-time { position: absolute; bottom: 0; left: 0; } 



/*精英教师列表*/
.teacher-box { display: flex; height: 360px; justify-content: center; align-items: center; } 
.teacher-item-first { flex: 2; display: flex; justify-content:space-between; flex-direction: column; height: 360px; } 
.teacher-item-second,.teacher-item-third { flex: 1; background: #fff; padding: 20px; border-radius: 8px; overflow: hidden; margin-left: 24px; height: 360px; box-sizing: border-box; } 
.teacher-item-top,.teacher-item-bottom { background: #fff; padding:20px; border-radius: 8px; display: flex; } 
.user-head ,.teacher-info-img { margin-right: 15px; } 
.user-head a,.teacher-info-img a { display: block; width: 60px; height: 60px; overflow: hidden; border-radius: 80px; } 
.user-head img ,.teacher-info-img img { width: 100%; height: 100%; object-fit: cover; } 
.user-name a ,.teacher-info-text a { display: inline-block; max-width: 180px; padding-right: 8px; font-size: 16px; font-weight: 600; line-height: 16px; } 
.user-name span { display: inline-block; max-width: 180px; margin: 6px 0 0 0; font-size: 12px; font-weight: 400; line-height: 12px; } 
.user-intro ,.teacher-intro { box-sizing: border-box; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; width: 480px; height: 97px; margin-top: 12px; border-radius: 0 12px 12px 12px; font-size: 14px; font-weight: 400; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #787C82; } 
.teacher-info { display: flex; } 
.teacher-info-text { display: flex; flex-direction: column; justify-content: space-around; } 
.teacher-intro { width: 239px; height: 244px; } 


/*训练营*/
.camp-list ul { margin-right:-24px; } 
.camp-list li { width:33.33%; float:left; } 
.camp-box { margin-right:24px; position:relative; overflow: hidden; } 
.camp-box img { width:100%; height: 160px; object-fit: cover; } 
.camp-box h1 { font-size: 16px; line-height: 16px; height: 16px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin-top: 17px; font-weight:600; } 

/*友情链接*/
.link { margin-bottom: 70px; } 
.link-box { position: relative; padding:0 41px; margin-top: -10px; } 
.link-arrow { position: absolute; width: 24px; height: 24px; border-radius: 24px; box-shadow: -2px 1px 10px 0px rgba(1, 14, 22, 0.15); top:50%; margin-top:-12px; cursor: pointer; } 
.link-prev { left: 0; background: url(common_btn_leftarrow_g.png) no-repeat center #fff; background-size: 6px; } 
.link-next { right: 0; background: url(common_btn_rightarrow.png) no-repeat center #fff; background-size: 6px; } 
.link-cnt li { float:left; width:20%; padding:10px 0; } 
.link-cnt .link-box { margin:0 10px; background:#fff; justify-content: center; height:100px; line-height:100%; display: flex; overflow:hidden; box-shadow: 0px 0px 10px 0px rgba(93, 108, 188, 0.15); border-radius: 6px; } 
.link-cnt .link-box img { align-self: center; width: 100%; height: 100%; object-fit: contain; } 

/*底部广告*/
.footer-ad { background: #4d84f6; } 
.footer-ad .page-width { overflow:hidden; } 
.footer-ad ul { margin-right:-300px; } 
.footer-ad li { margin-right:293px; float:left; padding:22px 0; } 
.ad-img { margin-right:14px; } 
.ad-text h2 { font-weight:normal; color:#fff; font-size: 20px; margin-bottom:5px; } 
.ad-text p { color: #fff; font-size:14px; letter-spacing:1px; } 

/*选择分类*/
.all-class { width:1000px; height:500px; position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-250px; background:#fff; border-radius:10px; display:none; z-index:10001 } 
.select-class a { cursor:pointer; } 
.close-icon { position:absolute; right:10px; top:5px; font-size:30px; cursor:pointer; color: #bcc3cc; } 
.all-class-bg { position:fixed; background:#000; left:0; top:0; width:100%; height:100%; opacity:0.5; display:none; z-index:10000; } 
.all-class-select { margin-top: 68px; padding: 0 30px; } 
.all-class-title { font-size: 20px; font-weight: normal; } 
.all-class-title span { font-size:14px; margin-left:20px; color: #888; } 
.all-class-select ul { margin-top:30px; height: 244px; border-bottom: 1px solid #e6e9ed; overflow-y: auto; } 
.all-class-select li { float:left; padding:8px 20px; font-size:14px; border:1px solid #bcc3cc; margin-right:20px; border-radius:40px; margin-bottom:20px; color:#606367; } 
.all-class-select li.curr { background: #488bff; border:1px solid #488bff; color:#fff; } 
.selected-num { float:left; } 
.selected-class-box { font-size: 14px; color: #949698; margin-top: 10px; line-height: 34px; height: 40px; overflow-y: auto; } 
.selected-class a { padding:0px 20px; float:left; font-size:14px; border:1px solid #bcc3cc; margin-right:20px; border-radius:40px; margin-bottom:20px; color:#606367; cursor: pointer; } 

.selected-close-icon { font-size: 20px; vertical-align: middle; margin-left: 5px; color: #bcc3cc; } 
.selected-button-box { margin-top: 30px; text-align: center; } 
.selected-button { padding: 10px 30px; font-size: 16px; border-radius: 30px; background-color: #ccc; color: #fff; margin-right: 10px; cursor:not-allowed; } 
.selected-button.curr { background: #488bff; cursor:pointer; } 
.selected-button_tips { color: #488bff; font-size: 14px; } 

.no-scroll { overflow:hidden; } 

.allcurr { background: #2E65EF !important; color: #fff !important; } 