@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; } 
.gray-bg { background: #f7f8fa; } 

/* 通用标题 */
.common-title { height: 22px; margin-bottom: 25px; line-height: 22px; } 
.common-title h2 span { font-size: 22px; color: #333; font-weight: 400; letter-spacing: 2px; } 
.common-title .more-btn { font-size: 14px; color: #666; transition: color .2s; } 
.common-title .more-btn:hover { color: #ff701d; } 

/* 通用更新课程 */
.more-btn { text-align: center; } 
.more-btn .refresh-btn { border-radius: 5px; transition: all .2s; background: #fff; color: #666; text-align: center; cursor: pointer; display: inline-block; width: 160px; height: 40px; border: 1px #ddd solid; line-height: 38px; font-size: 15px; } 
.more-btn .refresh-btn:hover { background: #ffd500; border-color: #ffd500; color: #333; } 
.more-btn .refresh-btn i { display: inline-block; width: 15px; height: 18px; margin-right: 10px; background: url(index-icon.v16.png) -162px -49px; vertical-align: -4px; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } 
.refresh-btn:hover i { background-position: -162px -70px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } 

/* 第一层 */
.quick-block { padding: 20px 0; } 
.quick-block ul { margin-right: -20px; } 
.quick-block .module-item { width: 232px; height: 90px; overflow: hidden; margin-right: 20px; position: relative; } 
.quick-block .module-item img { width: 100%; height: 100%; transition: all .2s linear; border-radius: 5px; } 
.module-item:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); } 

/* 推荐课程 */
.recommend-floor { padding-top: 30px; } 
.recommend,.class-box,.camp-list-box { width: 103%; } 
.recommend { display: none; } 
.list { width: 295px; transition: all .2s; float: left; margin: 0 20px 20px 0; } 
.list .list-img { position: relative; } 
.list .show-img { display: block; border-radius: 5px; overflow: hidden; } 
.slate5-shadow { transition: box-shadow .2s,-webkit-transform .2s; transition: box-shadow .2s,transform .2s; transition: box-shadow .2s,transform .2s,-webkit-transform .2s; } 
.slate5-shadow:hover { box-shadow: 0 6px 15px rgba(0,0,0,.1)!important; -webkit-transform: translateY(-5px); transform: translateY(-5px); } 
.list-img img { display: block; width: 100%; height: 166px; object-fit: cover; } 
.list .list-img .play-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); opacity: 0; transition: all .25s; } 
.list .list-img:hover .play-cover { opacity:1 } 
.list .list-img:hover .play-cover:before { -webkit-transform:scale(1); transform:scale(1) } 
.list .time-length { display: block; padding: 0 6px; height: 15px; line-height: 15px; background: rgba(0,0,0,.25); font-size: 12px; color: #fff; border-radius: 4px; position: absolute; right: 10px; bottom: 10px; transition: all .25s ease-in; } 
.list .list-img .play-cover:before { content: ""; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; transition: all .25s; background: url(hk_new_index_icons3.png) 0 -115px; position: absolute; -webkit-transform: scale(1.5); transform: scale(1.5); } 
.list .img-name { padding: 10px 15px; } 
.list .img-name .name-link { display: block; overflow: hidden; width: 100%; font-size: 16px; color: #333; height: 48px; line-height: 24px; } 
.list .img-data { padding: 0 9px 14px; line-height: 18px; } 
.list .img-data .class-type { background: #f39700; border-radius: 2px; color: #fff; font-size: 12px; padding: 0 5px; height: 19px; } 
.list .img-data .score { font-size: 16px; border-left: 1px #ddd solid; padding-left: 10px; margin-left: 10px; height: 16px; line-height: 16px; margin-top: 2px; } 
.list .img-data .level { font-size: 14px; color: #999; padding-left: 15px; } 
.video-num-color { color: #FFA900; } 
.class-type_1 { background: #ff7c00 !important; } 
.class-type_2 { background: #6ebd6b !important; } 
.class-type_3 { background: #367dd5 !important; } 
.class-type_4 { background: #fbb03b !important; } 

/* 最近直播 */
.live-broadcast-box { margin-right: -20px; padding-bottom: 12px; display: none; } 
.live-broadcast-box .li { display: block; float: left; width: 295px; height: 98px; margin: 0 20px 20px 0; border-radius: 5px; background: #fff; position: relative; z-index: 1; } 
.live-broadcast-box .li:hover { z-index: 12; } 
.live-broadcast-box .li-inner { position: relative; padding: 18px 100px 18px 22px; box-sizing: border-box; } 
.live-broadcast-box .li .li-title { font-size: 16px; color: #333; line-height: 22px; height: 44px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: -2px; } 
.live-broadcast-box .li .li-small { font-size: 12px; color: #999; padding-top: 8px; } 
.live-broadcast-box .li .img-icon { display: block; width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 18px; right: 22px; } 
.live-broadcast-box .li .hover-con { opacity: 0; width: 360px; height: 172px; border-radius: 5px; box-shadow: 0 0 40px 0 rgb(34 23 20 / 12%); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; padding: 16px 110px 14px 22px; box-sizing: border-box; transition-duration:0.3s; transition-delay:0.5s; } 
.live-broadcast-box .li .hover-con .hc-title { font-size: 16px; line-height: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.live-broadcast-box .li .hover-con .hc-p { font-size: 12px; color: #999; line-height: 20px; height: 80px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin: 14px 0; } 
.live-broadcast-box .li .hover-con .hc-b small { font-size: 12px; color: #999; } 
.live-broadcast-box .li .hover-con .hc-b span { display: block; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #ffd500; font-size: 14px; color: #333; border-radius: 5px; position: absolute; right: 22px; bottom: 14px; } 
.live-broadcast-box .li .hover-con .img-icon-big { display: block; width: 70px; height: 70px; border-radius: 50%; position: absolute; top: 16px; right: 22px; object-fit: cover; } 
.live-broadcast-box .li:hover .hover-con { opacity: 1; z-index: 12; } 

/* 课程分类列表 */
.class-list-item { margin-bottom: 50px; } 
.class-list-item:last-child { margin-bottom: 0; } 
.class-list-item .list { width: 295px; float: left; margin: 0 20px 20px 0; background: #FFF; transition: all .2s; border: 1px solid #eee; border-radius: 5px; } 
.class-list-item .list .list-img .show-img .label { font-size: 14px; color: #fff; height: 30px; line-height: 30px; padding: 0 10px; background: rgba(0,0,0,.5); border-radius: 3px; position: absolute; top: 10px; right: 10px; } 
.class-list-item .list .list-info { padding-top:12px } 
.class-list-item .list .list-title { height:44px; padding:0 15px } 
.class-list-item .list .list-title .show-title { font-size:16px; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; max-height:44px; line-height:22px; font-weight:700; color:#333; transition:color .2s } 
.class-list-item .list .list-title .show-title:hover { color:#ff701d } 
.class-list-item .list .live-time { font-size:14px; color:#999; padding:10px 15px 14px } 
.class-list-item .list .about-live { height:16px; margin-bottom:14px; padding:0 15px } 
.class-list-item .list .about-live .tags { height:16px; line-height:16px; font-size:14px; color:#999; max-width:170px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } 
.class-list-item .list .about-live .red { font-size:16px; height:16px; line-height:16px; color:#ff403e } 
.class-list-item .list .about-live .red .old-price { font-size:14px; color:#999; text-decoration:line-through; margin-right:5px } 
.class-list-item .list .list-t { padding:15px; border-top:1px solid #eee } 
.class-list-item .list .list-t .t-img { padding-right:10px } 
.class-list-item .list .list-t .t-img a { display: none; } 
.class-list-item .list .list-t .t-img a:first-child { display: block; } 
.class-list-item .list .list-t .t-img img { width:20px; height:20px; border-radius:50%; vertical-align:top } 
.class-list-item .list .list-t .t-data { padding-right:10px; height: 20px; } 
.class-list-item .list .list-t.double .t-data a { max-width:42px } 
.class-list-item .list .list-t .t-data a { display:none; max-width:120px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666 } 
.class-list-item .list .list-t .t-data a:first-child { display:inline-block; } 
.class-list-item .list .list-t .interest-num { font-size:14px; color:#999; line-height:20px } 

/* 训练营 */
.camp-list .list { background: #fff; border: 1px #E1E1E1 solid; border-radius: 5px; overflow: hidden; padding-bottom: 15px; } 
.camp-list .list .img { height: 166px; display: block; width: 100%; object-fit: cover; } 
.camp-list .list .title { font-size: 16px; color: #343434; line-height: 24px; margin: 10px 14px 0; height: 48px; overflow: hidden; display: block; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } 
.camp-list .list .p1 { color: #999999; padding: 9px 14px 0; } 
.camp-list .list .p1 span { color: #FF583E; } 
.camp-list .list .p2 { padding: 12px 14px 0; line-height: 28px; } 
.camp-list .list .p2 a.fr { width: 80px; height: 28px; border-radius: 5px; background: #F2CA22; transition: all .2s; color: #333; text-align: center; font-size: 14px; } 
.camp-list .list .p2 span { color: #9A9A9A; } 

/* 教师风采 */
.teacher-list-box { margin-bottom: -20px; margin-right: -20px; } 
.teacher-list-box li { float: left; position: relative; width: 400px; margin-right: 20px; } 
.teacher-list-box li .dpaPhoto { position: absolute; left: 0; top: 0; z-index: 1; } 
.teacher-list-box li .audioLink .bookImg { width: 145px; height: 218px; position: relative; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; } 
.teacher-list-box li .audioLink .bookImg img { display: block; width: 100%; height: 100%; border-radius: 5px; transition: all .4s; cursor: pointer; object-fit: cover; } 
.teacher-list-box li .audioLink .bookImg .hoverPro { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,.3); transition: all .25s ease-in; opacity: 0; border-radius: 5px; } 
.teacher-list-box li :hover .bookImg .hoverPro { opacity: 1; } 
.teacher-list-box li .audioLink .bookImg .hoverPro .audioIcon { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; margin: -21px -26px; width: 52px; height: 42px; background: url(audioBase.png) no-repeat -261px -5px; transition: all .25s ease-in; -webkit-transform: scale(2); transform: scale(2); } 
.teacher-list-box li .dmainInfor { display: block; width: 375px; height: 250px; margin-left: 25px; margin-top: 25px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 5px; transition: box-shadow .2s; position: relative; background-color: #fff; } 
.teacher-list-box li :hover .bookImg .hoverPro .audioIcon { -webkit-transform: scale(1); transform: scale(1); } 
.teacher-list-box li .audioLink .bookDetail { width: 210px; height: 205px; padding-top: 14px; font-size: 14px; color: #666; margin-left: 140px; position: relative; box-sizing: border-box; } 
.teacher-list-box li .audioLink .bookDetail .bookTitle { line-height:25px; font-size:16px; color:#333; font-weight:400; word-break:break-all; margin-bottom: 14px; } 
.teacher-list-box li .audioLink .bookDetail .bookTitle:hover { color:#ff701d } 
.teacher-list-box li .audioLink .bookDetail .comLabel { height: 44px; } 
.teacher-list-box li .audioLink .bookDetail .comLabel span { padding:0 9px; border-radius:5px; height:24px; line-height:25px; font-size:14px; display:inline-block } 
.teacher-list-box li .bookImg .paLabel { position:absolute; left:0; top:0 } 
.teacher-list-box li .audioLink .bookDetail .author { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.teacher-list-box li .audioLink .bookDetail .author span { float: left; max-width: 190px; margin-right: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.teacher-list-box li .audioLink .bookDetail .num { margin-top: 19px; } 
.teacher-list-box li .audioLink .bookDetail .comLabelSty { margin-left: -10px; } 
.teacher-list-box li .audioLink .bookDetail .comLabelSty span { margin-left: 10px; font-size: 12px; padding: 0 4px; height: 21px; line-height: 21px; border-radius: 3px; float: left; } 
.teacher-list-box li .audioLink .bookDetail .comLabelSty .labelSty1 { color:#03AF7C; border: 1px solid #03AF7C; } 
.teacher-list-box li .audioLink .bookDetail .comLabelSty .labelSty2 { color:#FFD89F; background-color: #333; } 
.teacher-list-box li .audioLink .bookDetail .comLabelSty .labelSty3 { border: 1px solid #FF701D; color:#FF701D; } 
.teacher-list-box li .audioLink .bookDetail .dcont { position: absolute; right: 0; bottom: 18px; height: 42px; width: 100%; font-size: 13px; color: #999; line-height: 21px; margin-bottom: 0; overflow: hidden; } 
.teacher-list-box li .audioLink .bookDetail>p { margin-bottom: 18px; } 
.teacher-list-box li .audioLink .dbook-detail { height: 42px; line-height: 42px; font-size: 14px; color: #999; width: 335px; margin: 0 auto; border-top: 1px solid #E8E8E8; } 
.teacher-list-box li .audioLink .dbook-detail .time { margin-right: 30px; } 
.teacher-list-box li .audioLink .dbook-detail .labelSty2 { display: inline-block; padding: 0 6px; border-radius:5px 5px 5px 0px; background-color:#333; color:#ffd89f; margin-right: 6px; } 

/* 专栏列表 */
.column-list .common-title { margin-bottom: 40px; } 
.column-list h2 { text-align: center; } 
.column-list-box { display: none; } 
.column-list-box .list { width: 295px; margin: 0 20px 20px 0; position: relative; background: #fff; border: 1px #eee solid; border-radius: 6px; box-sizing: border-box; } 
.column-list-box .list .img img { display: block; width: 100%; height: 100%; border-radius: 6px 6px 0 0; object-fit: cover; } 
.column-list-box .list:nth-child(4n) { margin-right: 0; } 
.column-list-box .list .img { height: 166px; position: relative; display: block; } 
.column-list-box .list .img .num { height: 20px; line-height: 20px; padding: 0 6px; background: rgba(0,0,0,.5); font-size: 14px; color: #fff; border-radius: 3px; position: absolute; right: 10px; bottom: 10px; } 
.column-list-box .list .img .num i { display: inline-block; vertical-align: top; width: 14px; height: 12px; margin-top: 4px; margin-right: 4px; background: url(index-icon.v16.png) -64px -182px; } 
.column-list-box .list .img-b { padding-top: 10px; } 
.column-list-box .list .img-b .title { font-size: 16px; color: #333; margin: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 26px; } 
.column-list-box .list .info { padding: 10px 0 0 14px; } 
.column-list-box .list .info span { padding-right: 40px; line-height: 14px; color: #999; font-size: 15px; } 
.column-list-box .list .info span i { display: inline-block; background: url(index-icon.v16.png); margin-right: 5px; } 
.column-list-box .list .info span .views-icon { width: 14px; height: 10px; background-position:0 -180px; } 
.column-list-box .list .info span .comments-icon { width: 12px; height: 10px; background-position:-32px -180px; } 
.column-list-box .list .info span .up-icon { width: 12px; height: 11px; background-position:-17px -180px; } 
.column-list-box .list .user-info { margin-top: 15px; border-top: 1px #eee solid; padding: 0 14px; } 
.column-list-box .list .user-info .avatar { line-height: 52px; } 
.column-list-box .list .user-info .avatar a{display: none;}
.column-list-box .list .user-info .avatar a:first-child{display:inline-block;}
.column-list-box .list .user-info .avatar img { display: inline-block; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; margin-right: 10px; } 
.column-list-box .list .user-info .avatar span { display: inline-block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; font-size: 15px; } 
.column-list-box .list .user-info .time { color: #999; line-height: 52px; font-size: 15px; } 

/* 新闻 */
.news-list-box .article-list { padding: 20px; background: #fff; border-radius: 5px; margin-bottom: 20px; width: 49.2%; margin-right: 1.6%; float: left; padding-left: 246px; transition: all .2s; border: 0; position: relative; box-sizing: border-box; } 
.news-list-box .article-list:nth-child(even) { margin-right: 0; } 
.news-list-box .article-list .img-r { height: 128px; } 
.news-list-box .article-list .img { position: absolute; overflow: hidden; border: 0; width: 208px; height: 128px; left: 20px; top: 20px; border-radius: 6px; } 
.news-list-box .article-list .img img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.news-list-box .article-list .img-r .article-title { padding-top:9px } 
.news-list-box .article-list .img-r .article-title span { display:inline-block; margin-right:4px; width:40px; height:20px; border-radius:3px; background:#FF583D; color:#fff; vertical-align:2px; text-align:center; font-size:12px; line-height:20px } 
.news-list-box .article-list .img-r .article-title a { display:block; overflow:hidden; color:#333; text-overflow:ellipsis; white-space:nowrap; font-size:20px; height: 20px; line-height: 20px; } 
.news-list-box .article-list .img-r .article-title a:hover { color:#FF583D; text-decoration:underline } 
.news-list-box .article-list .img-r .article-con { display:-webkit-box; overflow:hidden; padding-top:10px; height:58px; max-width:85%; min-width:350px; color:#999; text-overflow:ellipsis; line-height:24px; -webkit-line-clamp:2; box-sizing: border-box; font-size: 14px; } 
.news-list-box .article-list .img-r .article-con a { color:#999 } 
.news-list-box .article-list .img-r .article-info { padding-top: 10px; line-height:30px } 
.news-list-box .article-list .img-r .article-info .avatar { width:30px; height:30px } 
.news-list-box .article-list .img-r .article-info .avatar img { display:block; width:100%; height:100%; border-radius:50% } 
.news-list-box .article-list .img-r .article-info .name { overflow:hidden; margin-left:10px; max-width:80px; text-overflow:ellipsis; white-space:nowrap } 
.news-list-box .article-list .img-r .article-info .name:hover { color:#FF583D } 
.news-list-box .article-list .img-r .article-info .data-num { color:#999; font-size:14px } 
.news-list-box .article-list .img-r .article-info .data-num i { background:url(/assets/revision/images/base-icon.v80.png) } 
.news-list-box .article-list .img-r .article-info .view-num i { display:inline-block; margin-right:4px; width:19px; height:14px; background-position:-532px 0; vertical-align:-3px } 
.news-list-box .article-list .img-r .article-info .comment-num i { display:inline-block; margin-right:4px; width:19px; height:12px; background-position:-533px -21px; vertical-align:-1px } 
.news-list-box .article-list .img-r .article-info .good-num i { display:inline-block; margin-right:5px; width:16px; height:15px; background-position:-532px -41px; vertical-align:-2px } 

/*选择分类*/
.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; }