f@charset "utf-8";
/* CSS Document */

/*讲师列表*/
.tclist{background: #fff;}
.tclist ul li { padding-top: 15px;}
.tclist ul li .libox{ margin: 0 10px; box-shadow: 0 1px 6px rgba(0,0,0,0.1); border-radius: 4px;}
.tclist ul li .thead{ padding:0.5rem; position:relative;}
.tclist ul li .thead .face{width:2.48rem;height:2.48rem;border-radius:50%; position:absolute;left:0.5rem;top:0.5rem;}

.tclist ul li .thead .face img{width:2.48rem;height:2.48rem;border-radius:50%;}
.tclist ul li .thead .pf{float:right; text-align:center; padding-top:0.2rem;}
.tclist ul li .thead .pf strong{ display:block;font-weight:normal;color:#ff663d;font-size:1.103rem; height:1.107rem; line-height:1.107rem; overflow:hidden;}
.tclist ul li .thead .pf span{color:#999;font-size:0.5rem;height:0.6rem; line-height:0.6rem; overflow:hidden;}
.tclist ul li .thead .rct{ padding-left:2.48rem; padding-right:0.5rem; margin-left:0.5rem;}
.tclist ul li .thead .rct .tname{ font-size:0.798rem;height:1.1rem; line-height:1.1rem; overflow:hidden;margin-top:0.188em;}
.tclist ul li .thead .rct .tlever{height:0.993rem; line-height:0.993rem; overflow:hidden;color:#999;}
.tclist ul li .tintro{ margin:10px;color:#606060; line-height:24px;max-height:72px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.tclist ul li .tnum{height:1.6rem; line-height:1.6rem; overflow:hidden;}
.tclist ul li .tnum .n_tab{width:33.3%;float:left; position:relative; text-align:center; font-size:0.65rem;color:#909090;}
.tclist ul li .tnum .n_tab span{ display:inline-block;}
.tclist ul li .tnum .n_tab span .line{width:1px;height:1.154em; position:absolute;top:0.692em;left:0;}
.tclist ul li .tnum .n_tab span .line:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 1px;
	height: 200%; overflow:hidden;
	background:rgba(0,0,0,0.12);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.tclist ul li .tnum .n_tab span .iconfont{ font-size:1.3em;color:#c0c0c0;}
.tclist ul li .tnum .n_tab span .icon1{width:0.7rem;height:0.7rem;margin:0.5rem 0.25rem 0 0; background:url(../images/collect.png) no-repeat; background-size:100% 100%;float:left;}
.tclist ul li .tnum .n_tab span .icon_click1,.tclist ul li .tnum .n_tab .collect-hover .icon1{width:0.7rem;height:0.7rem;margin:0.5rem 0.25rem 0 0; background:url(../images/collect_click.png) no-repeat; background-size:100% 100%;float:left;}
.tclist ul li .tnum .n_tab span .icon2{width:0.7rem;height:0.7rem;margin:0.4rem 0.25rem 0 0; background:url(../images/zan.png) no-repeat; background-size:100% 100%;float:left;}
.tclist ul li .tnum .n_tab span .icon_click2,.tclist ul li .tnum .n_tab .zan-hover .icon2{width:0.7rem;height:0.7rem;margin:0.4rem 0.25rem 0 0; background:url(../images/zan_click.png) no-repeat; background-size:100% 100%;float:left;}
.tclist ul li .tnum .n_tab span .icon3{width:0.7rem;height:0.7rem;margin:0.45rem 0.25rem 0 0; background:url(course.png) no-repeat; background-size:100% 100%;float:left;}
.tclist ul li .tnum .n_tab span b{font-weight:normal;}

.teacherview{ position:relative;}
.teacherview .pad{padding:1.8rem 0 1.8rem 0;}
.teacherview .tbg{ position:absolute;top:0;left:0; z-index:-9;width:100%;height:100%; overflow:hidden;}
.teacherview .tbg img{width:100%; display:block; overflow:hidden;min-height:100%;}
.teacherview .tface{width:4.5rem;height:4.5rem;margin:0 auto;border:0.2rem solid rgba(255,255,255,0.3);border-radius:50%;}
.teacherview .tface img{width:4.5rem;height:4.5rem;border-radius:50%;}
.teacherview .tname{ text-align:center;font-size:0.993rem;color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.2);height:1.2rem; line-height:1.2rem; overflow:hidden;margin-top:0.3rem;}
.teacherview .tlever{font-size:0.65rem;height:0.85rem; line-height:0.85rem; overflow:hidden; text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.2);filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;  opacity: 0.7;}

.teachernum .box{ background:#fff; padding:0.6rem 0;}
.teachernum .n_tab{width:33.33%;float:left; text-align:center;color:#fff; position:relative; text-align:center;}
.teachernum .n_tab b{font-weight:normal; font-size:0.8rem;color:#909090;}
.teachernum .n_tab strong{font-weight:normal;}
.teachernum .n_tab span{ display:inline-block; white-space:nowrap;}
.teachernum .n_tab .icon1{width:0.85rem;height:0.85rem; background:url(../images/collect.png) no-repeat;float:left; background-size:100% 100%;margin-top:0.081.8rem; margin-right:0.2502rem;}
.teachernum .n_tab .icon_click1{width:0.85rem;height:0.85rem; background:url(../images/collect_click.png) no-repeat;float:left; background-size:100% 100%;margin-top:0.081.8rem; margin-right:0.2502rem;}
.teachernum .n_tab .icon2{width:0.85rem;height:0.85rem; background:url(../images/zan.png) no-repeat; background-size:100% 100%;float:left; margin-right:0.2502rem;}
.teachernum .n_tab .icon_click2{width:0.85rem;height:0.85rem; background:url(../images/zan_click.png) no-repeat; background-size:100% 100%;float:left; margin-right:0.2502rem;}
.teachernum .n_tab .icon3{width:0.85rem;height:0.85rem; background:url(../images/course.png) no-repeat; background-size:100% 100%;float:left;margin-top:0.081.8rem; margin-right:0.2502rem;}
.teachernum .n_tab .line{width:1px;height:0.9rem; position:absolute;top:0;left:0;}
.teachernum .n_tab .line:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 1px;
	height: 200%; overflow:hidden;
	background:rgba(0,0,0,0.12);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.teachernum .n_tab .zancor{color:#606060;}

/*弹出评价*/

#pjwrap{width:100%;height:100%; background:#f0f0f0; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s; position:fixed;top:0; z-index:9999;}
#pjwrap .header_pos{ position:absolute;}
#pjwrap .loadtext{ margin-bottom:-1px; z-index:9;}

.pjwrap_pos{ position:fixed !important;left:100%;top:0;z-index:99999;}



/*弹出问答*/
.wrap3 .header_pos{ position:absolute;}
.wrap3{ position:fixed;width:100%;top:100%;left:0;height:100%; background:#f0f0f0; z-index:99999; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.wrap3_show{top:0;}
.wrap3_nopos{ position:relative;}


/*弹出留言*/
.wrap4 .header_pos{ position:absolute;}
.wrap4{ position:fixed;width:100%;top:100%;left:0;height:100%; background:#f0f0f0; z-index:99999; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.wrap4_show{top:0;}
.wrap4_nopos{ position:relative;}


.teacherintro{margin-top:0.5rem;}
.teacherintro .title{height:1.8rem; line-height:1.8rem; overflow:hidden; padding:0 0.5rem;}
.teacherintro .title span{ font-size:0.7rem;color:#606060;}
.teacherintro .title .df{float:right;color:#909090;}
.teacherintro .title .df b{font-weight:normal;color:#e75d02; font-size:1.1rem;}
.teacherintro .box{ background:#fff; padding:0.55rem 0.5rem; line-height:1.667em;color:#606060;}

.teacherintro .box2{ background:#fff;}
.teacherintro .box2 .pf{height:1.7rem; line-height:1.7rem; padding:0 0.5rem;}
.teacherintro .box2 .pf span{color:#909090;}
.teacherintro .box2 .pf span b{ font-size:1.581.8rem;font-weight:normal;color:#e75d02; padding:0 0.158em;}

.teacherintro .box2 .ct{ font-size:0.8rem; line-height:1.570.6rem;}
.teacherintro .box2 .ct span{color:#606060;}

.teacherintro .box2 ul li{ position:relative;min-height:1.75rem; padding:1rem 0.5rem; border-bottom:1px solid #eee;}
.teacherintro .box2 ul li:last-child{ border-bottom:0;}
.teacherintro .box2 ul li .lct{width:1.75rem;height:1.75rem; position:absolute;top:1.1rem;left:0.5rem;border-radius:50%;}
.teacherintro .box2 ul li .lct:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-radius:50%;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.teacherintro .box2 ul li .lct img{width:1.75rem;height:1.75rem;border-radius:50%;}
.teacherintro .box2 ul li .rct{ margin-left:1.75rem; padding-left:0.5rem;}
.teacherintro .box2 ul li .rct .name{height:0.993rem; line-height:0.993rem;}
.teacherintro .box2 ul li .rct .name span{float:right; font-size:0.5rem;color:#909090;}
.teacherintro .box2 ul li .rct .name b{font-weight:normal;font-size: 0.65rem;}

.teacherintro .box2 ul li .rct .star{position:relative;height:0.7rem; overflow:hidden;}
.teacherintro .box2 ul li .rct .star_w{height:0.75rem; background:url(../images/star5.png) no-repeat; background-size: 3.75rem 0.75rem; position:absolute;top:0;left:0; z-index:9; font-size:1.1rem;}
.teacherintro .box2 ul li .rct .star .star_img{width:3.75rem;float:left;height:0.75rem; background:url(../images/star0.png) no-repeat;background-size: 3.75rem 0.75rem;font-size:1.1rem;}
.teacherintro .box2 ul li .rct .star span{float:left;color:#909090; padding-left:0.5rem; line-height:0.993rem;}
.teacherintro .box2 ul li .rct .info{ font-size:0.7rem; line-height:1rem;margin-top:0.5rem;}

.teacherintro .box2 .btn{margin:0 0.5rem; background:#f0f0f0; position:relative;height:1.7rem; line-height:1.7rem; overflow:hidden; text-align:center;border-radius:0.2rem;}
.teacherintro .box2 .btn span{ font-size:0.8rem;color:#606060;}
.teacherintro .box2 .btn span .iconfont{ padding-left:1rem; font-size:0.6rem;}
.teacherintro .box2 .btn:hover{ background:#e8e8e8;}

.teacherintro .pjlist ul li{ position:relative;}
.teacherintro .pjlist ul li:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 200%;
	height: 1px; overflow:hidden;
	background:#eee;
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.teacherintro .pjlist .empty{margin-top:0px;}

.teacherintro .box3{ background:#fff; position:relative;}



.teachercourse{ background:#fff;}

.teachercourse .tab{ position:relative; padding-bottom:1px;}
.teachercourse .tab:after{
	content: "";
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	width: 200%;
	height: 1px; overflow:hidden;
	background:rgba(0,0,0,0.18);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.teachercourse .tab dl dt{ padding:0 0.5rem; margin-left:0.5rem; position:relative;float:left;height:2.1rem; line-height:2rem;}
.teachercourse .tab dl dt span{ font-size:0.7rem;}
.teachercourse .tab dl dt .line{width:100%;height:0.1rem; background:#ff663d; position:absolute;bottom:0;left:0;border-radius:0.1rem; display:none;}
.teachercourse .tab dl dt.curr{color:#ff663d;}
.teachercourse .tab dl dt.curr .line{ display:block;}
.teachercourse .tab dl dt.curr .line:after{ display:none;}

.teachercourse .tcourselist ul li{ position:relative; padding:0.5rem;overflow:hidden;}
.teachercourse .tcourselist ul li:after{
	content: "";
	display: block;
	position: absolute;
	bottom:0;
	left: 0.5rem;
	width: 200%;
	height: 1px; overflow:hidden;
	background:rgba(0,0,0,0.18);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.teachercourse .tcourselist ul li .img{width:8.75em; position:absolute;left:0.5rem;top:0.5rem;height:3.5rem; overflow:hidden;}
.teachercourse .tcourselist ul li .img img{width:8.75em;min-height:3.5rem;}
.teachercourse .tcourselist ul li .img .keshi{color:#fff;font-size:0.5rem;height:1.6em; overflow:hidden;width:100%; position:absolute;left:0;bottom:0; z-index:9;}
.teachercourse .tcourselist ul li .img .keshi span{ padding:0 0.6em;float:right;background:rgba(0,0,0,0.4);height:1.6em; line-height:1.6em;}

.teachercourse .tcourselist ul li .pd{ margin-left:8.75em; padding-left:0.5rem;}
.teachercourse .tcourselist ul li .pd .name{ font-size:0.84rem;height:1.267em; line-height:1.267em; overflow:hidden;}
.teachercourse .tcourselist ul li .pd .info{height:0.8rem; line-height:0.8rem;margin-top:0.331.8rem;color:#606060; overflow:hidden; overflow:hidden;}
.teachercourse .tcourselist ul li .pd .price{height:2em; line-height:2em; overflow:hidden;margin-top:0.667em;}
.teachercourse .tcourselist ul li .pd .price strong{ font-size:0.8rem;font-weight:normal;color:#e75d02;}
.teachercourse .tcourselist ul li .pd .price strong font{font-size:0.929em; padding-right:0.154em;}
.teachercourse .tcourselist ul li .pd .price strong.isfree0{color:#5fa942;}

.teachercourse .tcourselist ul li .pd .price b{font-weight:normal;}
.teachercourse .tcourselist ul li .pd .price b.free{color:#5fa942; display:none;}
.teachercourse .tcourselist ul li .pd .price .isfree0 b.nofree{ display:none;}
.teachercourse .tcourselist ul li .pd .price .isfree0 b.free{ display:block;}

.teachercourse .tcourselist ul li .pd .price span{float:right;color:#909090; background:url(../images/groupicon.png) no-repeat 0 50%;padding-left: 0.95rem;background-size: 0.8rem 0.8rem; font-size:0.55rem; }
.teachercourse .tcourselist .loadtext{ background:none;margin:0px;color:#a0a0a0;}

#mywrapbg{width:100%;height:100%; position:fixed;left:0;top:0; background:rgba(0,0,0,0.24); z-index:103; display:none;}
.commentbox{ position:fixed;bottom:-24em; padding-bottom:0.84rem; margin-bottom:1px;left:0; z-index:9996;width:100%; background:#fff;}
.commentbox .gray{height:3.667em; line-height:3.667em; overflow:hidden; padding:0 0.84rem;}
.commentbox .gray span{ font-size:0.7rem; color:#333;}
.commentbox .gray #closebg{float:right;width:1.417em;height:3.667em; background:url(../images/close.png) no-repeat 0 50%; background-size:1.417em 1.417em;}

.commentbox #addPJ1{ padding:0 0.84rem;}
.commentbox #addPJ1 span{float:left;color:#909090;}
.commentbox #addPJ1 img{float:left;height:0.8rem;margin-left:0.667em;}
.commentbox #addPJ1 #stexta{ padding-left:0.5rem;color:#e75d02;}
.commentbox #addPJ1 #stexta b{font-weight:normal;}
.commentbox .starbox{height:0.9rem; line-height:0.9rem; overflow:hidden;}
.commentbox .textareabox{ padding:0.5em 0.5rem;margin-top:0.5rem; box-shadow:0 0.081.8rem 0.2rem rgba(0,0,0,0.1) inset;border-radius:0.2rem; position:relative;}
.commentbox .textareabox:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.18);
	border-top:1px solid rgba(0,0,0,0.24);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-radius:0.5em;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.commentbox .textareabox textarea{width:100%;border:0px; height:4.714em; font-size:0.84rem; position:relative; z-index:9; line-height:1.15rem; outline:none;}
.commentbox .buttonbox{}
.commentbox .buttonbox .cmtBtn{width:100%; background:#ff663d;font-size:0.84rem;height:2.6em; vertical-align:middle;border:0px; text-align:center;color:#fff;border-radius:0.2em;margin-top:0.667em; -webkit-appearance:none;}
.commentbox .buttonbox .cmtBtn:hover{ background:#f5572c;}

.ft_h{height:2.5rem; overflow:hidden; padding-top:1px;}
.foot_tcalk{width:100%;height:2.5rem; position:fixed; background:rgba(255,255,255,0.95);left:0;bottom:0; z-index:9999; padding-top:1px; overflow:hidden; }
.foot_tcalk:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 200%;
	height: 1px; overflow:hidden;
	background:rgba(0,0,0,0.18);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.foot_tcalk ul li{width:33.33%;float:left; text-align:center; position:relative;}
.foot_tcalk ul li:hover{ background:#f9f9f9;}
.foot_tcalk ul li.curr em{color:#ff663d;}
.foot_tcalk ul li.curr span.icon1{background:url(../images/fticon_focus1.png) no-repeat; background-size:100% 100%;}

.foot_tcalk ul li span{width:1.05rem;height:1.05rem; display:block;margin:0 auto;margin-top:0.5rem;}
.foot_tcalk ul li span.icon1{background:url(../images/fticon1.png) no-repeat; background-size:100% 100%;}
.foot_tcalk ul li span.icon2{background:url(../images/fticon3.png) no-repeat; background-size:100% 100%;}
.foot_tcalk ul li span.icon3{background:url(../images/fticon2.png) no-repeat; background-size:100% 100%;}
.foot_tcalk ul li em{ display:block;font-size:0.5rem;height:0.9rem; line-height:0.9rem; overflow:hidden;color:#606060;}


/*向老师提问*/

.taskbox .ask_box{ background:#fff; padding:0.5rem;}
.taskbox .textareabox{ padding:0.5em 0.5rem; box-shadow:0 0.081.8rem 0.2rem rgba(0,0,0,0.1) inset;border-radius:0.2rem; position:relative;}
.taskbox .textareabox:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.18);
	border-top:1px solid rgba(0,0,0,0.24);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-radius:0.5em;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.taskbox .textareabox .ask_textarea{width:98%;border:0px; height:4.714em; font-size:0.84rem; position:relative; z-index:9; line-height:1.570.6rem; outline:none;}

.taskbox .ask_btnbox .askbtn{float:right; background:#f69352;font-size:0.75rem;height:1.8rem; vertical-align:middle;border:0px; padding:0 1rem;color:#fff;border-radius:0.2em;margin-top:0.667em; -webkit-appearance:none;}


.taskbox .t_list .t_tit{height:1.7rem; line-height:1.7rem; overflow:hidden; padding:0 0.5rem;margin-top:0.417em;}
.taskbox .t_list .t_tit span{ font-size:0.8rem;}
.taskbox .t_list .mybox{ background:#fff;}
.taskbox .t_list .mybox ul li{ position:relative;min-height:1.75rem; padding:0.84rem 0.5rem;}
.taskbox .t_list .mybox ul li:after{
	content: "";
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	width: 200%;
	height: 1px; overflow:hidden;
	background:rgba(0,0,0,0.18);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.taskbox .t_list .mybox ul li .lct{width:2.5em;height:2.5em; position:absolute;top:0.84rem;left:0.5rem;}
.taskbox .t_list .mybox ul li .lct img{width:2.5em;height:2.5em;border-radius:50%;}
.taskbox .t_list .mybox ul li .lct:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-radius:50%;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.taskbox .t_list .mybox ul li .rct{ padding-left:2.5em; margin-left:0.5rem;}
.taskbox .t_list .mybox ul li .rct .rname{height:2.308em;color:#606060;line-height:2.308em; font-size:1.081.8rem;}
.taskbox .t_list .mybox ul li .rct .rname span{float:right; font-size:0.846em;color:#909090;}
.taskbox .t_list .mybox ul li .rct .rinfo{ font-size:0.84rem; line-height:1.531.8rem;margin-top:0.067em;}

.taskbox .t_list .mybox ul li .rct .rbtn{float:right;height:2.167em;color:#606060;margin-top:0.081.8rem; line-height:2.167em; padding:0 0.5rem; position:relative;}
.taskbox .t_list .mybox ul li .rct .rbtn:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.24);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-radius:0.331.8rem;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.taskbox .t_list .mybox ul li .rct .textareabox{margin-top:0.5rem;}
.taskbox .t_list .mybox ul li .rct .textareabox{animation:mytextareabox 0.5s;-moz-animation:mytextareabox 0.5s; /* Firefox */
-webkit-animation:mytextareabox 0.5s; /* Safari and Chrome */
-o-animation:mytextareabox 0.5s; /* Opera */
}
@keyframes mytextareabox
{
0%   {margin-top:0em;}
100% {margin-top:0.5rem;}
}

@-moz-keyframes mytextareabox /* Firefox */
{
0%   {margin-top:0em;}
100% {margin-top:0.5rem;}
}

@-webkit-keyframes mytextareabox /* Safari and Chrome */
{
0%   {margin-top:0em;}
100% {margin-top:0.5rem;}
}

@-o-keyframes mytextareabox /* Opera */
{
0%   {margin-top:0em;}
100% {margin-top:0.5rem;}
}
.taskbox .t_list .mybox ul li .rct .textareabox textarea{ -webkit-appearance:none;border:0px; background:none;width:100%; font-size:0.8rem; line-height:1.570.6rem; outline:none; position:relative; z-index:9;color:#606060;}
.taskbox .t_list .mybox ul li .rct .textareabox:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.18);
	border-top:1px solid rgba(0,0,0,0.24);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-radius:0.5em 0.5em 0 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.taskbox .t_list .mybox ul li .rct .hfbox{background: linear-gradient(360deg, #f0f0f0, #f3f3f3);height:1.75rem; line-height:1.75rem; position:relative;}
.taskbox .t_list .mybox ul li .rct .hfbox:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0,0,0,0.18);
	border-top:0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-radius:0 0 0.5em 0.5em;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.taskbox .t_list .mybox ul li .rct .hfbox .hfbtn{width:100%; text-align:center;-webkit-appearance:none;height:2.5em; font-size:0.8rem;border:0px; padding:0 1.429em; border-radius:0px;background:none; position:relative; z-index:9;}

.taskbox .t_list .mybox ul li .rct .hfbox span{ padding-left:0.5rem;color:#909090; display:none;}
.taskbox .t_list .mybox ul li .replylist{ background:#fff;border-radius:0.2rem; position:relative;margin-top:0.55rem; margin-bottom:0.5rem;}

.taskbox .t_list .mybox ul li .replylist .replybox{ padding:0.667em 0 0.667em 1.667em; position:relative;}
.taskbox .t_list .mybox ul li .replylist .replybox:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 200%;
	height:1px; overflow:hidden;
	background:rgba(0,0,0,0.12);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.taskbox .t_list .mybox ul li .replylist .replybox span{ display:block;height:0.9rem; line-height:0.9rem; overflow:hidden;}
.taskbox .t_list .mybox ul li .replylist .replybox span font{font-size:0.9rem; position:absolute;left:0;top:0.444em;color:#b0b0b0;}
.taskbox .t_list .mybox ul li .replylist .replybox span em{float:right;color:#909090; font-size:0.55rem;}
.taskbox .t_list .mybox ul li .talkinfo{ font-size:0.8rem; line-height:1.429em;margin-top:0.286em;}


/*学员评价*/
.pj_box .box{ background:#fff; padding:0.5rem 0.5rem 0.5rem 33%; position:relative;}
.pj_box .hpl{ position:absolute;left:0;top:2rem; text-align:center;width:33%;}
.pj_box .hpl span{ font-size:1.05rem; text-align:center; display:block;color:#e75d02;height:0.9rem; line-height:0.9rem; overflow:hidden;}

.pj_box .hpl em{color:#909090; display:block;height:0.8rem; line-height:0.8rem; overflow:hidden;}
.pj_box .barbox{margin:0.417em 0.417em 0 0.5rem; position:relative;height:1.667em; line-height:1.667em;}
.pj_box .barbox .barleft{ width:40%;float:left; font-size:0.55rem;color:#606060; text-align:right; white-space:nowrap;}
.pj_box .barbox .barright{width:55%;float:right; position:relative;height:0.5rem;margin-top:0.331.8rem; overflow:hidden; background:#eee;}
.pj_box .barbox .barright .red{height:0.5rem; position:absolute;left:0;top:0; background:#60a3e1; z-index:9;}


.cmttop{ background:#fff; padding:0.5rem; position:relative;margin-top:0.5rem;}
.cmttop:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 200%;
	height:1px; overflow:hidden;
	background:rgba(0,0,0,0.12);
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.cmttop span{float:left;width:25%; text-align:center;color:#909090;}
.cmttop span em{ display:block; font-size:0.8rem;height:1.429em;color:#606060; line-height:1.429em; overflow:hidden;}
.cmttop span b{font-weight:normal; font-size:0.8rem;height:0.9rem; line-height:0.9rem; overflow:hidden;}
.cmttop span img{height:0.6rem;margin:0.141.8rem 0.357em 0 0;}
.cmttop span.active{color:#ff663d;}
.cmttop span.active em{color:#ff663d;}

.foottalk_h{height:3.583em; overflow:hidden;}
.foottalk{ position:fixed;width:100%;left:0;bottom:-4.5em; z-index:999;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.foottalk:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 200%;
	height:1px; overflow:hidden;
	background:#ddd;
	-webkit-transform:scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.foottalk .inputbox{ padding:0 9.75em 0 0.833em;height:3.583em; line-height:3.583em; background:#fff;}
.foottalk #contentask{width:100%;border:0; -webkit-appearance:none; background:none; outline:none; font-size:1.167em;}
.foottalk .askbtn{ position:absolute;right:0.714em;top:0.429em; background:#ff663d; font-size:1.167em;height:2.429em; line-height:2.429em;width:4.286em;border-radius:0.286em; text-align:center;color:#fff;}
.foottalk .askbtn:hover{ background:#ff663d;}
.filter_h {height: 30px;}
.filtermain dt:before{content: '';width: 0px;overflow: hidden;height: 18px;position: absolute;left: 0;top: 50%;
margin-top: -9px;border-left: 1px solid #ccc;transform: scaleX(0.5);}
.filter_notop {border-bottom: 1px solid #eee;}
