@charset "utf-8";
.main{width: 1200px;margin: 0 auto;}
.card-main ul{margin-right: -30.5px;margin-top: 30px;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix {zoom:1; /* for ie6 & ie7 */}
.card-main li:hover{box-shadow:0 8px 16px 0 rgba(57,104,116,.2);transform: translate(0,-10px);}
.card-main li{float:left;overflow:hidden;border-radius: 4px;margin:0 20.5px 30px 0; width:275px;border:solid 1px #eee;transition:0.2s;background: #fff;}
.card-main {float: left;width: 100%;}
.card-main .pic{position:relative;overflow:hidden;width:275px;height:160px;}
.card-main .pic .span02{position: absolute;top:0;left:0;width:40px;height: 40px;background: url(../icon/living.png) -1px -1px no-repeat;  background-size: 100%;}
.card-main .pic img{width:100%;height:100%;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;-ms-transition:all .6s;}
.card-main .pic .txt{position:absolute;right:0;bottom:0;left:0;display:none;height:22px;background-color:rgba(154,154,154,.4);color:#fff;line-height:22px;}
.card-main .pic .img_course{position: absolute;top: 0;left: 0;width: 40px;height: 40px;}
.card-main h3{display:-webkit-box;overflow:hidden;margin: 10px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.card-main h3 a{font-size:16px;color: #333;}
.card-main h3 a:hover{color: #00BED4;}
.card-main .info{overflow:hidden;border-bottom:solid 1px #ededed; padding:0 10px 10px;}
.card-main .info .fr{overflow:hidden;max-width:110px;color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:13px;float: right;}
.card-main .price{float:left;color:#fb7d30;font-size:14px;float: left;}
.card-main .free{float:left;color:#56b02a;font-weight:700;font-size:18px;}
.card-main .price.free{color:#5fb41b;font-weight:400;font-size:14px;}
.teacherbg{height:310px;}
.g-bg04{background: rgba(0,0,0,.2);width: 100%;height: 100%;overflow: hidden;}
.teacher-profile{position:relative;margin-bottom:16px;}
.teacher-profile .portrait{position:relative;float:left;margin:0 30px 0 0;width:200px;height:200px;}
.teacher-profile .portrait img{position:absolute;width:198px;height:198px;border:2px solid #fff;border-radius: 50%;}
.teacher-profile .info{position:relative;margin-top:40px;width:100%;height:210px;}
.teacher-profile .data{float:left;margin-top:15px;width:770px;color:#3d3d3d;font-size:14px;}
.teacher-profile .data .title-box{height:44px;line-height: 44px;}
.teacher-profile .data .title-box .name{float:left;margin-right:10px;font-size:32px;}
.teacher-profile .data .title-box .name a{color: #fff;}
.teacher-profile .data .title-box img{float:left;margin-top:5px;margin-right:10px;}
.teacher-profile .data .title-box .visit-count{float:left;margin-top:10px;font-size:12px;}
.teacher-profile .data .summary-box{height:54px;}
.teacher-profile .data .summary-box .voice1{position:relative;float:left;margin-top:3px;margin-right:16px;cursor:pointer;display: none;}
.teacher-profile .data .summary-box .voice1 .trigger{float:left;}
.teacher-profile .data .summary-box .voice1 .time{position:absolute;top:2px;right:4px;color:#fff;line-height:22px;}
.teacher-profile .data .summary-box .slogon{float:left;font-size:14px;color: #fff;margin-top: 10px;height: 38px;overflow: hidden;}
.teacher-profile .data .address{height:40px;font-size:12px;line-height:40px;}
.teacher-profile .data .address i{margin:-4px 5px 0 0;width:16px;height:16px;background-position:-67px -617px;}
.teacher-profile .data .btn-box{height:36px;overflow: hidden;margin-top: 12px;}
.teacher-profile .data .btn-box .btn{margin-right: 15px;text-align: center;display: block;float: left;width:80px;height:34px;line-height: 34px;font-size: 14px;border: 1px solid #fff;color: #fff;border-radius: 4px;padding: 0;}
.teacher-profile .data .btn-box .btn:hover{border: 1px solid #00BED4;color: #00BED4;background: #fff;}
.teacher-profile .data .btn-box .ck-attentio{padding: 0;color: #fff;}
.teacher-profile .data .btn-box .zx{}
.teacher-profile .data .btn-box .yy{}
.teacher-profile .anther{float: right}
.teacher-profile .anther .action{margin:0;float:right;padding:0 10px;height:30px;border-radius:15px;background-color:rgba(0,0,0,.6);line-height:30px;}
.teacher-profile .anther .action li{position:relative;float:left;margin:0 5px;color:#fff;}
.teacher-profile .anther .action .ewmbox{position:absolute;display:none;padding:7px;width:90px;background-color:#fff;color:#666;text-align:center;}
.teacher-profile .anther .action .look-embod:hover .qrcode-wrap{display:block;}
.teacher-profile .anther .action .ewmbox img{width:90px;height:90px;}
.teacher-profile .anther .action .ewmbox p{margin:5px 0;line-height:16px;}
.teacher-profile .anther .action .favor{cursor:pointer;}
.teacher-profile .anther .action .favor:hover{color:#00BED4;}
.teacher-profile .anther .action .zhuang-left:hover ._share_my_firends{display: block}
.teacher-profile .anther .action i{margin:-4px 3px 0 0;width:14px;height:14px;}
.teacher-profile .anther .action .icon-01{background-position:-218px -468px;}
.teacher-profile .anther .action .icon-02{background-position:-268px -468px;}
.teacher-profile .anther .mainpage{float:left;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.4);font-weight:600;line-height:30px;}
.gr-main-infos{float: left;width:100%;border-bottom:1px solid #dcdcdc;background: #fff}
.gr-main-infos .nav-box{clear:left;overflow:hidden;width:100%;height:100%;color:#3d3d3d;font-size:16px;}
.gr-main-infos .nav-box li{float:left;border-bottom: 1px solid #fff;margin-right: 70px;}
.gr-main-infos .nav-box li:hover{border-bottom: 1px solid #00BED4;}
.gr-main-infos .nav-box li a{display:block;padding:0 5px;color:#656565;cursor:pointer;line-height: 60px;}
.gr-main-infos .nav-box li.active a,.gr-main-infos .nav-box li :hover{color:#00BED4;}
.gr-main-infos .nav-box li.active{border-bottom: 1px solid #00BED4;}
.action:hover .qrcode-wrap,.ewm1{display:block;}
.action .qrcode-wrap,.ewm1{position:absolute;top:39px;left:-25px;z-index:2;display:none;padding:10px;width:100px;height:100px;border:1px solid #00BED4;background:#fff;}
.action .qrcode-wrap:after{position:absolute;right:52px;bottom:130px;width:12px;height:12px;border:solid 1px #00BED4;border-width:1px 1px 0 0;background-color:#fff;content:'';-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
/* 线下课 */
.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:330px;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}
/* 评价 */
.evaluate_left_box .tab-nav-info .top-nav .item{padding:0 20px;color:#6d6d6d;font-weight:400;font-size:12px;cursor:pointer;}
.evaluate_left_box .tab-nav-info .top-nav .nav-active{color:#3d3d3d;font-weight:700;}
.evaluate_left_box .nav-content{margin-top:10px;}
.evaluate_left_box .item{position:relative;margin-top:14px;}
.evaluate_left_box .nav-content .item{border-bottom:1px dashed #e6e6e6;}
.evaluate_left_box .item dl{float:left;margin-right:18px;text-align:center;}
.evaluate_left_box .item dl .avatar-small{top:5px;margin-bottom:5px;}
.evaluate_left_box .item dl .user-name{color:#6D6D6D;font-size:14px;line-height:20px;}
.evaluate_left_box .comment{overflow:hidden;padding:8px 14px;min-height:73px;font-size:12px;}
.evaluate_left_box .score-info{color:#9D9D9D;}
.evaluate_left_box .score-info .score i{margin-top:-3px;width:10px;height:10px;}
.evaluate_left_box .score-info .score .icon-star{background-position:-160px -222px;}
.evaluate_left_box .score-info .score .icon-star_no{background-position:-180px -222px;}
.evaluate_left_box .con{margin-top:10px;margin-bottom:24px;color:#3d3d3d;word-wrap:break-word;font-size:14px;word-break:break-all;}
.evaluate_left_box .order-info{margin:3px 0 10px;color:#9d9d9d;}
#evaluate_left_box .score-info span,.evaluate_left_box .order-info span{margin-right:10px;}
#evaluate_left_box .score-info a,.evaluate_left_box .order-info a{margin-right:10px;color:#6d6d6d;}
.evaluate_left_box .order-info .date{float:left;margin-right:10px!important;}
.evaluate_left_box .feedback{position:relative;top:5px;float:right;}
.evaluate_left_box .comment .feedback{height:30px;}
.evaluate_left_box .feedback .link{margin-left:5px;padding:3px 5px;border:1px solid #CCC;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#F8F8F8;color:#9d9d9d;text-align:center;cursor:pointer;}
.evaluate_left_box .feedback .btn-support{border:1px solid #00BED4;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;color:#00BED4;}
.evaluate_left_box .order-info span:last-child{margin-right:0;}
.single .progress{display:inline-block;width:100px;height:10px;background-color:#fff3e0;}
.single .progress .meter{display:inline-block;height:100%;background-color:#ffcc80;}
.evaluate_left_box{background: #fff;border-radius: 7px;width: 910px;float: left;min-height: 400px;}
.evaluate_left_box .head_box{height: 50px;border-bottom: 1px solid #dcdcdc;line-height: 50px;border-radius: 7px 7px 0 0}
.evaluate_left_box .head_box>a{padding: 0 10px;color: #333;font-size: 14px;}
.evaluate_left_box .head_box>a:hover{color: #00BED4;}
.evaluate_left_box .head_box>a.on{color: #00BED4;}
.evaluate_left_box .nav-content{border-radius: 0 0 7px 7px;}
.evaluate_right_box{float: right;width: 260px;}
.evaluate_right_box .overview{overflow:hidden;color:#9D9D9D;font-size:12px;zoom:1;}
.evaluate_right_box .overview .action{position: relative;padding: 0;margin: 0;background: #00BED4;height: 60px;border-radius: 60px;line-height: 60px;margin-bottom: 30px;}
.evaluate_right_box .overview .action .btn-primary{color: #fff;width: 100%;height: 100%;line-height: 45px;font-size: 16px;border-radius: 60px;}
.evaluate_right_box .overview .action .icon-xiedianping{color: #fff;font-size: 16px;position: absolute;left: 62px;top: 0;cursor: pointer;}
.evaluate_right_boxevaluate_right_box .overview .action a{width:68px;height:30px;text-align:center;line-height:15px;}
.evaluate_right_box .overview .teacher-score{display:inline-block;padding:20px 40px;height:70px;vertical-align:top;}
.evaluate_right_box .overview .teacher-score strong{display:block;color:#00BED4;font-weight:700;font-size:36px;font-family:PingHei,'Hiragino Sans GB','Microsoft YaHei',arial,sans-serif;}
.evaluate_right_box .overview .teacher-score i{margin-top:-3px;width:10px;height:10px;}
.evaluate_right_box .overview .teacher-score .icon-star{background-position:-160px -222px;}
.teachevaluate_right_boxer-comment .overview .teacher-score .icon-star_no{background-position:-180px -222px;}
.evaluate_right_box .overview .detail{position:relative;display:inline-block;margin-top:20px;padding:0 40px;height:90px;color:#9D9D9D;vertical-align:top;font-size:12px;margin-bottom: 20px;}
.evaluate_right_box .overview .detail .star-comment{position:absolute;top:-20px;left:60px;}
.evaluate_right_box .overview .detail .text{margin-right:10px;}
.score_box{background: #fff;}
.evaluate_right_box .score_head{height: 50px;line-height: 50px;padding-left: 20px;color: #333;font-size: 16px;border-bottom: 1px solid #dcdcdc;}
.evaluate_left_box .nav-content .item img{border-radius: 50%;}
.evaluate_right_box .teacher-score .icon-star_no{background-position: -180px -222px;}
.evaluate_left_box .comment .feedback .icon-dianzan2{font-size: 14px;line-height: 13px;}
.teacher-content .review_con #review-comments{display: none;margin: auto;margin-bottom: 30px;background: #fff;padding: 10px 30px 0 30px;border-radius: 7px;margin-bottom: 30px;}
.teacher-content .review_con{width: 100%;}
/* 编辑器 */
.qa-comment-input{padding: 10px 0 0 0; height:auto; float:left;position: relative;}
.qa-comment-input img { border-radius: 50%; width: 40px}
.qa-ci-avator{ text-align: center;width: 80px;}
.qa-ci-iarea{border: 1px solid #eeeeee;width:97.5%;margin:10px 0; border-radius: 4px;height:80px; padding:1%; color:#888; font-size:14px}
.quesdetail .qa-ci-iarea{ padding: 12px 13px; width: 746px;vertical-align: middle;background:none; border:#eeeeee 1px solid; color:#999999; font-size:12px; margin:0;}
.qa-ci-wrap{ width:100%; background:none;color:#999999; font-size:12px;}
/* 星级 */
.star_ul li{width:11px; height:10px; font-size:1px; overflow:hidden; background-image:url(../icon/ico.png); background-repeat:no-repeat; float:left;margin: 10px 2px 0 0;}
.grade-back-set{width:11px; height:10px; font-size:1px; overflow:hidden; display:inline-block; background-image:url(../icon/ico.png); background-repeat:no-repeat;background-position:-105px -4px; width:15px; height:20px}
.grade-back-default{width:11px; height:10px; font-size:1px; overflow:hidden; display:inline-block; background-image:url(../icon/ico.png); background-repeat:no-repeat; background-position:-83px -3px; width:15px; height:20px}
.qa-reply-footright {  padding:10px 0px 10px 0;}
.btn-mc-light {background-color: #AAAAAA;  border: 1px solid #fff;  display: inline-block;  vertical-align: middle; margin-right:5px;line-height:28px;padding: 0 23px;  text-align: center;  cursor: pointer;  font-size: 12px; border-radius: 3px; color: #fff;  *overflow: visible;  /*IE 7 button width bug fixed*/
  *display: inline;  /* IE7 inline-block hack */  *zoom: 1;  transition: border-color 0.25s;  -webkit-transition: border-color 0.25s;  -moz-transition: border-color 0.25s;  -o-transition: border-color 0.25s;}
.btn-mini{cursor:pointer; background: #00BED4;border:none;color: #ffffff;font-size: 12px; line-height:28px; padding:0 23px;border-radius: 3px;}
.teacher_list{margin-right: -30.5px;}
.teacher_list li{float: left;overflow: hidden;border-radius: 4px;margin: 0 30.5px 30px 0;width: 275px;height:300px;border: solid 1px #eee;transition: 0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;-ms-transition:0.2s; background: #fff;text-align: center;}
.teacher_list li:hover{border: 1px solid #00BED4;background: #fafeff;}
.teacher_list li:hover .teacher_name{color:#00BED4 };
.teacher_list li:hover .teacher_picture a img{transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
.teacher_list li:hover .teacher_picture{transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
.teacher_list li .teacher_picture{position: relative;overflow: hidden;width: 120px;height: 120px;border-radius: 50%;margin: 20px auto 0px;transition:.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;}
.teacher_list li .teacher_picture a{display: block;width: 100%;height: 100%;}
.teacher_list li .teacher_picture img{width: 120px;height: 120px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s; border-radius: 50%;}
.teacher_list li .teacher_name{font-size: 18px;color: #333;text-align: center;margin-top: 16px;}
.teacher_list li .shcool{margin: 16px 0 20px 0;font-size: 14px;color: #888;text-align: center;}
.teacher_list li .introduce{ padding-top: 16px;margin: 0 auto;height: 40px;width: 255px;text-align: center;font-size: 14px;color: #909090;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;border-top: 1px solid #f0f3f5;}
p strong{
  font-weight: 700;
}
p em{
  font-style: italic;
}