@charset "utf-8";
/***************************/
/* 面包屑导航 */
body{background-color: #f0f0f2}
.grid-total{width: 1200px;margin: 0 auto;background-color: #fff;}
.topbox{width:100%;background: #fff}
.screen-outer{width:1200px;margin:0 auto;display:table;margin-top: 20px;position: relative}
.screen-outer{
}
.position-label-find{float:left;width:100%;line-height: 50px;}
.position-label-find li{float:left;font-size:12px}
.position-label-find li a{color:#888;line-height:24px}
.position-label-find li .cuorse-label{float:left;border-radius:4px;border:1px dotted #00BED4;color:#00BED4;padding:0 5px;line-height:20px;margin-left:10px;cursor:pointer}
.position-label-find li .cuorse-label i{font-size:12px;padding:0 0 0 6px;font-weight:700}
.position-label-find li .course-find{border-radius:5px;border:1px solid #e5e5e5;line-height:20px;margin-left:10px}
.position-label-find li .course-find input{height:13px;font-size:12px;border:0;color:#888;text-indent:5px}
.position-label-find li .course-find i{font-size:14px;color:#888;padding:0 5px;cursor:pointer}
.all-find{float:left;width:96.7%;
    padding: 0 20px;}
.school-choice{
    width:1067px;
    float: right;
    min-height: 46px;
}
.school-choice:last-child{margin-right:0}
.school-choice .region{float:left;color:#888;font-size:14px;height:30px;width:160px;border-radius:4px;border:1px solid #d3d3d3;padding:0 8px;line-height:30px;margin-left:20px;cursor:pointer;position:relative}
.school-choice dd,.school-choice dt{float:left}
.school-choice dd{
    float: left;
    margin: 10px 5px 10px;
    padding: 0 10px;
    line-height: 24px;
    font-size: 14px;
    border-radius: 4px;
}
.school-choice .region_dd{
    margin: 0;
    margin-top: 7px;
}
.fi-look-date dd:hover{
    background-color: #00BED4;
    color: white    ;
}
.fi-look-date dd:hover a{
    color: white;
}
.fi-look-date dd a{
    color:#808080;
}
.all-find  h5{color:#656565;font-size:14px;line-height:46px;
    float: left;

}
.school-choice dd p{float:left}
.school-choice dd i{float:right;color:#666}
.school-choice .region ul{position:absolute;top:30px;left:-1px;border-radius:4px;border:1px solid #d3d3d3;display:none;max-height:210px;overflow-y:auto;width:100%;background-color:#fff;z-index: 1;}
.school-choice .region ul a:hover{color:#fff;background-color:#00BED4}
.school-choice .region ul li a{display:block;color:#888;font-size:14px;padding-left:8px;line-height:30px}
.regin-on{background-color:#00BED4;}
.regin-on a{color:#fff!important;}
.school-choice em{float:left;color:#888;font-size:14px;line-height:46px;}
.date-choice .region{
    width:74px;
    margin-left: 17px;
}
.date-choice dd:nth-child(4) .region{
    margin-left: 0px;
}
.date-choice dd:nth-child(5){
    padding: 0;
}
.date-choice dd:nth-child(5) .region{
    margin-left: 0px;
}
/* 三级菜单 */
.line-course-menu{width:100%;float:left;

}
.one-line-course-menu{border-radius:4px;background-color:#FFFFFF;float:left;width:97%}
.one-line-course-menu h5{color:#656565;font-size:14px;
    line-height: 46px;
    padding: 0 20px;}
.one-line-course-menu h5 i{padding-right:10px}
.one-line-course-menu h5 .one-menu{float:right;width:1030px;}
.line-course-menu li{float:left;padding:0 10px;line-height:24px;font-size:14px;border-radius:4px;
    margin: 10px 5px 10px;
}
.line-course-menu li a{color:#808080}
.line-course-menu li a:hover{color:#00BED4;}
.active-on01{background-color:#00BED4}
.active-on01 a{color:#fff!important}
.active-on02 a{color:#00BED4!important}
.one-line-course-menu li:hover{background-color:#00BED4}
.one-line-course-menu li:hover a{color:#fff}
.three-menu-box,.two-menu-box{float:left;width:100%;border-top:0;
    border: 1px solid #ebeced;
    border-style: dashed dotted dashed dotted;
}
.two-menu-box li{float:left;


}
.two-menu-box li:hover{
    background-color: #00BED4;

}
.two-menu-box li:hover a{
    color: white;
}
.three-menu-box .three-menu,.two-menu-box .two-menu{float:right;width:1050px;}

/* 课程列表 */
.crumbs-clearfix{width:1200px;margin: 0 auto;background-color:#f0f0f2;overflow: hidden}
.group-name{float:left;height:38px;width:100%;background-color: white;
    line-height: 38px;
}
.group-name ul li{padding:0 14px;float:left;position:relative;color:#656565;
    border-right: 1px solid  #f7f7f7;
}
.group-name ul li:last-child{
    padding: 0  30px 0 14px ;
}
/*.name-on{color:#00BED4!important;border:1px solid #dcdcdc!important;border-top:2px solid #00BED4!important;border-bottom:2px solid #f0f0f2!important}*/
.group-name ul li:nth-child(1){
    padding: 0 20px;
}
.name-on a{color:#00BED4!important}
.crumbs-clearfix .screen-outer{
    margin: 0 auto;
    overflow: hidden;
}
.Triangleup{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #656565;
}
.Triangledow{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #656565;
}
.red{
    border-bottom: 6px solid #00BED4;
}
.red2{
    border-top: 6px solid #00BED4;
}
.group-name ul li a{color:#656565;display: block;font-size: 14px;}
.group-name ul li:hover div{display:block}
.group-name ul li:last-child{font-size: 16px;
    position: relative}
.group-name ul li:last-child span{
    display: inline-block;
    width: 15px;
    line-height: 6px;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
}
.group-name li div{width:170px;position:absolute;top:41px;left:0;border:solid 1px #ccc;background:#fff;float:left;display:none;text-align:center;background-color:#fff}
.group-name li div a{color:#656565!important;}
.group-name li div a:hover{color:#00BED4!important;}
.course-all-tab{padding-bottom:50px;}
.course-all-tab dl{background-color:#fff;float:left;width:1172px;padding:14px;margin-top:30px;border-radius:4px}
.course-all-tab dd{float:left;width:460px;margin-left:26px}
.course-all-tab dd:first-child{width:360px;height:200px;overflow:hidden;margin-left:0}
.course-all-tab dd img{width:100%;min-height:200px}
.course-all-tab dd h5{font-size:18px;line-height:22px}
.course-all-tab dd h5 a{color:#333}
.course-all-tab dd b{display:block;font-size:24px;line-height:44px;color:#fe575f}
.course-all-tab dd small{display:block;font-size:14px;line-height:28px;color:#656565}
.course-all-tab dd p{font-size:14px;line-height:20px;color:#888;margin-top:20px}
.las-uvlo{width:260px!important;padding-top:55px;text-align:center}
.las-uvlo a{display:inline-block;width:140px;line-height:32px;border-radius:4px;border:1px solid #00BED4;color:#00BED4;font-size:14px;text-align:center;margin-bottom:28px}
.las-uvlo a:hover{color:#fff;background-color:#00BED4}

/* 分页 */
.course-all-tab .page{width:100%;margin:0 auto;padding:30px 0;text-align:center;font-size:14px;margin-top:16px;display: inline-block;}
.pagebox{display:inline-block}
.pagebox a{float:left;display:inline-block;margin:0 -1px;height:38px;border:solid 1px #d8d8d8;background-color:#f7f7f7;color:#333;text-align:center;line-height:38px;padding: 0 15px;white-space: nowrap;}
.pagebox .current,.pagebox a:hover{border:solid 1px #00BED4;background-color:#00BED4;color:#fff}
.pagebox a.next,.pagebox a.pre{padding:0 10px;width:auto}


/* 线下课_课程主页 */
/* 课程信息明细 */
.course-deta dl{width:100%;background-color:#fff;float:left;padding:0 0 20px;border-radius: 4px;}
.course-deta dd{float:left}
.course-deta dd a{display:block;width:580px;height:350px;overflow:hidden}
.course-deta dd a img{width:100%;min-height:350px}
.course-deta .course-deta-txt{width:560px;float:right}
.course-deta .course-deta-txt h3{color:#444;font-size:24px;padding-bottom:10px}
.course-deta .course-deta-txt small{display:block;color:#888;font-size:14px;margin-top:14px}
.course-deta .course-deta-txt p{color:#888;font-size:16px;margin-top:55px}
.course-deta .course-deta-txt p em{text-decoration:line-through}
.course-deta .course-deta-txt b{font-size:24px;color:#fe575f;margin-top:5px;font-weight: normal}
.course-deta .course-deta-txt b strong{font-size:16px}
.course-deta .course-deta-txt button{display:block;width:160px;line-height:40px;border-radius:4px;border:1px solid #00BED4;color:#00BED4;font-size:16px;background-color:#fff;margin-top:20px}
.course-deta .course-deta-txt button:hover{background-color:#00BED4;color:#fff}
.classtopitem{margin-top:16px;color:#888;font-size:14px}
.classtopitem .zhuang-left:hover ._share_my_firends{display:block}
.classtopitem div{float:left;color:#666;font-size:14px;line-height:14px}
.classtopitem a{color:#999;display:inline!important;width:auto!important;height:24px!important}
._share_all_channel a{float:left}
.classtopitem i{margin:-3px 6px 0 0;width:16px;height:16px}
.classtopitem .icon-01{background-position:-538px -514px}
.classtopitem .icon-02{background-position:-576px -516px}
.classtopitem .icon-04{background-position:-509px -514px}
.classtopitem .sc{padding-right:10px}
._share_my_firends{height:62px;position:absolute;right:44px;bottom:3px;width:168px;top:0;left:0;display:none}
._share_all_channel{margin-top:13px;width:155px;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(83,87,88,.2);margin-top:10px}
.side-ills-fell{width:0!important;position:absolute;height:0!important;top:23px;left:11px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid #FFF}
._share_all_channel p{padding-top:4px;text-indent:10px;color:#666}
.classtopitem .mb{position:relative}
.classtopitem .icon-03{background-position:-117px -367px}
.mb .qrcode-wrap{top:28px;position:absolute;left:-16px;z-index:2;display:none;padding:10px;width:100px;height:100px;border:1px solid #00BED4;background:#fff}
.mb .fxp{display:none;width:110px;height:110px}


    /* left */
.center_left{float:left;width:870px;background-color:#fff;border-radius:4px;overflow:hidden}
.mar01{padding-top:20px;padding-bottom:30px}
.center_left_tit{height:50px;line-height:50px;background-color:#fff;}
.center_left_tit li{float:left;border-bottom:2px solid transparent}
.center_left_tit .on{border-color:#00BED4}
.center_left_tit .on a{color:#00BED4}
.center_left_tit li a{display:block;padding:0 25px;font-size:16px;color:#333}
.center_left_tit .course-contents{width:830px;float:left;padding:0 20px}
.course-infos{display:none}
.course-infos:first-child{display:block}
.center_left_tit .evalua p{color:#656565;line-height:30px;font-size:14px;text-indent:28px;padding:30px 0}
#video_meun1{padding:24px 0}
.class_directory{margin-bottom:15px}
.class_directory dt{margin-bottom:15px;background-color:#f4f4f4;color:#333;padding:0 20px}
.class_directory dd,.class_directory dt{height:44px;font-size:14px;line-height:44px}
.class_directory dd:hover{background-color:#f6fafd}
.class_directory dd a{float:left;display:block;padding:0 3%;color:#656565;width:94%}
.class_directory dd i{float:right;margin-top:11px;width:30px;height:22px}
.class_directory dd span{margin-right:10px;float:right;color:#888}
.pt20 .classmain-bd #video_meun1 #video_meun .free{float:right;display:none;margin-top:7px;padding:5px;width:40px;border-radius:4px;color:#fff;text-align:center;font-weight:400;line-height:20px}
.title{float:right}
.title a{color:#776e6e}
.video-review{width:100%;height:auto;overflow:hidden}
.clearfix{height:auto;position:relative;zoom:1}
.qa-ci-wrap{width:100%;background:0 0;color:#999;font-size:12px}
form #review_form .reply-star{line-height:30px;width:100%}
.form-label{float:left;padding-right:5px;padding:7px 0}
.star_ul{float:left}
.star_ul i{font-size:14px;float:left;color:#ccc;margin:1px 2px 0 0}
.qa-txt-iarea{width:97%;margin:10px 0;background:#f5f5f5;border-radius:4px;border:0;height:120px;padding:10px;color:#888;font-size:14px;resize:none}
.qa-reply-footright{padding:10px 0 10px 0;float:right}
.btn-mc-light{background-color:#AAA;border:1px solid #fff;margin-right:5px;line-height:28px;padding:0 23px;font-size:12px;border-radius:3px;color:#fff;transition:border-color .25s;-webkit-transition:border-color .25s;-moz-transition:border-color .25s;-o-transition:border-color .25s}
.btn-mini{background:#00BED4;border:none;color:#fff;font-size:12px;line-height:28px;padding:0 23px;border-radius:3px}
.classmain-bd{padding:0 30px;background-color:#fff;min-height:50px}
.big{overflow:hidden;font-size:14px;color: #656565;}
.big div{float:left}
.big .star{margin:0 20px;color:#666768;font-size:16px}
.big .star i{margin:0 2px 0;font-size:18px;color:#FF6813}
.wenda-listcon{overflow:hidden;width:100%;float:left}
.classmain-bd{padding:0 10px;background-color:#fff;min-height:50px}
.teacher-dp{overflow:hidden;padding-bottom:0!important;padding-left:57px;min-height:85px;font-size:14px;line-height:24px;margin-bottom:20px}
.teacher-dp .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;float: left;}
.teacher-dp dt{position:absolute;overflow:hidden;margin-left:-55px;width:40px}
.teacher-dp .pic{overflow:hidden;width:40px;height:40px;border-radius:50%;margin-top: 14px;}
.teacher-dp .pic img{width:100%}
.teacher-dp .name a{color:#333}
.teacher-dp dd{padding-bottom:20px}
.teacher-dp dd .tit{overflow:hidden;margin:4px 0 8px}
.teacher-dp dd .tit i{color:#FF6813}
.teacher-dp dd .star{float:left;margin:6px 20px 0 0}
.teacher-dp dd .txt{color:#898a8b}
.replymegfooter{float:left;width:100%}
.keyword-list,.wenda-time{float:left;color: #888;}
.qa-comment-addon-r{float:right;color:#656565}
.qa-total-reply{margin-right:20px;cursor:pointer;float:left}
.js-qacom-supported-user{cursor:pointer}
.classmain #video_comment .video-review .review .icon-pl{margin: 2px 3px 0 0;font-size: 18px;float: left;}
.classmain #video_comment .video-review .tongwenreview .icon-zan{float: left;margin: 1px 3px 0 0;}
.qa-tr-up{position:relative;display:none}
.qa-tr-up i{font-size:14px;padding:0 5px}
.qa-tr-up b{border-color:transparent transparent #cecece;border-style:solid;border-width:7px;bottom:-21px;height:0;left:7px;position:absolute;width:0}
.qa-replies{margin-bottom:-1px;padding-left:59px;float:left;display:none}
.qa-reply-c{position:relative;background:#f7f7f7;width:680px;margin-bottom:20px;border-radius: 4px;}
.qa-reply-item{position:relative}
.qa-reply-item-author{position:absolute;left:10px;top:10px;line-height:1em}
.qa-reply-item-author img{width:24px;border-radius:50%}
.qa-reply-item-inner{margin-left:44px;font-size:12px}
.qa-reply-item-inner .username{line-height: 33px;}
.qa-reply-nick:link,.qa-reply-nick:visited{color:#00a3b5;font-size:12px}
.q-reply-item-c{color:#656565;font-size:12px;line-height:1.7em;padding-top:3px;word-break:break-all;word-wrap:break-word;overflow:hidden}
.qa-reply-item-foot{color:#888;font-size:12px}
.qa-reply-item-reply{display:inline-block;cursor:pointer;margin-left:10px}
.qa-reply-more{width:100%;height:50px;line-height:50px;text-align:center}
.qa-reply-more :hover{color:#00BED4}
.qa-reply-more a{color:#656565;font-size:14px}
.qa-reply-ibox{padding:20px 0;border-bottom:1px solid #e3e5e5}
.qa-reply-iavator{width:60px;text-align:center;float:left}
.qa-reply-iavator img{width:40px;border-radius:50%}
.qa-reply-iwrap{padding:0 0 0 7px;overflow:hidden;margin-left:60px}
.qa-reply-iarea{line-height:1em}
.qa-reply-iwrap .qa-reply-iarea textarea{border:1px solid #e3e5e5;padding:7px;resize:none;height:60px;line-height:1.7em;font-size:12px;background-color:#fff;width:572px;max-height:90px;overflow:inherit;min-height:22px}

/* right */

.center_right{width:270px;float:right;border-radius:4px;overflow:hidden}


/* 联系我们 */
.course-evaluate{width:250px;padding:0 10px 20px;float: left;background-color: #fff;margin-top:30px;}
.contact-us{float: left;width:100%;}
.course-evaluate h3{width:100%;float:left;color:#333;font-size:16px;line-height:50px;border-bottom:1px solid #E5E5E5}
.contact-us-home p{font-size:13px;color:#333;margin-top:15px;float:left;width:100%}
.contact-us-home p i{font-size:18px;padding:0 8px 0 0}
.contact-us-home b,.contact-us-home button{display:block;margin:auto;text-align:center;margin-top:15px}
.contact-us-home b{font-size:18px;color:#fe575f}
.contact-us-home button{cursor: pointer;width:160px;line-height:40px;border-radius:3px;border:0;color:#fff;font-size:16px;background-color:#00BED4}
.icon-area1,.icon-xuexiao,.icon-riqi{background: transparent;}
.date-choice{width: 100%;}
.date-choice .region{width:80px;}
.date-choice .region input{width:80px;color: #666;border: none;}
.date-choice .ensure{width: 30px;background-color: #00BED4;}
.date-choice .ensure a{color: #fff;}


/*线下课box*/
.lineclass_box{
    width: 286px;
    float: left;
    margin-right: 18px;
    margin-bottom: 33px;
    background:rgba(255,255,255,1);
    box-shadow:2px 3px 10px rgba(74,74,74,0.12);
}
.lineclass_box>a{
    font-size: 0;
}
.lineclass_box a img{
    width: 100%;
}
.lineclass_box div p:nth-child(1){
    font-size:18px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    line-height: 24px;
    color:rgba(44,44,44,1);
}
.lineclass_box div p:nth-child(1) a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 70%;
}
.lineclass_box div p:nth-child(1) span{
    font-size:12px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(134,134,134,1);
    float: right;
}
.lineclass_box div p:nth-child(2){
    font-size:12px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(134,134,134,1);
    padding-top: 19px;
}
.lineclass_box div p:nth-child(2) span{
    float: right;
    color: #55bc61;
}
.lineclass_box div{
    padding: 12px 8px;
}
.max_box_item{
    width: 1300px;
    overflow: hidden;
    margin: 0;
    padding-top: 39px;
}
.crumbs-clearfix .screen-outer{
    padding: 0;
}