@charset "utf-8";
/* CSS Document */
.floor {padding:60px 0;}
.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;}
.l-height35{ line-height:35px !important;}
/*banner右边的信息模块*/

.header{position:absolute;width: 100%;z-index: 1000;background:none;}
.header-nav-sub{background: rgba(255, 255, 255, 0.1);}
.course-top-classify li{background: rgba(255, 255, 255, 0.2); }
.course-top-classify .active{background: rgba(255, 255, 255, 0.3);}
.course-top-classbox{background: rgba(255, 255, 255, 0.3);}
.course-top-classbox .inner-class a:hover{background: rgba(255, 255, 255, 0.2);}
.top-bar-user .u-navdropmenu{background: rgba(255, 255, 255, 0.1);}
.bannerBox>div{ position:absolute;}
.index-carousel{position:relative;}
.carousel-prev, .carousel-next{display:none; width:55px; height:80px; margin-top:-40px;}
.bannerBox:hover .carousel-prev,.bannerBox:hover .carousel-next{ display:block;}
.carousel-prev{background: url(index_btn_arrowleft.png) no-repeat 50% 50% rgba(255, 255, 255, 0.3);}
.carousel-next{background: url(index_btn_arrowright.png) no-repeat 50% 50% rgba(255, 255, 255, 0.3);}

