@charset "utf-8";
body{background: #f2f6f9}
/*css¹«¹²Ñùʽ*/
div,body,h1,h2,h3,h4,h5,h6,p,span,form,input,select,table,ul,li,a,dl{margin: 0;padding: 0}
img{border:none;}
input{border:1px solid #eee;}
a{text-decoration: none;font-size: 12px;}
h1,h2,h3,h4,h5,h6{font-weight: normal}
textarea{resize:none;}
li{list-style: none}
i,em{font-style: normal}

.l_float{float: left}
.r_float{float: right}
.clear{clear: both;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.base_w{width:1200px;margin: 0 auto}
input,textarea{outline: none;}

.main{margin: 20px auto;}
.ke-intro{background-color:#FFFFFF;padding:40px 14px;border: 1px #EDEDED solid;}
.d-left{float:left;}
.d-info{margin-left:28px;overflow:hidden;width: 472px;margin-right: 58px;height:187px;}

.d-intro {font: 12px "ËÎÌå";color: #999;padding: 7px 15px 0px;;line-height: 18px;width: 442px; height: 55px;background: #f5f5f5;margin: 10px 0px 0 0; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;}
.reminder{color:#cc0000;font-size:12px;margin-top:5px;height: 34px;cursor: pointer;line-height: 18px;overflow : hidden;}

.d-intro span{color:#3ECCB3;font-weight: bold;font-size: 14px;display: block;padding-bottom: 6px;}
.d-title{font:20px "΢ÈíÑźÚ";color:#333333;font-weight: bold;line-height: 26px;}
/*Óұ߲¿·Ö    ¾àÀë½áÊø Á¢¼´¹ºÂò*/
/*.d-buy{width:330px;position: relative;height: 187px;border-left: 1px solid #EDEDED;margin-right:0;float: left;text-align: center;}*/

/*.fix_time{width: 240px;margin: 0 auto;}
.d-time{font:12px "ËÎÌå";color:#999;padding-top:10px;line-height: 12px; }
.Time_djs li.time_tips{color: #999;text-align: center;border: none;font-size: 12px;line-height: 18px;padding-top:8px;}
.Time_djs li{ font-size: 14px;line-height: 30px;border: 1px #EDEDED solid ;color: #3ECCB3; }
.Time_djs li .timeTitle,.Time_djs li .time_d{border-right: 1px #EDEDED solid ;padding: 0 5px;font-size: 14px;color: #666 }
.Time_djs li .time_d{color:#3ECCB3;}*/
/*.d-price{color:#F43E3E;text-align:center;font-family:arial;font-weight:bold;font-size: 20px;}*/
.d-price em{font-size: 28px;color: #ff6b49;}
.d-price span.s-price{font-size: 46px;color: #ff6b49;}


.b-count{font:14px "ËÎÌå";text-align:right;padding-right:35px;padding-top:10px;}
.b-count span{color:#1CAAEA;font:16px "ËÎÌå"}


/*¿Î³Ì½éÉÜ ¿Î³Ì°²ÅÅ ³£¼ûÎÊÌâ*/
a.btn-buys{width:240px;font:20px "΢ÈíÑźÚ";text-decoration:none;display:block;line-height: 50px;background-color:#ff2e50; text-align:center; color:#FFF;margin: 0 auto;}
a.btn-buys:hover{ background-color:#F36; color:#FF0;}
#sidebar-tab{width:840px;  background-color: #fff;position: relative;float: left;border: 1px #EDEDED solid;border-radius: 5px;}
.tab-title {overflow: hidden;}
.d-class #tab-content img{max-width:100% !important;}
.tab-title ul{border-bottom: solid 1px #EDEDED;height:58px;float:left;width: 890px; }
.tab-title ul li {float: left;}

.tab-title ul li a{position:relative;font-size:16px;cursor:pointer;margin-right: 1px;float:left;text-align: center;font-weight: 700;height: 57px;line-height: 58px;color: #666;display: block;padding: 0 20px;}
.tab-title ul li a:hover{color:#3ECCB3}
.tab-title ul li span{color: #ccc;font-weight: normal;padding: 0;position: absolute;right: 0;top:0;bottom: 0}
.tab-title ul li a.selected {border-bottom:2px #3ECCB3 solid;color: #3ECCB3;display: block;padding: 0 20px;}
#tab-content .hide{display:none;} /*ĬÈÏÈõÚÒ»¿éÄÚÈÝÏÔʾ£¬ÆäÓàÒþ²Ø*/
#tab-content>div{padding-top:5px;padding: 56px 38px;min-height: 420px;}


/**************¿Î³Ì½éÉÜ Á¢¼´¹ºÂò ¹Ì¶¨¶¥²¿*/
#tab-title{height:60px}
.tab-title-fixed{width: 100%;background: #fff;position: fixed;top:0;left: 0;float: left;z-index: 100}
.tab-title-fixed>div{width: 1200px;margin:  0 auto;}
.tab-title-fixed ul{width: 720px;}
.buybtn_hide{float: right;display: none}
a.btn-buy_hide{width: 320px;padding:0 0;font:20px "΢ÈíÑźÚ";text-decoration:none;background-color:#ff2e50; text-align:center; color:#FFF;display: none;}
.tab-content{position: absolute;top:60px;left:0;right:0;margin: auto;width: 1200px;z-index: 100;background: #fff}
/*¼Û¸ñ*/
.s-price-fixed{line-height:60px;color: #F43E3E;font-size: 28px;text-align: center;width: 160px;display: none;float: left;}
.s-price-fixed span{font-size: 20px;}
/********¿Î³Ì½éÉÜ Á¢¼´¹ºÂò ¹Ì¶¨¶¥²¿  ½áÊø*/


.cont{padding:0px 18px;font:16px "ËÎÌå";line-height:40px;color:#535353;}
.cont h2{font:bold 20px "΢ÈíÑźÚ";color:#333333;margin-bottom:20px;}
.inf-title{font:18px "΢ÈíÑźÚ";line-height:60px;color:#353535}

/*²¥·ÅÁбí*/

.play_list li{position:relative;background: #fff;line-height:50px;padding: 0 14px 15px 22px;margin-bottom: 10px;border: 1px solid #ededed;color:#666;font-size: 14px;}
.play_list li img{display: inline-block;position: absolute;left: 10px;top:20px;padding-right: 20px;}
.play_list ul li p{margin-top:10px;}
.play_list ul li p a{margin-top:5px;display:block;width: 60px;height:30px;float: left;text-align: center;font-size: 12px;line-height: 30px;border: 1px solid #ebebeb;margin-right:10px;}
.play_list ul li p a.btn-start{background: #fff;color: #666;}
.play_list ul li p a.btn-start:hover{background:#3eccb3;color:#fff;}
.play_list ul li p a.btnDisabled{background:#f5f5f5;color: #666;}
.play_list ul li p a.btn-start3{background:#fff;color: #666;}
.play_list li.free_class:hover{background: #f5f5f5;}
.play_list li span{font-size: 12px;color: #999;margin-left: 28px;}
.play_list ul li p a.dn{display: none;}
.play_list ul li a{color: #666}

/*Ãûʦ½éÉÜ*/

.teacher_how{margin-bottom: 30px; position: relative;background: #F5F5F5;width: 762px;margin:14px auto 0;padding:20px 30px 20px  24px;}
.teacher_how .touxiang{float: left;margin-right: 36px;height:90px;width: 90px;overflow: hidden;*overflow: hidden;}
.teacher_how .touxiang img{height:88px;border-radius: 50%;border: 1px solid #eee;}
.teacher_how .jianje {width:560px ;float: left;margin-top: 20px;}
.teacher_how .jianje span{font-size: 16px;font-weight: bold;color: #141414;}
.teacher_how .jianje span i{padding-left: 10px;font-size: 12px;color: #999;}
/*.teacher_how .jianje p em{color: #ffcb2c;cursor: pointer;font-size: 18px;padding:6px 4px 10px 0;display: inline-block;}
.teacher_how .jianje p em.last{color: #d3d3d3;}*/
.teacher_how .jianje ul{margin:16px 0 10px;width: 100px;}
.teacher_how .jianje ul li{float: left;width:20px;background:url("../images/star_gray.png") no-repeat; height:20px;display: block}

.teacher_how .jianje p span {color: #3eccbc;font-size: 12px;position: absolute;left: 164px;top:71px}
.teacher_how .introduce{color: #333;font-size: 14px;margin-top: 22px;}
.teacher_how .go_newpage{float: right;line-height:20px ;}

/*¿Î³Ì±í*/
.accordion dt{font:bold 18px/24px "΢ÈíÑźÚ",Arial,"sans-serif"; color: #666; border: solid 1px #ebebeb;padding: 5px; }
.accordion dt.active{ background-color: #f5f5f5;}
.accordion dd{background-color: #fff;padding: 5px;display: none; margin: 0;text-align:center;}
.accordion dd #list{text-align: left;}

.cont li{background: #fff;line-height:60px;padding: 0 22px ;margin-bottom: 10px;border: 1px solid #ededed;color:#999 ;}
.cont li span{font-size: 16px;}

.dist {width: 100%;height: 24px;}
.d-class{width:100%;}
.d-class-left{float:left;width:862px;padding:20px;background-color:#FFFFFF;position: relative;}

/*********************ÓÒ±ßÇøÓò   ±¨Ãû¼Ç¼   Ïà¹Ø¿Î³Ì***************************************************/
.d-class-right{float:right;width:290px;}
.d-class-right ul{padding: 11px 18px 10px 0;}
.d-class-right ul li{float: left;width: 42px;height:60px;text-align: center;padding:4px 0 20px 18px;}
.d-class-right ul li p{color: #666;font-size: 10px;padding: 4px 4px 0 0;width:46px;height: 30px;line-height: 15px;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.d-class-right ul li img{width: 42px;height:42px;display: block;border-radius: 50%;border: 1px solid #eee;}
.d-right-title{border-bottom:solid 1px #EDEDED;line-height: 58px;padding-left: 20px;font-size: 16px;color: #333;}
.d-right-title span{color: #666;font-size: 16px;}
.d-class-right .ke-hot{margin:10px auto;text-align: center;padding-bottom: 10px;}
.d-class-right .ke-hot a{color: #999;}
.d-class-right .ke-hot a img{display: block;margin: 0 auto;width: 288px;}
.d-class-right .ke-hot-name{display:block;color:#999;font-size:14px;line-height:14px;text-align: center;padding:10px 0 15px;margin: 0 auto;width: 288px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*¿Î³ÌÆÀ¼Û*/
.class_evaluate{margin: 0 auto;text-align: center;margin-top: 26px;border-bottom: 1px #ebebeb dashed;}
.class_evaluate a{width: 100px;height:36px;margin:0 auto;line-height:36px;font-size: 14px;color: #333;display: block;border: 1px solid #ebebeb;margin-bottom: 22px;}
.class_evaluate a:hover{color: #3ECCB3;}
.class_evaluate span{float: left;margin: 0 15px 36px 330px;}
.class_evaluate ul{float: left;}
.class_evaluate .class_stars li{float: left;width:20px;background:url("../images/star_gray.png") no-repeat; height:20px;display: block}

.student_voice{width: 831px;margin:30px auto 0;border-bottom: 1px #ebebeb dashed;}
.student_voice .student_voice_pic {text-align: center;width:70px;padding:0 24px  0 0;min-height: 85px;}
.student_voice  .student_voice_right {width: 710px;}
.student_voice  .student_voice_right .tea_stars{margin:0px 0 30px;width: 100px;}
.student_voice .student_voice_right  .tea_stars li{float: left;width:16px;font-size: 18px;display: block}
.student_voice .student_voice_right .tags li{color:#3eccbc;float:left;padding:4px 14px;margin: 0 10px 20px 0;border: 1px solid #3eccbc;border-radius: 15px;}
.student_voice .student_voice_right p.evaluation{line-height:20px;color: #333;font-size: 14px;padding-bottom: 30px;}
.student_voice .student_voice_right p.zhuijia{color: #666;font-size: 14px;border-top:1px #ebebeb dashed;padding: 10px 0 15px;}
.student_voice .student_voice_right p.zhuijia span{color: #666;font-size: 14px;border-top:1px #ebebeb dashed;padding: 10px 0 15px;width: 100px;}
/*.student_voice .student_voice_right p.zhuijia{color:#999;padding-bottom: 20px;}*/
.student_voice .student_voice_right p.zhuijia_main{width: 710px;padding-bottom: 20px;}
/*·ÖÒ³*/
.num_nav { margin: 0;padding:40px 0 26px;height: 100%;width: 100%;text-align: center;font-family: Arial, sans-serif;}
.num_nav:before {content: '';display: inline-block;    width: 0; height: 100%;    vertical-align: middle;}
.pagination {display: inline-block; vertical-align: middle;}
.pagination a,.pagination i{display: inline-block;vertical-align: middle;font-size: 14px;cursor: pointer;width:30px;line-height: 30px;display: block;float: left;border: 1px solid #ddd; margin: 0 7px;text-align: center;}
.pagination>a{width:52px;}
.pagination a.current {width:30px;border-color: #20c7a2;background-color: #20c7a2;color: #fff;position: relative;left: 0;top: 0;}
.pagination a:hover{background: #ebebeb;}
.pagination a.current:hover{ background-color: #20c7a2;}
.num_nav1 { margin: 0;padding:40px 0 26px;height: 100%;width: 100%;text-align: center;font-family: Arial, sans-serif;}
.num_nav1:before {content: '';display: inline-block;    width: 0; height: 100%;    vertical-align: middle;}
.pagination1 {display: inline-block; vertical-align: middle;}
.pagination1 a,.pagination i{display: inline-block;vertical-align: middle;font-size: 14px;cursor: pointer;width:30px;line-height: 30px;display: block;float: left;border: 1px solid #ddd; margin: 0 7px;text-align: center;}
.pagination1>a{width:52px;}
.pagination1 a.current {width:30px;border-color: #20c7a2;background-color: #20c7a2;color: #fff;}
.pagination1 a:hover{background: #ebebeb;}
.pagination1 a.current:hover{ background-color: #20c7a2;}


/*******************************************1VS1小班面试****************/

/*第一步*/
.Zz{position: fixed; background: rgba(0,0,0,0.5); z-index: 75; top: 0; left: 0; width: 100%; height: 100%;}
.first,.second,.third{width: 896px;height: 636px;background: #fff;position: fixed;top:50px;left:50%;margin-left: -550px;padding: 24px 102px 0;border-radius: 5px;}
#areaids{padding-left: 10px;width: 204px;height: 32px;line-height: 32px;background: url(../images/1vs1/down-icon.png) no-repeat 98% center; background-size: 15px 10px;}
.chosen-container .chosen-single b{background: url(../images/1vs1/ico_down.png) no-repeat left center;}
.chosen-container .chosen-single span{color: #ccc;font-size: 16px;}
.close_fist{position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background: url(../images/1vs1/icon_close.png) no-repeat; background-size: 100% 100%; }
.title{margin-bottom: 24px;}
.title li{float: left;font-size: 16px;color: #999;height: 42px;line-height: 42px;padding-right: 20px;}
.title li.ChooseInfo{background:url(../images/1vs1/icon_information.png) no-repeat left center;padding-left:52px; }
.title li.ChooseTeacher{background:url(../images/1vs1/icon_teacher.png) no-repeat left center;padding-left:52px; }
.title li.ChooseTeacher_1{background:url(../images/1vs1/icon_teacher_green.png) no-repeat left center;padding-left:52px;}
.title li.ChooseTime{background:url(../images/1vs1/icon_time.png) no-repeat left center;padding-left:52px;padding-right: 0; }
.title li.ChooseTime_1{background: url(../images/1vs1/icon_time_green.png) no-repeat left center;padding-left:52px;padding-right: 0;}
.title li.line_1{background:url(../images/1vs1/line_1.png) no-repeat left center;width: 181px;}
.title li.line_2{background:url(../images/1vs1/line_2.png) no-repeat left center;width: 181px;}
.title li.active{color: #3eccb3;}
.first dl{margin-bottom: 21px;font-size: 14px;color: #999;}
.first dl dt{float: left;height: 30px;line-height: 30px;margin-right: 28px;}
.first dl dd{float: left;width: 805px;}
.first dl dd .face li{float: left;margin:0 10px 16px 0;}
.first dl dd li a{color: #333;height: 28px;font-size: 16px;color: #666;display: block;text-align: center;line-height: 28px;border:1px solid #cbcbcb;padding:0 15px;}
.first dl dd li a:hover{color: #3eccb3;}
.first dl dd li a.active{background: #3eccb3;color: #fff;border:1px solid #3eccb3;}
.button{text-align: center;}
.button a{text-align: center;background: #3eccb3;color: #fff;font-size: 14px;width: 200px;height: 50px;display: inline-block;line-height: 50px;font-size: 18px;}
.button a.cancel_1{background: #fff;border:1px solid #3eccb3;color: #3eccb3;margin-right: 30px;}
.minheight{min-height: 355px;}
/*第二步*/
.TeacherInfo_list{height: 364px;overflow-y: auto;width: 860px;margin:0 auto;margin-bottom: 15px; }
::-webkit-scrollbar{height:4px;width:5px;background:#f5f5f5;border-radius: 2px;}
::-webkit-scrollbar-thumb{background:#c3c3c3}
::-webkit-scrollbar-thumb:hover{background:#929292}
::-webkit-scrollbar-corner{background:#f5f5f5}
.hide{display: none;}
.TeacherInfo{width: 818px;height: 80px;border:1px solid #eee;padding:14px 16px;position: relative;margin-bottom: 14px;cursor: pointer;}
.TeacherInfo_list dl:last-child{margin-bottom: 0;}
.TeacherInfo_list dl.active_teacher{border:1px solid #3eccb3;}
.TeacherInfo dt{float: left;width: 80px;}
.TeacherInfo dt img{width: 80px;height: 80px;border-radius: 50%;}
.TeacherInfo dd{margin-left: 104px;}
.teacherName{font-size: 16px;color: #333;margin-bottom: 12px;}
.teacherDescribe{font-size: 14px;color: #666;margin-bottom: 12px;width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.classTime{font-size: 14px;color: #3eccb3;}
.choose_teacher{width: 37px;height: 36px;position: absolute;right: 0;bottom: 0;background: url(../images/1vs1/icon_selected.png) no-repeat;}
.teacher_on{border:1px solid #3eccb3 !important;}

/*第三步*/
.curriculum{margin-top: 24px;}
.curriculum div.show{display: block;}
.curriculum>div{display: none;}
.tab{height: 40px;border:1px solid #3eccb3;background: #f6fefd;color: #3eccb3;}
.tab li{float: left;width: 222.5px;border-right: 1px solid #3eccb3;height: 40px;text-align: center;line-height: 40px;font-size: 18px;cursor: pointer;}
.tab li.TabActive{color: #fff;background:#3eccb3;position: relative;}
.TabActive .active_icon{background: url(../images/1vs1/icon_beacon.png) no-repeat;position: absolute;left: 100px;bottom: -8px;width: 28px;height: 8px;}

.tab li:last-child{border-right: none;width: 223.5px;text-align: center;line-height: 40px;}

.curriculum table {width: 100%; border: 1px solid #eee; text-align: center; }
table tr{border: 1px solid #eee;}
table .date_time{cursor: pointer;}

table th {height:29px; color:#999; border-bottom:none; border-right: 1px solid #eee;background: none;height: 48px;}
table td {border-bottom:none;border-right: 1px solid #eee; padding: 0 4px; height: 42px; font-size: 14px; color: #666; }
.msg{color: #ef1818;text-align: center;padding-top: 10px;}
table tr.tab_hover {border:1px solid #3eccb3;}
table .tab_hover td{ border-right: 1px solid #eee;border-bottom:none;border-top: 1px solid #3eccb3;}
table .tab_hover td:last-child{border-right: 1px solid #3eccb3;}

table .reserve{background: #f5f5f5;}
table .reserve td{color: rgba(153,153,153,0.3);}
table .reserve td:last-child{background: url(../images/1vs1/_icon_no.png) no-repeat right top;}
table tr.TimeActive{border:1px solid #3eccb3;}
table .TimeActive td{ border-right: 1px solid #eee;border-bottom:none;border-top: 1px solid #3eccb3;}
table .TimeActive td:last-child{background: url(../images/1vs1/icon_selected.png) no-repeat right bottom;border-right: 1px solid #3eccb3;}

table tr.BuyError{border:1px solid #ef1818;}
table .BuyError td{ border-right: 1px solid #eee;border-bottom:none;border-top: 1px solid #ef1818;}
table .BuyError td:last-child{border-right: 1px solid #ef1818;}

/*simpledialog*/
.simpledialog {
    position: absolute;
    z-index: 10001;
    width: 305px;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-boder-radius: 3px;
}
.buttondialog-word {
    padding: 19px 32px 18px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #dcdcdc;
    color: #333333;
    word-break: normal;
}
.buttondialog-op {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: box;
}

.buttondialog-op button {
    outline: none;
    border: none;
    background: none;
    line-height: 45px;
    color: #ff6900;
    font-size: 17px;
    text-align: center;
    display: block;
    border-left: 1px solid #dcdcdc;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    -moz-box-flex: 1;
    box-flex: 1;
    cursor: pointer;
}
.buttondialog-op button:first-child {
    border-left: none;
}
.simplemask {
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
}



 /*地区*/

.top{width: 100%;}
.popup-shade{position:fixed;top:0;left:0;z-index:999;overflow:auto;width:100%;height:100%;background:rgba(0,0,0,.3);}
.multi-layer-selector{position:absolute;top:20%;right:50%;z-index:100;margin-right:-350px;width:720px;outline:0;background:#fff;background-clip:padding-box;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);-webkit-background-clip:padding-box;font-size: 14px;}
.popup-shade .header{width:94.5%;background:#3eccb3;height:40px;padding: 0 20px;line-height: 40px;color: #fff;font-size: 16px;font-weight:bold; }
.popup-shade .header span{cursor: pointer}
 .header span.cancel{cursor: pointer;display: inline-block;width: 20px;height: 40px; background: url(../images/homepage_icon_close.png) no-repeat left center;background-size: 20px 20px;float: right;}
.multi-layer-selector .header a.center{text-align:center}
.multi-layer-selector .content-body{width:100%;height:322px;color:#6c6c6c}
.multi-layer-selector .content-body .top-layer{background: #eee;}
.multi-layer-selector .content-body .second-layer{background: #f5f5f5;}
.multi-layer-selector .content-body .second-layer,.multi-layer-selector .content-body .top-layer{width:50%;float:left;height:100%;overflow-y:scroll;overflow-x:hidden;}
.multi-layer-selector .content-body .second-layer li,.multi-layer-selector .content-body .top-layer li{height:40px;line-height:40px}
.multi-layer-selector .content-body .second-layer i.icon,.multi-layer-selector .content-body .top-layer i.icon{display:block;padding:0 .6em}
.multi-layer-selector .content-body .top-layer li{height:40px;padding-left:20px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}
.multi-layer-selector .content-body .top-layer li:last-child{border-bottom:none;height:4.2em;padding-bottom:1.2em}
.multi-layer-selector .content-body .top-layer li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-layer-selector .content-body .top-layer li .num{line-height:1.4;height:1.4em;width:1.4em;border-radius:.7em;padding:0;border:1px solid;text-align:center;vertical-align:middle}
.multi-layer-selector .content-body .top-layer li.on{background:#f5f5f5;color:#39bfa7}
.multi-layer-selector .content-body .top-layer li.checked{background:#f5f5f5;color:#39bfa7;font-weight: bold}
.multi-layer-selector .content-body .second-layer li{width:100%;height: 40px;  padding-left: 20px;}
.multi-layer-selector .content-body .second-layer li.unfold{height:auto}
.multi-layer-selector .content-body .second-layer li .cityName{height:auto;width:100%;padding:0 0 0 .5em;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}
.multi-layer-selector .content-body .second-layer li.checked .cityName,.multi-layer-selector .content-body .second-layer li.on .cityName{color:#39bfa7}
.multi-layer-selector .content-body .second-layer li .cityName span{display:block}
.multi-layer-selector .content-body .second-layer li .cityName span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-layer-selector ul li{cursor: pointer;}
.multi-layer-selector .content-body  .third-layer li.checked,.multi-layer-selector .content-body .second-layer .third-layer li.on{color:#39bfa7}
.multi-layer-selector .content-body .third-layer{width:33.33%;float: left; height: 100%; overflow-y: scroll; overflow-x: hidden;background: #fff;}
.multi-layer-selector .content-body  .third-layer li{height: 40px;  padding-left: 20px; background: #fff;display: -webkit-box;  display: flex; -webkit-box-pack: justify;justify-content: space-between; -webkit-box-align: center;align-items: center;}
.multi-layer-selector .content-body .second-layer .third-layer li span{ display: block;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.header_div{width: 100%;background: #fff;}
.header_div span{width: 32.9%;display: inline-block;line-height: 30px;padding-left: 10px;border-bottom: 1px solid #e4e8e9;margin-bottom: 5px }
@font-face{font-family:fontello;src:url(./fontello.woff2) format("woff2"),url(./fontello.woff) format("woff"),url(./fontello.ttf) format("truetype");font-weight:400;font-style:normal}
[class*=" icon-"]:before,[class^=icon-]:before{text-rendering:auto;font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-arrow-right:before{content:"\E804"}
.popup-shade  .myresume_btn{height: 72px;line-height: 72px;text-align: center;border-top: 1px solid #eee}
.popup-shade  .p_but{width: 80px;display:inline-block;height: 32px;line-height: 32px;background:#3eccb3;color: #fff;text-align: center;margin-right: 20px;border: 1px solid #3eccb3;font-size: 16px;font-weight: bold;border-radius: 4px;cursor: pointer}
.popup-shade  .p_but.gray{background:#fff;color: #39bfa7;border: 1px solid #eee;}


/*课程详情页头部*/

.ClassHeader{background-color: #FFFFFF; padding: 36px 0 30px; border: 1px #EDEDED solid;text-align: center;border-radius: 5px;}
.classmessage_picurl{width: 640px;height: 360px; position: relative;margin:30px auto;}
.classmessage_picurl img{width: 100%;height: 360px;}
.Learners_set{position: absolute;left: 0;top:0;width: 640px;height: 360px;background: rgba(0,0,0,.3);}
.Learners{width: 100px; height: 100px;    display: block; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; background: url(../images/classdetail/anniu.png)  no-repeat; background-size: 100px 100px; }
.vodduration{position: absolute;right:10px;bottom:10px;background: rgba(0,0,0,0.2);color: #fff;text-align: center;width: 60px;height:20px;line-height:20px;border-radius: 40px;font-size: 14px;}

.ClassTitle{color: #333333; font-weight: bold; line-height: 32px;font-size: 30px;margin-bottom: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;}
 .start_time{color: #999;font-size: 18px;padding-bottom: 18px;line-height: 20px;}
 .start_time span{font-size: 18px;}
.C_intro{color: #999; padding:12px 16px ; line-height: 20px; height: 64px; background: #f5f5f5; margin: 22px 0 10px 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; cursor: pointer; overflow: hidden;}
.fix_time{}
.d-time{font-size:12px;color:#999;padding-top:10px;line-height: 12px; }
.Time_djs li.time_tips{color: #999;text-align: center;border: none;font-size: 12px;line-height: 18px;padding-top:5px;float: left;margin-left: 8px;}
.Time_djs li{ font-size: 18px;line-height: 46px;border: 1px #3ECCB3 solid ;color: #3ECCB3;text-align: center;border-radius: 5px;}
.Time_djs li span{font-size: 18px;}
.Time_djs li .colon{padding:0 8px;display: inline-block;}
#time_h{padding-left: 16px;}
.Time_djs li #timeTitle{padding-left: 0;}
.Time_djs li .timeTitle,.Time_djs li .time_d{border-right: 1px #EDEDED solid ;padding: 0 16px;font-size: 18px;color: #3ECCB3; }
.Time_djs li .time_d{color:#3ECCB3;}
#id_video_container_9031868222961948861{position: absolute; top:0; left:0; bottom: 0; right: 0; background-color:#333; z-index: 999; display: none; }
.d-buy{}
.d-buybtn a.btn_disabled{background: #ccc;color:#fff;}
.d-price{color:#F43E3E;font-family:arial;font-weight:bold;font-size: 20px;margin-bottom: 30px;}
.Buynum{color: #3ECCB3;font-size: 12px;line-height: 12px;font-weight: normal;}

.tryLearn{}
a.tryLearn{width:80px;font-size:20px;text-decoration:none;display:inline-block;line-height: 48px;border:1px solid #ff6b49; text-align:center; color:#ff6b49;margin-left: 3px;}
.tab_title{background: url(../images/1vs1/111.png) no-repeat left center;background-size:10px 10px;padding-left: 20px;height: 20px;line-height: 20px;font-size: 16px; margin-bottom: 16px;color: #333;}
.brief{padding:0 0 12px 20px;}
.buy_button{position: relative;}
.small_class{position: absolute;right:45px;top:-175px;border: 1px solid #ff6b49;width: 476px;background: #fff;height: 165px;padding-left: 20px;text-align: left;}
.small_class .trials-content-s{padding:15px 0 10px 0;border-bottom: 1px solid #eee;position: relative; }
.play_class{background: url(../images/1vs1/icon_play.png) no-repeat;background-size:100% 100%;position: absolute;right: 30px;top:25px;width: 37px;height: 37px;}
.small_class .trials-content-s .small_classname{font-size: 14px;color:#666;margin-bottom: 10px;width:380px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.small_class .trials-content-s .small_time{font-size: 12px;color:#999;}
.small_class .trials-content-s:last-child{border-bottom: none;}
.arrow{position: absolute;right:420px;bottom: -9px;background: url(../images/1vs1/icon_tip.png) no-repeat;background-size:32px 9px; width: 32px;height: 9px;}
.NoVideo .classmessage_picurl{float: left;width: 500px;height: 314px; position: relative;}
.NoVideo .classmessage_picurl img{width: 100%;height: 314px;}
.NoVideo .d-price{margin-bottom: 5px;line-height: 28px;}
.play_list_info{ }
.play_list_info em{color:#333;}

/*2018--01--16新增*/
.fix_time{margin:0 auto 20px;height: 50px;width: 343px;}
.class_price{text-align: center;margin-bottom: 20px;}
#finex_box{text-align: center;}
a.btn-buy-new{width: 360px !important;}
.start_time .begintime{display: inline-block;padding-right: 18px;}
.Time_djs li #time_s{display: inline-block;width: 22px;}

/*课程表*/
.play_list_1 li{background: #fff;border: 1px solid #ededed;color:#666;font-size: 14px;padding:15px 20px 15px 20px;margin-bottom: 14px;}
.play_list_1 li img{display: inline-block;position: absolute;left: 10px;top:20px;padding-right: 20px;}
.play_list_info p{font-size: 14px !important;color:#666;margin-bottom: 10px;}
.play_list_info em{background: #3eccb3;color:#fff;display: inline-block;padding:2px 5px;border-radius: 2px;margin-left: 12px;}

.play_list_1 ul li p a{margin-top:5px;display:block;width: 60px;height:30px;float: left;text-align: center;font-size: 12px;line-height: 30px;border: 1px solid #ebebeb;margin-right:10px;}
.play_list_1 li.free_class{background: url(../images/1vs1/icon_play.png) no-repeat 98% center;background-size:37px 37px; }
.play_list_1 li.free_class:hover{background-color: #eee;}
.play_list_1 li span{font-size: 12px !important;color: #999;}
.play_list_1 ul li a{color: #666}

/*试学Tab*/
.trials-nav{height: 20px;position: absolute;bottom: 10px;}
.trials-nav li{float: left;width: 20px;height: 20px;border:1px solid #ff2e50;color: #ff2e50;margin-right:12px;text-align: center;line-height: 20px;cursor: pointer;}
.trials-content ul{display: none;}
.trials-content .trials-content-1{display: block;}
.trials-nav .TabActive{background: #ff2e50;color:#fff;}


/*拼团*/
a.btn-buy{width:230px;font-size:20px;text-decoration:none;display:inline-block;line-height: 50px;background-color:#ff6b49; text-align:center; color:#FFF;margin-left: 10px; }
a.btn-alone{width: 230px; font-size: 20px; text-decoration: none; display: inline-block; line-height: 48px; background-color: #ffefeb; text-align: center; color: #ff6b49; border:1px  solid #ff6b49; }
a.btn-group{width:230px;font-size:20px;text-decoration:none;display:inline-block;line-height: 50px;background-color:#ff6b49; text-align:center; color:#FFF;margin-left: 10px; }
a.btn-buy:hover{ background-color:#ff6b49; color:#FF0;}