@charset "utf-8";

/*----------------header--------------*/
.header-logo{justify-content: center;}
.header-logo ,.banner-nav{width: 240px;overflow: hidden;height: 85px;display: flex;align-items: center;}
.header-li {width:64%;height:85px;overflow: hidden;}
.header-li  li{float:left;_display:inline;padding:0 20px;}
.header-li  li:hover{background: #f9f9f9;cursor: pointer;}
.header-logo p,.header-li  li{line-height: 85px;  overflow: hidden;white-space: nowrap;width: 69px;text-align: center;}
.header-phone{right: 0;line-height: 85px;font-size: 24px;color: #ff0000;font-weight: bold;}
.row{width: 100%;position: relative;}
.shoBox{
    background-color: #f9f9f9;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9999;
    top: 85px;
    left: 340px;
    -webkit-box-shadow: 4px 7px 16px rgba(0,0,0,0.05);
    -moz-box-shadow: 4px 7px 16px rgba(0,0,0,0.05);
    box-shadow: 4px 7px 16px rgba(0,0,0,0.05);
    border-radius: 0px 0 8px 8px;
}

.shoBox li{
    line-height: 30px;
    padding: 5px 27px;
    list-style: none;
    font-size: 14px;
    color: #333;
}

.column{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.live_flex{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.live{
    width: 110px;
    height: 36px;
    border-radius: 18px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    margin-top: 8px;
}

.course-card-body{
    /*padding-top: 20px;*/
}

.col-4{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.live_wait{
    background: linear-gradient(90deg, #0A92EF, #6FC4FF);
}

.live_on{
    background: linear-gradient(90deg, #26B880, #43D8AD);
}

.live_off{
    background: linear-gradient(90deg, #e6e6e6, #a8a8a8);
}

/*----------------banner--------------*/
.banner li a {display: block;width:100%;height:370px;text-align:center;}
.banner li a img {height:370px; width:719px;}
.banner-nav-tit i {margin-top:10px;width: 10px;height: 14px;}
.banner-nav{height:370px;overflow: hidden;background:#333;background: rgba(0,0,0,0.6)}
.banner-nav-content li{float:left;width:33%;text-align:left;line-height: 24px;}
.banner-nav-content li a{display: inline-block;color:#f0f0f0;padding:4px 0px;}
.banner-nav-content li a:hover{color:#fff!important;}
.banner-nav-content li:nth-child(3n-2){text-align:left;}
.banner-nav-content li:nth-child(3n-1){text-align:center;}
.banner-nav-content li:nth-child(3n){text-align:right}
.banner-nav-content p{height:40px;line-height:40px;cursor: pointer;}
.banner-nav-content p:hover{color:#fff!important;background: rgba(0,0,0,0.2)}
.banner-nav-content{padding:0 20px;}

.cont-white{width:100%;min-width:1200px;background-color:#fff;margin: 0 auto;height:530px;}
.contWidth { width: 1200px; margin: 0 auto; }
.fullSlide{min-width: 1100px;position: relative;height: 530px;overflow: hidden;}
.fullSlide .bd{position: relative;z-index: 0;}
.fullSlide .bd ul{width: 100% !important;}
.fullSlide .bd li{width: 100% !important;height: 530px;overflow: hidden;text-align: center;}
.fullSlide .bd li a{display: block;height: 530px;}
.fullSlide .hd{width: 1100px;left: 50%;margin-left: -500px;bottom: 15px;position: absolute;z-index: 1;bottom: 15px;overflow: hidden;}
.fullSlide .hd ul{float: right;}
.fullSlide .hd ul li{float: left;margin: 0 5px;display: inline;cursor: pointer;}
.fullSlide .hd ul li img{width: 80px;line-height: 41px;display: block;border: 2px solid #fff;filter: alpha(opacity=50);opacity: 0.5;}
.fullSlide .hd ul .on img{border-color: #FFFFFF;filter: alpha(opacity=100);opacity: 1;}

.healthTabNav{width: 100%;border-radius: 15px 15px 0 0;height:98px;line-height:98px;position: absolute;}
.healthTabHd{border-radius: 15px 15px 0 0;position: relative;height:98px;line-height:98px;}
.healthTabHd li{border-bottom: none;height:98px;line-height:98px;box-shadow: none;background:url('../img/hot1.png') no-repeat center left;}
.healthTabHd .li1{border-bottom: none;height:98px;line-height:98px;box-shadow: none;background:url('../img/live.png') no-repeat center left;}
.healthTabHd li.on,.healthTabHd li:hover{padding-left: 45px;color: #333333;font-size: 28px;display: inline-block;line-height: 98px;font-weight: bold;text-align: left;}
.healthTabHd .healthTabNav i{font-size: 12px;color: #8c8c8c;float: right;}
.healthTabPalLeft{width:280px;background: #fff;padding-right: 20px;min-height: 430px;}
.healthTabPalLeft .box-lc{padding: 15px 0 0 5%;width: 95%;}
.healthTabPalLeft .box-lc img{width: 100%;}
.healthTabPalright{width: 900px;}
.healthTabPalright .freeSlideBox{padding-top: 15px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;padding-right: 18px;}
.eui.f12 {font-size: 12px;font-weight: normal;}
.eui.card{border-radius: 5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 280px;min-height: 220px;float: left;margin-bottom: 10px;border: 1px solid #e9e9e9;}
.eui.card:last-child{margin-right: 0;}
.eui.card .card-wrap:hover{box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);}
.eui.card .front{background-color: #ffffff;width: 100%;height: 100%;min-height: 246px;position: absolute;top: 0;left: 0;z-index: 1;}
.eui.card .back{display: none;width: 100%;height: 100%;min-height: 246px;}
.eui.card.course-card .card-wrap{width: 260px;
    min-height: 199px;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    background: #ffffff;}
.eui.card.course-card .meeting-tag{display: none;}
.eui.card.course-card .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 28px;height: 28px;color: #5b5b5b;font-weight: 700;padding:10px 10px 0 10px;}
.eui.card.course-card .subtitle{color: #9598A2;margin: 4px 0;height: 20px;line-height: 20px;padding: 0 10px;}
.eui.card.course-card .subtitle .ornament-line{height: 10px;width: 1px;background: #9B9B9B;margin: 0 8px;display: inline-block;}
.eui.card.course-card .tag-group{height: 20px;}
.eui.card.course-card .tag-thumb img{width: 100%;height: 158px;}
.eui.card.course-card .tag-group span{background: #F7F7F7;color: #9598A2;display: inline-block;padding: 0 5px;height: 20px;line-height: 20px;float: left;margin-right: 10px;max-width: 72px;overflow: hidden;font-size: 12px;}
.eui.card.course-card .tag-group .span{*display: inline-block;}
.eui.card.course-card .teacher-group{margin-bottom: 18px;}
.eui.card.course-card .teacher-block{float: left;width: 40px;margin-right: 17px;}
.eui.card.course-card .teacher-block .teacher-face{width: 40px;height: 40px;display: block;margin-bottom: 5px;background: #dddddd;border-radius: 50%;}
.eui.card.course-card .teacher-block .teacher-name{color: #9598A2;text-align: center;display: inline-block;width: 140%;margin-left: -20%;font-size: 12px;}
.eui.card.course-card .course-card-footer{clear: both;height: 43px;position: relative;width: 100%;border-top: 1px solid #F0F0F0;color: #9598A2;line-height: 43px;}
.eui.card.course-card .course-card-footer p{position: absolute;}
.eui.card.course-card .course-card-footer .count-down, .eui.card.course-card .course-card-footer .limit{bottom: 24px;left: 0;}
.eui.card.course-card .course-card-footer .count-down span, .eui.card.course-card .course-card-footer .limit span{color: #f54030;}
.eui.card.course-card .course-card-footer .count-down{display: none;}
.eui.card.course-card .course-card-footer .count-down .count-down--time{width: 52px;text-align: center;display: inline-block;}
.eui.card.course-card .course-card-footer .price-old{right: 0;bottom: 24px;text-decoration: line-through;color: #CCCCCC;}
.eui.card.course-card .course-card-footer .people-number{bottom: 0;left: 10px;}
.eui.card.course-card .course-card-footer .price{bottom: 0;right: 10px;color: #f54030;}
.eui.card.course-card .course-card-footer .price .eui.f20{height: 22px;display: inline-block;position: relative;top: 1px;font-size: 22px;line-height: 22px;}
.eui.card.course-card .course-card-footer .count-down, .eui.card.course-card .course-card-footer .limit, .eui.card.course-card .course-card-footer .price-old, .eui.card.course-card .course-card-footer .people-number{*height: 14px;*line-height: 16px;}
.eui.card.course-card a{color: #171920;}
.eui.card.live-card{width: 280px;height: 300px;}
.eui.card.live-card .card-wrap{min-height: 260px;}
.eui.card.live-card .card-wrap .course-card-body{position: relative;}
.eui.card.live-card .front{width: 240px;height: 246px;padding: 20px;display: table;}
.eui.card.live-card .meeting-tag{display: none;}
.eui.card.live-card .title{line-height: 22px;height: 44px;margin-top: 29px;margin-bottom: 12px;}
.eui.card.live-card .tag-group{margin-bottom: 16px;height: 20px;}
.eui.card.live-card .tag-group .tag{color: #9598A2;padding: 0 5px;height: 20px;line-height: 20px;float: left;max-width: 108px;overflow: hidden;font-size: 12px;}
.eui.card.live-card .tag-group .tag:after{content: '';border-right: 1px solid #9B9B9B;height: 10px;/* display: block;*/float: right;position: relative;top: 4px;left: 5px;}
.eui.card.live-card .tag-group .tag:last-child::after{border-right: 0;}
.eui.card.live-card .tag-group .tag{*display: inline-block;}
.eui.card.live-card .daytime-block{height: 12px;line-height: 12px;position: absolute;top: -25px;*top: -13px;margin: 0;padding: 0;font-size: 14px;}
.eui.card.live-card .daytime-block span{float: left;}
.eui.card.live-card .daytime-block .icon-time{margin-top: -1px;margin-right: 8px;}
.eui.card.live-card .daytime-block .icon-living{margin-top: -4px;margin-right: 8px;display: none;}
.eui.card.live-card .daytime-block .living-logo{display: none;}
.eui.card.live-card .teacher-group{margin-bottom: 48px;}
.eui.card.live-card .teacher-block{float: left;width: 40px;margin-right: 17px;}
.eui.card.live-card .teacher-block .teacher-face{width: 40px;height: 40px;display: block;margin-bottom: 7px;background: #dddddd;border-radius: 50%;margin-right: 17px;}
.eui.card.live-card .teacher-block .teacher-name{color: #9598A2;text-align: center;display: inline-block;width: 140%;margin-left: -20%;font-size: 12px;}
.eui.card.live-card .course-card-footer{position: absolute;width: 240px;bottom: 0;border-top: 1px solid #EFEFF0;text-align: center;padding-top: 16px;padding-bottom: 17px;}
.eui.card.live-card .course-card-footer .button{float: left;min-width: 78px;margin: 0;font-weight: 100;}
.eui.card.live-card .course-card-footer .left-button{float: left;}
.eui.card.live-card .course-card-footer .right-button{float: right;}
.eui.card.live-card .course-card-footer .center-button{margin: auto;width: 124px;float: none;}
.eui.card.live-card .course-card-footer p{position: absolute;top: 24px;font-size: 14px;*left: 0;}
.eui.card.live-card .course-card-footer p span{color: #649cf0;}
.eui.card.live-card .course-card-footer .button-disabled{background: #DDDFE8;color: #ffffff !important;}
.eui.card.live-card .course-card-footer{*left: 20px;left: 20px\9;}
.eui.card.live-card a{color: #171920;}
.eui.card.course-card.meeting-card .meeting-tag, .eui.card.r-course-card.meeting-card .meeting-tag {
    display: block;
    position: absolute;
    text-align: center;
    color: #ffffff;
    width: 150px;
    height: 27px;
    background: linear-gradient(75deg, #7cb7f6, #1167d4);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0 13px 13px 0;
    top: 0;
    left: 0;
    line-height: 27px;
    font-size: 12px;
}

.mockBox{overflow: hidden;width: 100%;position: relative;background: #fff;padding: 1% 0;margin-top: 10px;}
.titleStyleMore{font-size: 20px;height: 40px;border-bottom: 1px dashed #f0f0f0;font-weight: bold;margin: 6px 0;}
.titleStyleMore a{float: right;color: #999;font-weight: normal;margin-top:8px;font-size: 12px;}
.titleStyleMore a:hover{color:#0073d1;}
.healthTabPal{background: #ffffff;overflow: hidden;margin-bottom: 20px;}
.healthTabPal .titleTopic{margin-bottom: 0;border-bottom: 1px solid #ddd;font-weight: bold;}
.healthTabPal .topicBox a{border: 1px solid #e9e9e9;margin-right:11px;padding-left:55px;width:111px;height:50px;line-height:50px;display: block;float: left;}
.healthTabPal .topicBox a.lnzt{background-position: 20px 15px}
.healthTabPal .topicBox a.mnst{background-position: 20px -50px}
.healthTabPal .topicBox a.mryl{background-position: 20px -114px}
.healthTabPal .topicBox a.zjlx{background-position: 20px -183px}


.bg_contet{background: url("../img/bg_01.jpg") no-repeat top center;}

.teacherList{}
.teacherList .title,.freecloum .title{padding-left: 45px;
    background:url('../img/teacher.png') no-repeat center left;
    color: #333333;
    font-size: 28px;
    display: inline-block;
    line-height: 98px;
    font-weight: bold;
    text-align: left;}
.teacherList .teacher{width: 100%;overflow: hidden;}
.teacherList .teacher_left{width: 513px;float: left;}
.teacherList .teacher_left .teacher_img{width: 100%;border: 1px solid #ecebf0;margin-bottom: 20px;}
.teacherList .teacher_left .teacher_img:first-child{height: 234px;}
.teacherList .teacher_left .teacher_img:last-child{height: 305px;}
.teacherList .teacher_right{width: 665px;float: right;}
.teacherList .teacher_right .teacher_img{height: 355px;width: 665px;margin-bottom: 12px;}
.teacherList .teacher_right .teacher_list{width: 100%;overflow: hidden;}
.teacherList .teacher_right .teacher_list .teacher_imgs{width: 321px;height: 194px;overflow: hidden;border: 1px solid #ecebf0;}


.ch-freecloum{ width:1216px;overflow: hidden;padding-bottom: 40px;}
.ch-freecloum dd{ width:25%; float:left}
.ch-ktmain{ height:365px; margin-right:20px; background:#fff; overflow:hidden; position:relative}
.ch-ktinfo{ padding-top:40px; position:relative; text-align:center; height:325px}
.ch-ktinfo h5{ height:26px; line-height:26px; font-size:16px}
.ch-ktinfo h4{ height:38px; line-height:38px; font-size:26px; color:#333; margin-top:15px}
.ch-ktinfo p{ font-size:12px; line-height:20px; color:#b0b0b0; padding-top:4px}
.ch-kticon{ width:85px; height:105px; margin:43px auto 0 auto; background:url(../img/learn-icon.png) no-repeat}
.ch-ktlisten{ background-position:0 0}
.ch-kttiku{ background-position:0 -140px}
.ch-ktintflow{ background-position:0 -280px}
.ch-ktarti{ height:25px; line-height:25px; font-size:12px; background:#ff923d; color:#fff; padding:0 10px; border-radius:0 15px 15px 0; position:absolute; z-index:5; top:11px; left:0}
.ch-prew, .ch-next{ display:block; width:20px; height:48px; background:url(../img/learn-icon.png) no-repeat #d6d6d6; position:absolute; z-index:10; top:150px; cursor:pointer; transition:0.5s}
.ch-prew{ background-position:-110px -450px; left:0}
.ch-next{ background-position:-130px -450px; right:0}
.ch-prew:hover, .ch-next:hover{ background-color:#ef3620}
.ch-downbox{ padding:43px 40px 0 40px}
.ch-down-lt{ width:90px; float:left}
.ch-down-rt{ padding-left:100px}
.ch-andbtn, .ch-applebtn{ display:block; height:34px; border-width:1px; border-style:solid; margin-bottom:10px; font-size:16px; border-radius:4px; transition:0.5s}
.ch-andbtn{ border-color:#89bf1f; color:#89bf1f}
.ch-applebtn{ border-color:#555555; color:#222222}
.ch-andbtn span, .ch-applebtn span{ display:inline-block; width:22px; height:34px; line-height:34px; background:url(../img/learn-icon.png) no-repeat; vertical-align:middle; margin-right:7px}
.ch-andbtn span{ background-position:-110px -280px}
.ch-applebtn span{ background-position:-110px -320px}
.ch-andbtn:hover, .ch-applebtn:hover{ color:#fff}
.ch-andbtn:hover{ background:#89bf1f}
.ch-andbtn:hover span{ background-position:-110px -360px}
.ch-applebtn:hover{ background:#555}
.ch-applebtn:hover span{ background-position:-110px -400px}
.ch-downtip{ width:100%; height:10px; position:absolute; z-index:30; left:0; bottom:30px; text-align:center}
.ch-downtip span{ display:inline-block; cursor:pointer; margin:0 12px; width:6px; height:6px; border-radius:50%; background:#ababab; border:2px solid #fff; transition:0.5s}
.ch-downtip span.ch-active, .ch-downtip span.ch-active:hover{ background:#fff; border-color:#e24533}
.ch-downtip span:hover{ background:#e24533}
.ch-downpc p{ height:40px; line-height:40px; font-size:20px; color:#333}
.ch-downpc a{ display:block; height:34px; line-height:34px; color:#ef3620; border:1px solid #ef3620; border-radius:3px; font-size:16px; transition:0.5s}
.ch-downpc a:hover{ color:#fff; background:#ef3620}
.ch-pcicon{ width:85px; height:105px; background:url(../img/learn-icon.png) 0 -420px no-repeat}
.ch-kthover{ width:100%; height:365px; position:absolute; z-index:50; left:0; top:-364px; transition:0.5s}
.ch-ktmain:hover .ch-kthover{ top:0}
.ch-ktbox{ text-align:center; padding:25px 37px 20px 37px}
.ch-ktbox h6{ height:38px; line-height:38px; color:#fff; font-size:26px}
.ch-ktbox h6.f-mt20{display:none;}
.ch-ktbox .ch-kticon{ margin-top:16px}
.ch-ktbox .ch-ktlisten{ background-position:-110px 0}
.ch-kt-linklist{ width:220px; overflow:hidden}
.ch-kt-linklist li{ width:50%; float:left; padding-top:8px}
.ch-kt-linklist li a,.ch-kt-linklist li span{ display:block; height:28px; margin-right:10px; color:#fff; line-height:28px; font-size:16px; border-radius:3px; transition:0.5s}
.ch-kt-linklist li a:hover{ background:#fff; border-color:#fff !important}
.ch-ktbtn{ margin-top:10px; padding:8px 0; background:url(../img/learn-icon.png) 0 -560px no-repeat}
.ch-ktbtn a{ display:block; height:50px; line-height:50px; font-size:20px; border-radius:25px; transition:0.5s}
.ch-kt-viptip{ margin-top:10px; padding:10px 25px; font-size:16px; color:#fff; line-height:20px; background:#52a750; border-radius:2px}
.ch-downline{ _display:inline; width:100%; height:1px; position:absolute; top:0; left:0; z-index:50; background:#ef3620}
.ch-ktbox .ch-ktintflow{ background-position:-110px -140px}
.ch-bgorg .ch-kt-linklist li a,.ch-bgorg .ch-kt-linklist li span{ border:1px solid #ffb67d}
.ch-bgorg .ch-kt-linklist li a:hover{ color:#ff923d}
.ch-bgorg .ch-ktbtn a{ background:#fff8f2}
.ch-bgorg .ch-ktbtn a:hover{ background:#f4e9e0}
.ch-bggreen .ch-kt-linklist li a{ border:1px solid #90c98f}
.ch-bggreen .ch-kt-linklist li a:hover{ color:#60b25e}
.ch-bggreen .ch-ktbtn a{ background:#f4fff4}
.ch-bggreen .ch-ktbtn a:hover{ background:#dbf3da}
.ch-bgblue .ch-kt-linklist li a,.ch-bgblue .ch-kt-linklist li span{ border:1px solid #92c2eb}
.ch-bgblue .ch-kt-linklist li a:hover{ color:#63a7e3}
.ch-bgblue .ch-ktbtn a{ background:#f2f9ff}
.ch-bgblue .ch-ktbtn a:hover{ background:#e8f0f7}

.ascen_box{padding: 40px 0px; width:100%; height:115px;background: url("../img/bg_02.jpg") no-repeat top center;}
.ascen_box ul{ width:1200px; height:114px; margin:0 auto}
.ascen_box ul li{ width: 246px; height:70px; padding:22px 2% 22px 1%; float:left; position:relative;margin-right: 2%;background: #ffffff;}
.ascen_box ul li:last-child{margin-right: 0;}
.ascen_box ul li .ascen-tit{ width:50px; height:50px; text-align:center; font:lighter 30px/50px "Microsoft Yahei"; color:#fff; border:2px solid #fff; border-radius:50%; float:left}
.ascen_box ul li .ascen-line{ width:21px; height:40px; position:absolute; z-index:2; top:29px; right:7%}
.ascen_box ul li h4{ padding-left:65px;}
.ascen_box ul li h4 em{ display:block; height:30px; line-height:30px; font-size:22px; overflow:hidden; color:#000000;}
.ascen_box ul li h4 span{ display:block; height:24px; line-height:24px; font-size:14px; color:#a2a2a2}

.footer .footer_desc{line-height: 32px;height: 32px;font-size: 12px; color: #c0c0c0;text-align: center;}
.footer .footer_desc a{color: #c0c0c0;}
.weblink{background:#f5f7f9;padding-bottom:20px;padding-top: 20px;}
.w1180{width: 1200px;margin: 0 auto;overflow: hidden;}
.weblink .w1180 .hezuo{padding:10px 20px;border-bottom:1px solid #efeff0;overflow: hidden;display: flex;flex-wrap: wrap;}
.weblink .w1180 .hezuo li{width:167px;font-size:16px;color:#171920;float:left;height:80px;line-height:80px;text-align:center;border-right:1px solid #f2f2f2;font-weight:700}
.weblink .w1180 .hezuo li img{height:80px}
.weblink .w1180 .hezuo li:last-of-type{border:none}
.weblink .w1180 .linktitel{color:#171920;font-size:16px;font-weight:700;line-height:1;padding:30px 20px 15px;border-bottom: 1px solid #efeff0;}
.weblink .w1180 .links{padding:20px 20px;font-size:0;}
.weblink .w1180 .hezuo a{color:#9598a2;font-size:12px;line-height:30px;white-space:nowrap;width: 25%;}
.weblink .w1180 .hezuo a:hover{color:#649cf0}
.weblink .w1180 .hezuo span{font-size:12px;color:#dadada;padding:0 5px}
.weblink .w1180 .hezuo .bold{color:#191921}
.meeting-card{cursor: pointer;}

.ch-time-box{padding-top: 30px; height: 45px; line-height: 30px;margin-bottom: 5px; position: relative; font-size: 14px;text-align: center;}
.ch-time-box em { font-size: 20px;}
.ch-time-box span { display: block;border-bottom: 1px dashed #eee; }
.ch-time-box span font { font-size: 30px; color: #fff; font-style: normal;width: 35px; height: 42px; line-height: 38px; text-align: center; display: inline-block; background: url(../img/cfe-bg.png) 0px -126px no-repeat; margin-right: 5px; vertical-align: top }
.ch-time-box em b.cRed{color:#0082c1!important;}
.ch-time-box a:hover{color:#0082c1;}