/*banner下面的介绍*/
.wWidth1200 .jd_navclass .itemInner{width:70%;}
.jd_navclass{width: 100%;position: absolute;bottom: 0;left: 0;height: 180px;background: rgba(0, 0, 0, 0.2);}
.jd_navclass .item {float: left;width: 33.33%;box-sizing: border-box;background: url(advantage-bg.png) no-repeat right center;}
.jd_navclass .item:last-child{ border-right:0;}
.jd_navclass .itemInner{ width:55%; margin:24px auto;}
.jd_navclass dl dt{text-align: center;height: 40px;margin-bottom: 24px;}
.jd_navclass dl dd{text-align:center; color:#fff;}
.jd_navclass dl dd span{display: block;font-size: 30px;line-height: 25px;font-style: italic;font-weight: 600;letter-spacing: 1px;}
.jd_navclass dl dd p{font-size: 24px;line-height: 24px;margin-top: 24px;letter-spacing: 2px;}

/*课程活动*/
.floorTit h2{height:50px;line-height:50px;margin-bottom: 30px; text-align:center;font-size:50px; font-weight:normal;letter-spacing: 2px;}
.floorTit .s-tit{font-size: 24px;text-align: center;margin-bottom: 40px;color: #777;letter-spacing: 2px;}
.rightCosCon>h3{line-height: 25px;height: 25px;margin-top: 20px;font-weight: normal;position: relative;padding-left: 20px;font-size: 20px;letter-spacing: 2px;}
.readMore{ font-size:16px;color: #666;display: block;text-align: right;margin-top: 40px;}
.tabConBox ul{margin-left: -20px;margin-right: -20px;}
.floorNavList{text-align: center; padding-bottom:10px; border-bottom:1px solid #eee;}
.floorNavList a{ font-size:16px; display:inline-block; margin:0 20px; color:#999;position: relative; height:40px; line-height:40px;}
.wWidth1200 .floorNavList a{ margin:0 12px; font-size:15px;}
.floorNavList a:after{ content:''; width:100%; height:1px; left:0; bottom:0; display:none; position:absolute;}
.floorNavList .active:after{ display:block;}
.floorNavList .active{ color:#fa4949;}
.floorNavList a:after{ background:#fa4949;}


.actTime{font-size: 14px;color: #999;margin-bottom: 15px; line-height:23px; height:23px;}
.actTime font{margin: 0 5px;font-size: 20px;color: #fa4949;}
.floor1 .cosMoneyBox .grayFont{font-size: 12px;color: #999;text-decoration: line-through;margin-left: 5px;}
.actBtn{ height:35px; line-height:35px; padding:0 15px;display:inline-block; border-radius:35px; background:url(../common/common_btn_gradual_n.png) no-repeat center;
background-size: auto 100%;background: -webkit-linear-gradient(left,#ff663d,#ff3d66);background: -o-linear-gradient(right,#ff663d,#ff3d66);background: -moz-linear-gradient(right,#ff663d,#ff3d66);background: linear-gradient(to right,#ff663d,#ff3d66);}
.actBtn a{ color:#fff; display:block; font-size:14px; letter-spacing:1px;}
.cosMoneyBox span font{ margin-right:2px;}
.cosMoneyBox .qgbg{ display:none;}

/*通用左侧样式*/
.tabConBox li{ float:left; width:25%;}
.wWidth1200 .tabConBox li{ float:left; width:33.33%;}
.wWidth1200 .tabConBox li.li04{ display:none;}
.wWidth1200 .tabConBox li:nth-child(7),
.wWidth1200 .tabConBox li:nth-child(8){display: none}
.tabConBox li .cosConLi{ margin:40px 20px 0;padding: 10px;border: 1px solid #eee; border-radius:5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; background:#fff;}

.tabConBox li .cosConLi: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;}
.cosConLiImg{ position:relative;height:202px;overflow: hidden;}

.cosConLiImg .labelIcon{ position:absolute; width:32px; height:40px; background:url(common_icon_mark.png) no-repeat center; left:0; top:0; line-height:30px; font-size:14px;color:#fff; text-align:center;}

.cosConLiImg .Icon05{background: rgba(0, 0, 0, 0.5);bottom: 5px;right: 5px;left: auto;top: auto;border-radius: 20px;}
.cosConLiImg img{ width:100%; min-height:100%;}
.cosConLiTitle{margin-top:17px;margin-bottom: 10px;}
.cosConLiTitle h3{ font-weight:normal; font-size:16px; line-height:22px;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cosMoneyBox{font-size: 18px;color: #fa4949; line-height:26px;height: 26px;}
/*.cosMoneyBox .jifen{font-size: 12px;color:#ff5254;vertical-align: middle;margin-right:6px;}*/
.cosMoneyBox .greenFont,.free_cor{ color:#3eba84 !important;}
.cosinfonum span{ margin-right:10px; padding-left:25px; font-size:14px; color:#999; line-height:26px; display:inline-block;}
.cosinfonum span.peopleNum{ background:url(peopleicon.png) no-repeat center left;}
.cosinfonum span.readNum{ background:url(readicon.png) no-repeat center left;}
.liveTimeBox{margin-bottom: 15px;font-size: 14px;}
.liveTimeBox span{ display:block;}
.liveTime{ color:#999;}
.livingTime{ position:relative; padding-left:15px;color:#3eba84;}
.livingTime:after{ position:absolute; width:5px; height:5px; border-radius:5px; background:#3eba84; top:7px; left:0; content:'';}
.liveTimeBox .livingTime{ display:none;}
.living1 .livingTime{ display:block;}
.living1 .liveTime{ display:none;}
.cos-intro{line-height: 22px;height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;margin-bottom: 10px;font-size: 14px;letter-spacing: 1px;}

.floor2,.floor4,.floor8{ background:#fafafa;}

/*广告*/
.adfloor1{ background:url(index_banner1.jpg) no-repeat center; text-align:center; font-size:40px; color:#fff;letter-spacing: 20px; height:200px; line-height:200px; box-sizing:border-box;padding: 0;}
.adfloor2{ background:url(index_banner2.jpg) no-repeat center; text-align:center; font-size:40px; color:#fff;letter-spacing: 20px; height:200px; line-height:200px; box-sizing:border-box;padding: 0;}
.adfloor3{position:relative; text-align:center; font-size:40px; color:#fff;letter-spacing: 20px; height:400px;box-sizing:border-box;padding:100px 0 0;}
.adfloor3 img{ position:absolute; left:0;top:0; height:100%; min-width:100%;-webkit-transition: 2.6s;transition: 2.6s;}
.adfloor3:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);}
.ad3-Text{ margin-bottom:60px;}
.ad3-btn{ width:120px; height:40px; line-height:40px;letter-spacing:1px; display:block; margin:auto; color:#fff; font-size:16px;background: url(../common/common_btn_gradual_n.png) no-repeat center;background-size: auto 100%;background: -webkit-linear-gradient(left,#ff663d,#ff3d66);
background: -o-linear-gradient(right,#ff663d,#ff3d66);
background: -moz-linear-gradient(right,#ff663d,#ff3d66);
background: linear-gradient(to right,#ff663d,#ff3d66);}
.ad3-btn a{ color:#fff;}
.ad3-btn a:hover{ color:#fff;}

/*机构推荐*/
.floor7 .WhalfCon li{ width:20%;}
.floor7 .WhalfCon li a{ margin:0; border:0;}
.floor7 .WhalfCon ul{ margin:0;}
.schoolImg{height:74px; margin:33px 0;overflow: hidden; text-align:center;}
.floor7 .WhalfCon .schoolImg img{ height:100%; max-width:100%;}

.WhalfCon ul{ margin:0 -40px;}
.WhalfCon li{ width:25%; float:left;}
.floor6 .WhalfCon li a{ display:block;margin: 40px 40px 0;border: 1px solid #eee; border-radius:3px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.floor6 .WhalfCon li a: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;}
.wWidth1200 .WhalfCon li a{ margin:30px 5px 0;}
.WhalfCon li .teacherImg{height:310px; overflow:hidden;}
.wWidth1200 .WhalfCon li .teacherImg{ height:308px;}
.WhalfCon li .teacherImg img{ display:block; width:100%; min-height:100%;}
.WhalfCon li .teacherInfo{ text-align:center;}
.teacherInfo h3{margin-top: 20px;font-weight: normal;font-size: 16px;margin-bottom:15px;height: 21px;line-height: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teacherInfo span{ display:block; font-size:14px; margin-bottom:15px; color:#888; height:19px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.teacherInfo .teacherIntro{line-height: 22px;text-align: left;color: #999;height: 66px;overflow: hidden;padding: 0 20px;margin-bottom: 20px;}

.floor7{ padding-bottom:50px;}

/*小组*/
.clubListCon{ margin:0 -15px;}
.clubListCon .clubListBox{ float:left; width:33.33%;}
.clubListCon .clubListBox .cl-b{ margin:0 15px;}
.cl-b li{ margin:30px 0px 0px; background:#fff; padding:15px;box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.05);border-radius:5px; overflow:hidden;transition: transform .15s;}
.cl-b li:hover{transform: scale(1.05);}
.cl-b li.clT01{ padding:0;}
.cl-b li .c-imgBox{ float:left; width:90px; height:90px; border-radius: 90px;overflow: hidden;}
.cl-b li.clT01 .c-imgBox{ height:300px; width:100%; border-radius:0;float:none;}
.cl-b .c-imgBox img{ width:100%; min-height:100%;}
.cl-b .c-infoCon{ margin:15px;padding-left: 95px;}
.cl-b li.clT01 .c-infoCon{ padding-left:0; margin:20px 20px 30px;}
.cl-b .c-infoCon h2{ margin-bottom:15px; font-size:18px; font-weight:normal; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.cl-b .c-intro{ line-height:18px; height:18px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px; color:#666;}
.cl-b .c-class{ font-size:16px; color:#ff663d; position:relative;padding-left: 15px; height:16px; line-height:16px; overflow: hidden;}
.cl-b .c-class:after{ content:''; position:absolute; width:2px; height:100%; background:#ff663d; left:0; top:0;}