@charset "utf-8";
/* CSS Document */

.omit2{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.omit1{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.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:282px;text-align: center; position: absolute;right:0;top:10px;height: 390px; z-index: 9;background:#fff;box-sizing:border-box; padding:30px 0;}
.index-right-user .loading{
    width: 100px;
    height: 40px;
    position: absolute;
    left:50%;
    top:50%;
    margin-top: -20px;
    text-align: center;
    margin-left: -50px;
}
.index-right-user__text{
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}
.index-right-user__btn{
    height: 30px;
    line-height: 30px;
    background-color: #2080F7;
    color:#fff;
    border-radius: 20px;
    margin: 10px 30px 0 30px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #2080F7;
}
.index-right-user__btn:hover{
    background-color: #12a7ff;
}
.index-right-user__btn--plain,
.index-right-user__btn--plain:hover{
    background:none;
    color:#2080F7;
}
.index-right-user__avatar{
    padding: 50px 0;
}
.index-right-user__login-avatar img,
.index-right-user__avatar img{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;   
}

.index-right-user__login-info{
    position: relative;
    text-align: left;
    padding:0 30px;
    min-height: 72px;
    box-sizing: border-box;
    text-align: center;
}

.index-right-user__login-avatar{
   
   margin: 0 auto;
   
}
.index-right-user__login-name{
    font-size: 16px;
    font-weight: 500;
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index-right-user__login-vip{
    font-size: 14px;
    color:#999;
    line-height: 23px;
    position: relative;
    width: 104px;
    height: 23px;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
    padding-left: 34px;
    margin: 5px auto 0 auto;
}
.index-right-user__login-vip.viptype-0{
    display: none;
}
.index-right-user__login-vip.viptype-1{
    color:#fff;
    background: url(../skin-icons.png) no-repeat;
    background-position: -95px -412px;
}

.index-right-user__login-vip.viptype-2{
    color:#fff;
    background: url(../skin-icons.png) no-repeat;
    background-position: -95px -465px;
}

.index-right-user__openvip{
    text-align: left;
    background: url(vipbg.png) no-repeat;
    background-size: cover;
    padding: 10px 15px;
    color:#CF9B51;
    position: relative;
    line-height: 1.6;
    margin-top: 10px;
}
.index-right-user__openvip strong{
    color:#896432;
}
.index-right-user__openbtn{
    height: 26px;
    line-height: 26px;
    background-image: linear-gradient(to top, #f4c485 , #f7dcb8);
    border-radius: 40px;
    padding: 0 10px;
    color:#754E19;
    font-weight: bold;
    position: absolute;
    right: 25px;
    top:50%;
    margin-top: -13px;
    cursor: pointer;
}
.index-right-user__mycos{
    text-align: left;
    padding: 0 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.index-right-user__mycos{
    height: 102px;
    overflow: hidden;
}
.index-right-user__mycos li{
    line-height: 34px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 34px;
    overflow: hidden;
}
.index-carousel{
    height: 410px;
}
.index-carousel .swiper-button-prev,
.index-carousel .swiper-button-next{
   display: none;
}
.index-carousel-arrow{
    position: relative;
}
.index-carousel-arrow__prev,
.index-carousel-arrow__next{
    width: 36px;
    height: 70px;
    background-image: url(../skin-icons.png);
    position: absolute;
    top:50%;
    margin-top:-256px;
    z-index: 9;
    opacity: .8;
}
.index-carousel-arrow__prev:hover,
.index-carousel-arrow__next:hover{
    opacity: 1;
}
.index-carousel-arrow__prev{
    left:280px;
    background-position: -100px -51px;
}
.index-carousel-arrow__next{
    right: 292px;
    background-position: -150px -51px;
}


/*banner下面的介绍*/
.carousel-after-banner{
    box-sizing: border-box;
    padding:20px 0 0 270px;
}
.carousel-after-banner img{
    width: 100%;
    height: 100%;
    transition: .3s;
}
.carousel-after-banner-1{
    width: 46%;
    height: 132px;
    
}
.carousel-after-banner-1,
.carousel-after-banner-2,
.carousel-after-banner-3{
    padding-left: 20px;
    float: left;
    box-sizing: border-box;
}
.carousel-after-banner img:hover{
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.06);
}
.carousel-after-banner-2,
.carousel-after-banner-3{
    width: 27%;
    height: 132px;
}

.wWidth1200 .carousel-after-banner-1,
.wWidth1200 .carousel-after-banner-2,
.wWidth1200 .carousel-after-banner-3{
    height: 106px;
    padding-left: 15px;
}
.wWidth1200 .carousel-after-banner{
    padding-top: 15px;
}

.wWidth1200 .index-right-user{
    width: 260px;
}

/*选择分类*/

.select-class,
.select-class-title{  text-align:center;padding: 10px 0;}
.select-class-title h2,
.select-class h2{color: #333;font-size: 25px;line-height: 25px;letter-spacing: 1px;font-size: 16px; display: inline-block; font-weight: normal;}
.select-class-title a,
.select-class  a{color:#2080F7;border: 1px solid #2080F7; padding:6px 12px;font-size:14px;border-radius: 24px;margin-left: 10px;}


/*所选分类的课程*/
.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{padding-bottom: 20px;height: 50px;line-height: 50px; position: relative;}
.common-title h2{font-size: 30px;font-weight: bold; display: inline-block;}
.common-title-tabs{
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top:-7px;
}
.common-title-tabs li{
    display: inline-block;
    line-height: 34px;
    background-color: #e9e9e9;
    padding: 0 25px;
    font-size: 14px;
    border-radius: 20px;
    margin-left: 5px;
}
.common-title-tabs .active{
    background-color: #2080F7;
    color:#fff;
}
.common-title-tabs .active a{
    color:#fff;
}
.common-title-tabs li a{
    display: block;
    color:#999;
}
.common-title .more{font-size: 14px;line-height: 30px;padding-right:25px;color: #999;font-weight: normal;position: absolute;right: 0;top:10px; line-height: 30px;}
.common-title .more::after{
    content: '';
    width: 17px;
    height: 17px;
    background: url(../skin-icons.png) no-repeat;
    background-position: -123px -8px;
    position: absolute;
    right: 0;
    top:50%;
    margin-top: -9px;
}
.common-title .more:hover{
    color:#2080F7;
}
.common-title .more:hover::after{
    background-position: -153px -8px;
}

.class-course-inner ul,.course-column ul{ margin-right:-25px;}
.class-course-inner li,.course-column li{ float:left;width: 25%;}
.class-course_box{ margin-right:25px;background-color: #fff;}

.class-course_img-box{ overflow:hidden; height: 190px;}
.class-course_img-box img{ width:100%;height: 100%;object-fit: cover;}
.class-course_info-box{
    padding: 15px;
}
.class-course_tags{
    height: 62px;
    overflow: hidden;
}
.class-course_tags::after{
    content: '';
    display: block;
    clear: both;
}
.class-course_tags a{
    height: 25px;
    line-height: 25px;
    background-color: #F5F5F5;
    padding: 0 16px;
    float: left;
    color:#999;
    margin-right: 6px;
    margin-top: 6px;
}

.class-course_title{margin-bottom:7px;font-size: 18px;font-weight: normal;height: 21px;line-height: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.class-course_param{ font-size:14px; color:#777; margin-top:7px; text-align: left; height: 50px; line-height: 50px;}
.class-course_price{color: #F53520; font-size:30px;}
.class-course_price i{
    font-size: 20px;
    font-style: normal;
}
.gradient-bg{
    position: relative;
}
.gradient-bg::before{
    content: '';
    width: 100%;
    height: 500px;
    position: absolute;
    left:0;
    left:0;
    background: linear-gradient(180deg, #FFFFFF 0%, #F5F5F5 100%);
}
.gradient-bg .floor{
    position: relative;
    z-index: 2;
}
/*最近直播*/
.recently-live{ padding-bottom:10px;}
.recently-live ul{ margin-left:-28px;}
.recently-live li{ float:left; width:33.33%;padding-left: 28px;margin-top: 20px; box-sizing: border-box;}

.recently-live-time{
    text-align: right;
    line-height: 26px;
    font-size: 16px;
}
.recently-live-time span{
    background-color: #B9B9B9;
    color:#fff;
    padding: 0 10px;
    display: inline-block;
    border-radius: 14px;
    margin-left: 10px;
}
.recently-live-box{
    position: relative;
    padding:15px 20px 20px 120px;
    background-color: #fff;
    margin-top: 10px;
}
.recently-img-box{ width:80px; height:80px; position: absolute;left:24px;top:-32px; text-align: center;}
.recently-img-box img{ width:80px;height: 80px;object-fit: cover;border-radius:80px;}
.recently-img-box .recently-price,
.recently-img-box .recently-play{
    height: 30px;
    background-color: #f5f5f5;
    border-radius: 20px;
    margin-top: 10px;
    display: inline-block;
    line-height: 30px;
    width: 80px;
    color:#999;
    font-size: 16px;
}
.recently-img-box .recently-play{
    background-color: #2080F7;
    color:#fff;
}
.recently-img-box .recently-play a{
    display: block;
    color:#fff;
}
.recently-info-title{
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.recently-info p{margin-top: 6px;font-size: 14px;color: #999;}

.recently-info p span + span{
    padding-left: 30px;
}
.recently-price{color: #f5891e;font-size: 16px; line-height:18px;}
.recently-price .free{
    display: none;
}
.recently-price[data-price="0.00"] .free{
    display: block;
}
.recently-price[data-price="0.00"] .price{
    display: none;
}
.green-font{color: #2080F7;font-size: 20px; font-weight: normal;}
.recently-live-box:hover{box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.06);}

/*免费试听课*/
.audition-course{
    margin: -20px 0 0 -20px;
}
.audition-banner{
    width: 50%;
    box-sizing: border-box;
    padding-left: 20px;
    float: left;
    height: 280px;
    margin-top:20px;
}
.audition-banner img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
}
.audition-item{
    width: 25%;
    float: left;
    margin-top: 20px;
}
.audition-item-box{
    margin-left: 20px;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    height: 280px;
    box-sizing: border-box;
    transition: .3s;
}
.audition-item-box:hover{
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.06);
}
.audition-title{
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.audition-title span{
    display: inline-block;
    color: #CD7C2F;
    background-color: #FFF2E3;
    font-size: 14px;
    padding: 0 6px;
    height: 24px;
    font-weight: normal;
    line-height: 24px;
    border-radius: 4px;
    margin-right: 6px;
    position: relative;
    top:-2px;
}
.audition-title span[data-name='']{
    display: none;
}
.audition-desc{
    color:#999;
    line-height: 26px;
    font-size: 14px;
    height: 26px;
    overflow: hidden;
}
.audition-teacher{
    position: relative;
    min-height: 90px;
    margin-top: 20px;
}

.audition-teacher::after{
    content: '';
    display: block;
    clear: both;
}
.audition-learn{
    width: 86px;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #2080F7;
    color:#2080F7;
    font-size: 16px;
    border-radius: 15px;
    position: absolute;
    right:20px;
    text-align: center;
    line-height: 30px;
    box-sizing: border-box;
    top:50%;
    margin-top: -15px;
    transition: .3s;
}
.audition-learn:hover{
    margin-top: -20px;
}
.audition-learn a{
    display: block;
    padding-right: 20px;
    color:#2080F7;
}
.audition-learn::after{
    content: '';
    position: absolute;
    right: 15px;
    top:50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url(../skin-icons.png) no-repeat;
    background-position: -94px -11px;
}

.audition-teacher-item a{
    width: 70px;
    text-align: center;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color:#999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.audition-teacher-item a{
    color: #999;
}
.audition-teacher-item img{
    width: 54px;
    height: 54px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

/*教辅教材*/
.jcjf-main{
    margin-left: -20px;
}
.jcjf-item{
    
    position: relative;
   width: 33.3%;
   float: left;
}
.jcjf-item__box{
    background-color: #fff;
    min-height: 165px;
    padding: 20px;
    margin-left: 20px;
    position: relative;
    transition: .3s;
}
.jcjf-item__box:hover{
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.06);
}
.jcjf-item__img{
    width: 165px;
    height: 165px;
    position: absolute;
    left:20px;
    top:20px;
}
.jcjf-item__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jcjf-item__cont{
    margin-left: 180px;
}
.jcjf-item__tit{
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.jcjf-item__tag{
    height: 24px;
    background: #FFF2E3;
    border-radius: 4px;
    padding: 0 12px;
    color:#CD7C2F;
    line-height: 24px;
    display: inline-block;
    margin-top:30px;
}
.jcjf-item__price{
    margin-top: 20px;
}
.jcjf-nowPrice{
    color:#F53520;
    font-size: 20px;
}
.jcjf-nowPrice em{
    font-size: 30px;
}
.jcjf-oldPrice{
    margin-left: 10px;
    font-size: 14px;
    color:#999;
    text-decoration: line-through;
}
/*课程专栏*/



.course-column .class-course_info,.course-column .class-course_box:hover .class-course_info{height: 22px;}

/*课程*/

/*新闻资讯*/
.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-wrap{
    background: url(tcbg.png) no-repeat;
    background-size: cover;
    height: 550px;
}
.teacher-list{
    position: relative;
    height: 100%;
}
.teacher-publicity{
    width: 40%;
    float: left;
    box-sizing: border-box;
    padding-top: 60px;
}
.teacher-publicity__title{
    font-size: 46px;
    color:#fff;
    line-height: 60px;
    position: relative;
    font-weight: bold;
}


.teacher-publicity__desc{
    font-size: 16px;
    line-height: 24px;
    margin-top:30px;
    color:#fff;
}
.teacher-publicity__info{
    margin-top: 60px;
}
.teacher-publicity__info li{
    width: 33.3%;
    float: left;  
    color:#fff;
    font-size:14px; 
    position: relative;
}
.teacher-publicity__info li+li::before{
    content: '';
    width: 1px;
    height: 120px;
    position: absolute;
    left:-40px;
    top:50%;
    margin-top:-60px;
    background: url(../skin-icons.png) no-repeat;
    background-position: -282px -13px;
}
.teacher-publicity__info p{
    padding: 5px 0;
}
.teacher-publicity__info p span{
    font-size: 16px;
    display: block;
    padding: 5px 0 10px 0;
}
.teacher-publicity__info p:first-child{
    color:#fff;
}
.teacher-publicity__info p strong{
    font-size: 36px;
}

.teacher-item-list{
    width: 60%;
    float: left;
    position: relative;
    height: 100%;
    display: none;
}
.teacher-item{
    width: 33.3%;
    float: left;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}
.teacher-item::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    z-index: 1;
    background-color: rgba(0,0,0,0.2);
    transition: .3s;
}
.teacher-item:hover::after{
    background:none;
}
.teacher-item__img{
    background-color: #fff;
    position: relative;
    height: 100%;
}
.teacher-item__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.teacher-item__info{
    position: absolute;
    width: 84%;
    box-sizing: border-box;
    padding:30px 15px 15px;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index:9;
   
    
    
}
.teacher-item__info::after{
    content: '';
    border: 1px solid #2080F7;
    transform: skewX(10deg);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    left:0;
    top:0;
    background-color: #fff;
}

.teacher-item__name{
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
}
.teacher-item__name span{
    font-size: 16px;
}
.teacher-item__category {
    position: absolute;
    left:10px;
    top:-17px;
    line-height: 34px;
    z-index: 2;
}

.teacher-item__category::after{
    content: '';
    height: 34px;
    background: #2080F7;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    transform: skewX(10deg);
}
.teacher-item__category span{
    display: block;
    color:#fff;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 14px;
    padding: 0 15px;
}

/*课堂班级*/
.roomlist ul{
    margin-left: -25px;
    margin-top: -25px;
}
.roomlist li{
    width: 33.3%;
    float: left;
}

.roomitem{
    background-color: #fff;
    margin-left: 25px;
    margin-top: 25px;
    
}
.roomitem-cover{
    height: 260px;
    overflow: hidden;
}
.roomitem-cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.roomitem-info{
    padding: 20px;
}
.roomitem-info::after{
    content: '';
    display: block;
    clear: both;
}
.roomitem-info__left{
    width: 70%;
    float: left;
}
.roomitem-info__right{
    width: 30%;
    float: right;
    text-align: right;
    padding-top: 30px;
    box-sizing: border-box;
}
.roomitem__title{
    font-size: 20px;
    font-weight: bold;
}
.roomitem__desc{
    font-size: 14px;
    color:#999;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
}
.roomitem__oldprice{
    font-size: 14px;
    color:#999;
    text-decoration: line-through;
}
.roomitem__price{
    font-size: 24px;
    color:#F53520;
    font-weight: bold;
    margin-top: 5px;
}

.roomitem__price i{
    font-size: 16px;
    font-style: normal;
}
/*常见问题*/
.index-qa{
    background-color: #fff;
    padding:0 30px;
}
.index-qa li{
    padding: 30px 0;
}
.index-qa li+li{
    border-top:1px solid #eee;
}
.index-qa .title{
    font-size: 24px;
    color: #2080F7;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
}
.index-qa .title::before{
    content: '';
    width: 2px;
    height: 26px;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-13px;
    background-color: #2080F7;
}
.index-qa .info{
    line-height: 24px;
    margin-top: 15px;
    font-size: 14px;
    color:#666;
}

/*配套服务*/
.service-list ul{
    margin-left: -12px;
}
.service-list li{
    width: 20%;
    float: left;
}
.service-item{
    margin-left: 12px;
    text-align: center;
    background-color: #000;
    height: 338px;
    box-sizing: border-box;
    padding: 70px 20px 0 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.service-list li:nth-child(1) .service-item{
    background-image: url(../index/01.png);
}
.service-list li:nth-child(2) .service-item{
    background-image: url(../index/02.png);
}
.service-list li:nth-child(3) .service-item{
    background-image: url(../index/03.png);
}
.service-list li:nth-child(4) .service-item{
    background-image: url(../index/04.png);
}
.service-list li:nth-child(5) .service-item{
    background-image: url(../index/05.png);
}
.service-item .title{
    font-size: 24px;
    line-height: 34px;
    overflow: hidden;
    font-weight: bold;
    color:#fff;
    padding-bottom: 20px;
}
.service-item .desc{
    font-size: 14px;
    line-height: 22px;
    color:#fff;
}
/*友情链接*/
.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: block; padding: 20px; box-sizing: border-box; overflow:hidden;}
.link-cnt .link-box img{align-self: center;width: 100%;height: 100%;object-fit: contain;}

/*底部帮助服务*/
.help-container{
    margin-left: -20px;
    margin-top: 30px;
}
.help-box{
    width: 50%;
    float: left;
}
.help-box__inner{
    background-color: #fff;
    padding: 30px 45px 30px 170px;
    margin-left: 20px;
    position: relative;
    min-height: 160px;
    font-size: 14px;
}
.help-box__title{
    font-size: 30px;
    font-weight: bold;
}
.help-box__icon{
    width: 160px;
    position: absolute;
    left:40px;
    top:30px;
}

.help-box__links{
    line-height: 34px;
    margin-top: 10px;
}
.help-box__links::after{
    content: '';
    display: block;
    clear: both;
}
.help-box__links a{
    font-size: 14px;
    margin-right: 50px;
    float: left;
    color:#666;
}
.help-box__btn{
    height:40px;
    padding: 0 40px;
    border: 1px solid #2080F7;
    line-height: 40px;
    font-size: 14px;
    border-radius: 25px;
    color:#2080F7;
    float: right;
    margin-top: 10px;
}
.help-box__tel{
    font-size: 24px;
    font-weight: bold;
    color:#2080F7;
    letter-spacing: 1px;
}
.help-box__tel2{
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 1px;
    color:#666;
}
.help-box__contact{
    text-align: right;
    color:#999;
}

/*选择分类*/
.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 h2{
    padding-bottom: 15px;
}
.select-class a{ cursor:pointer;}
.close-icon{ position:absolute; right:10px; width: 40px; line-height: 40px; font-family: serif; text-align: center; top:5px; font-size:24px; 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: 40px;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-body { margin-top:30px; border-bottom: 1px solid #e6e9ed;}
.all-class-body li{ float:left; padding:0 20px;height: 30px; line-height: 30px; font-size:14px; border:1px solid #e3e3e3; margin-right:15px; border-radius:40px; margin-bottom:20px; color:#606367;}
.all-class-select li.curr{background: #2080F7;border:1px solid #2080F7; color:#fff;}

.all-class-body .tabs{
    border-bottom: 1px solid #eee;
    line-height: 44px;
}
.all-class-body .tabs .tab-item{
    padding: 0 20px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}
.all-class-body .tabs .tab-item.curr{
    border-bottom: 2px solid #2080F7;
    
    color:#2080F7;
}
.all-class-body .tab-pane{
    padding: 20px 0;
    height: 170px;
    overflow-y: auto;
}
.all-class-body .tab-pane ul::after{
    content: '';
    display: block;
    clear: both;
}
.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: #2080F7; cursor:pointer;}
.selected-button_tips {color: #2080F7;font-size: 14px;}

.no-scroll{ overflow:hidden;}



.wWidth1200 .index-carousel .swiper-container,
.wWidth1200 .index-carousel .swiper-slide{
    height: 370px !important;
}
.wWidth1200 .index-right-user {
    height: 350px;
    padding: 20px 0;
}
.wWidth1200 .index-right-user__mycos{
    height: 68px;
}
.wWidth1200 .course-top-classify{
    height: 490px;
}
.wWidth1200 .audition-banner{
    height: 260px;
}
.wWidth1200 .audition-item-box{
    height: 260px;
}
.wWidth1200 .jcjf-item__box{
    min-height: 145px;
}
.wWidth1200 .jcjf-item__img{
    width: 145px;
    height: 145px;
    left:15px;
    top:15px;
}
.wWidth1200 .jcjf-item__box{
    padding:15px;
}
.wWidth1200 .jcjf-item__cont{
    margin-left: 160px;
}
.wWidth1200 .jcjf-nowPrice{
    font-size: 16px;
}
.wWidth1200 .jcjf-item__tag{
    margin-top: 25px;
}
.wWidth1200 .jcjf-item__price{
    margin-top: 15px;
}
.wWidth1200 .jcjf-nowPrice em{
    font-size: 24px;
}
.wWidth1200 .jcjf-oldPrice{
    font-size: 12px;
}
.wWidth1200 .class-course_img-box{
    height:158px;
}
.wWidth1200 .roomitem-cover{
    height: 214px;
}
.wWidth1200 .teacher-list-wrap{
    height: 510px;
}