@charset "utf-8";
/* CSS Document */

.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;}

/*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下面的介绍*/
.iconBox{padding: 20px 0;margin-right:-26px;}
.wWidth1200 .jd_navclass .item{margin: 0 26px 0 0;}
.jd_navclass{overflow: hidden;}
.jd_navclass .item {float: left;width: 280px;padding:20px;box-sizing: border-box;height: 120px;}
.jd_navclass .icon1{background: url(index_btn_colume.png) no-repeat right center;background-color: #fff;}
.jd_navclass .icon2{background: url(index_btn_camp.png) no-repeat right center;background-color: #fff;}
.jd_navclass .icon3{background: url(index_btn_activity.png) no-repeat right center;background-color: #fff;}
.jd_navclass .icon4{background: url(index_btn_group.png) no-repeat right center;background-color: #fff;}
.jd_navclass dl dt{float: left;width: 30%;font-size: 30px;text-align: center;color:#3c81f9;line-height: 58px;}
.jd_navclass dl dd{height: 38px;padding: 10px 0;}
.jd_navclass dl dd span{display: block;font-size: 20px;color:#fff;line-height: 20px;font-weight: bold;letter-spacing: 2px;padding-bottom: 17px;position: relative;}
.jd_navclass dl dd span:after{ content:''; position:absolute; height:2px; width:30px; background:#fff;bottom: 0;left: 0;}
.jd_navclass dl dd p{font-size: 14px;color: #fff;line-height: 18px;margin-top: 15px;letter-spacing:1px;}

/*选择分类*/
.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: #d9eefe;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:#4084f5; font-size: 14px;}
/*所选分类的课程*/
.class-course__loading{
    padding: 60px 0;
    display: block;
    margin: 0 auto;
}
.class-course-inner{ margin-bottom:50px;}
.class-course-inner:last-child{ margin-bottom:10px;}
.common-title{font-size: 24px;font-weight: normal;padding-bottom: 20px;height: 24px;line-height: 24px;}
.common-title a{font-size: 14px;line-height: 30px;color: #777;}
.class-course-inner ul,.course-column ul{ margin-right:-28px;}
.class-course-inner li,.course-column li{ float:left;width: 25%;}
.class-course_box{ margin-right:28px;padding-bottom: 84px;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;}
.class-course_box:hover{transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 26px 40px -24px rgba(0, 0, 0, 0.1);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.class-course_img-box{ height:196.24px; overflow:hidden;border-radius: 5px 5px 0 0;}
.class-course_img-box img{ width:100%;height: 100%;object-fit: cover;}
.class-course_info-box{ padding:15px;background: #fff;position: absolute;width: 100%;box-sizing: border-box;bottom: 0;left: 0;border-radius: 0 0 5px 5px;}
.class-course_title{margin-bottom:7px;font-size: 16px;font-weight: normal;height: 21px;line-height: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.class-course_info{line-height: 22px;font-size: 14px;color: #888;height: 0;overflow: hidden; margin:7px 0;-webkit-transition: .3s;transition: .3s;}
.class-course_box:hover .class-course_info{height:44px;}
.class-course_param{ font-size:14px; color:#777; margin-top:7px;}
.class-course_price{color: #f5891e; font-size:16px;}

.class-tab{position: absolute;z-index: 100;top: -14px;right: -14px;color: #fff;padding: 3px 8px;border-radius: 20px;border: 2px solid #fff;font-size: 13px; display:none;}
.class-tab_1{background: #ff9684; display:block;}
.class-tab_2{ background:#f5891e; display:block;}
.class-tab_3{ background:#d375e6; display:block;}
.class-tab_4{ background:#ff75b7; display:block;}

/*最近直播*/
.recently-live{ padding-bottom:10px;}
.recently-live ul{ margin-right:-28px;}
.recently-live li{ float:left; width:33.33%;}
.recently-live .recently-live-box{ margin-right:28px; background:#fff; margin-bottom:20px;padding: 12px; border-radius:5px;height: 115px;overflow: hidden;}
.recently-img-box{ width:200px; height:115px;  border-radius:80px;margin-right: 12px;}
/*.recently-img-box{ width:80px; height:80px; overflow:hidden; border-radius:80px;margin-right: 12px;}*/
.recently-img-box img{ width:100%;height: 100%;object-fit: cover;}
.recently-info{width: 145px;}
/*.recently-info{width: 260px;}*/
.recently-info h2{font-size: 16px;font-weight: normal;line-height: 16px;height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.recently-info p{margin-top: 21px;font-size: 14px;color: #777;}
/*.recently-info p{margin-top: 12px;font-size: 14px;color: #777;}*/
.recently-price{color: #f5891e;font-size: 16px; line-height:18px;}
.green-font{color: #3ab57f;font-size: 16px;}
.recently-live-box:hover{box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.08);}

/*课程专栏*/
.select-class-box,.camp-list{ margin-bottom:10px;}
.course-column .class-course_info,.course-column .class-course_box:hover .class-course_info{height: 22px;}

/*课程*/
.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:30px;}
.course-inner:last-child{ margin-bottom:10px;}
.course-title h1{font-size: 24px;font-weight: normal;padding-bottom: 20px;height: 24px;line-height: 24px;display: inline-block;}
.course-title a{font-size: 14px;line-height: 30px;color: #777;}
.course-title span{ margin-left:30px;}
.course-title span a{ margin-right:20px;color: #666;}
.recommended{ width:224px; height:412px; margin-right:20px;}
.course-inner1 .recommended{ background:#3C81F9;}
.course-inner2 .recommended{ background:#D375E6;}
.course-inner3 .recommended{ background:#FF75B7;}
.course-inner4 .recommended{ background:#FF9684;}
.course-inner5 .recommended{ background:#FFC863;}
.course-inner6 .recommended{ background:#26C196;}
.course-show{ width:712px;}
.course-show ul{ margin-right:-20px;}
.course-show li{ float:left;width: 33.33%;margin-bottom: 20px;}
.course-show .class-course_box{ margin-right:20px;}
.course-show .class-course_img-box {height: 125px;}
.recommended-title{ padding:24px; color:#fff;}
.recommended-title h2{font-size: 24px;height:24px;line-height:24px;font-weight: normal;padding-bottom:15px;position:relative;margin-bottom:15px;}
.recommended-title h2:after{ content:''; position:absolute; background:#fff; width:60px; height:2px; bottom:0; left:0;}
.recommended-title p{text-transform:Uppercase}
.course-show .class-course_info-box{ padding:8px;}
.course-show .class-course_box{ padding-bottom:71px;}
.course-show .class-course_title{ font-weight:normal;}
.course-right{width: 224px;background: #fff;height: 412px; padding:0 10px; box-sizing:border-box;}
.course-right-tab{ border-bottom:1px solid #e6e9ed;box-sizing: border-box;height: 54px;}
.course-right-tab li{ width:50%; float:left; line-height:54px; text-align:center; font-size:16px; position:relative; cursor:pointer;}
.course-right-tab li:after{ content:''; position:absolute; bottom:0; width:80px; left:50%; margin-left:-40px; height:1px; background:#488bff; display:none;}
.course-right-tab .active:after{ display:block;}

.hot-course{ display:none;}
.curr .hot-course{ display:block;}
.hot-course .hot-course-img{ width:80px; height:45px; overflow:hidden; float:left; border-radius:5px;}
.hot-course .hot-course-img img{ width:100%; min-height:100%;}
.hot-course .hot-course-info{ width:96px;float: right;}
.course-right-con li{ margin-top:20px;padding-left: 18px; position:relative;}
.course-right-con li:before{ content:''; position:absolute; width:5px; height:5px; background:#e6e9ed; border-radius:5px; left:0; top:4px;}
.course-right-con li h3{font-weight: normal;font-size: 14px;margin-bottom: 14px;height: 14px;line-height: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.current-price{font-size: 14px;color: #f5891e;margin-bottom: 2px;}
.original-price{ font-size:12px;text-decoration: line-through;color: #bbb;}

/*新闻资讯*/
.news-list ul{ margin-right:-28px;}
/*.news-list li{ width:25%; float:left;}*/
.news-list .class-course_box{ padding-bottom:0;}
.news_info-box{ background:#fff; padding:10px 14px 18px; border-radius:0 0 5px 5px;}
.news_info{font-size: 14px;color: #777;padding-bottom: 18px; position:relative; background:url(index_icon_articlet.png) no-repeat left top;padding-left: 15px;    height: 56px; overflow:hidden;box-sizing: border-box;}
.news_info:after{ content:''; width:36%; position:absolute; height:1px; background:#dedede; left:50%;bottom:0; margin-left:-18%;}
.news_title{text-align: center;font-size: 16px;font-weight: normal;height: 16px;line-height: 16px;white-space: nowrap;text-overflow: ellipsis;margin-top: 18px;overflow: hidden;}

/*精英教师列表*/
.teacher-list{ margin-bottom:10px;}
.teacher-list ul{ margin-right:-20px;}
.teacher-list li{ width:20%; float:left; padding-top:20px;}
.move-top{transition: all 0.3s ease;}
.teacher-box{ margin-right:20px; padding:30px 20px 100px;position: relative; background:#fff; border-radius:5px; overflow:hidden;}
.teacher-box:hover{box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.08);}
.teacher-header{ width:100px; height:100px; overflow:hidden; border-radius:100px;margin: auto;transition: all 0.3s ease;}
.teacher-header img{ width:100%; height:100%;}
.teacher-info{position: absolute;width: 184px;left: 20px;bottom: 25px;}
.teacher-info h3{text-align: center;margin-top: 18px;font-size: 18px;height: 18px;line-height: 18px;font-weight: normal;margin-bottom: 18px;}
.teacher-info p{height: 20px;line-height: 20px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #777;transition: all 0.3s ease;}
.teacher-box:hover .teacher-header{-webkit-transform:scale(0.6,0.6);-moz-transform:scale(0.6,0.6);transform:scale(0.6,0.6);}
.teacher-box:hover .move-top{transform: translateY(-40px);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);transition: all 0.3s ease;}
.teacher-box:hover .teacher-info p{ height:80px; white-space:normal;}
.news-list{ margin-bottom:10px;}

/*训练营*/
.camp-list ul{ margin-right:-28px;}
.camp-list li{ width:25%; float:left;}
.camp-box{ margin-right:28px; position:relative;height: 160px;border-radius: 5px;overflow: hidden;}
.camp-box img{ width:100%;height: 100%;object-fit: cover;}
.camp-box:after{ content:''; position:absolute; width:100%; height:100%;left:0; top:0;background: rgba(0, 0, 0, 0.4);}
.camp-box h1{ font-weight:normal; position:absolute;top:15px;left:20px; color:#fff; z-index:10; font-size:24px; line-height:30px;height: 60px;overflow: hidden;width: 239px;}
.camp-look{position: absolute;left: 20px;bottom: 20px;font-size: 14px;color: #fff;background: #488bff;z-index: 10;padding: 5px 15px;border-radius: 20px;}

/*友情链接*/
.link-cnt{ margin-right:-20px;}
.link-cnt li{ float:left; width:20%;margin-bottom: 30px;}
.link-cnt .link-box{ margin-right:20px; background:#fff;justify-content: center; height:128px; line-height:100%;display: flex; overflow:hidden;}
.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;}