﻿
/*教师内页*/
.teacher-bg { height: 210px; } 
.teacher_contop { position: relative; height:134px; z-index: 1; background:#76a6c8 url(innertopbg.jpg) no-repeat 50% 0; } 
.teachermainbox .teacherpic_box { border: 6px solid #fff; width: 143px; height: 143px; border-radius: 100%; display:block; overflow: hidden; text-align: center; } 
.teachermainbox .teacherpic { margin: 55px 26px 0px 40px; } 
.teachermainbox .teacherinfo .tname { font-size: 24px; height:24px; line-height:24px; color:#fff; } 
.teachermainbox .teacherinfo .tname .tzhic_left { font-size: 14px; margin-left: 20px; } 
.teachermainbox .teacherpic_box img { width:100%; height:100%; object-fit: cover; } 
.teachermainbox .teacherinfo .tname span img { margin-left:5px; width: 20px; } 

.teachermainbox .teacherinfo .mates { font-size: 13px; margin-top:40px; color: #999; } 
.teachermainbox .teacherinfo .mates span { margin-right:30px; line-height:24px; } 
.teachermainbox .teacherinfo .mates .mrm { margin-right: 10px; } 
.teachermainbox li { float:left; margin-right:58px; height:134px; line-height:134px; font-size:24px; color:#fff; } 
.teachermainbox li i { margin-right:12px; } 
.teachermainbox li i img { vertical-align:middle; } 
.actions .dz { float: left; height: 38px; line-height: 38px; text-align: center; width: 100px; border-radius: 5px; font-size: 16px; border: 1px solid #ff762f; background:#ff762f; color:#fff; margin-right: 22px; } 
.actions .dz:hover { background:#ff762f; border:1px solid #ff762f; } 
.actions { margin-top:20px; } 
.actions .gz { float: left; height: 40px; line-height: 40px; text-align: center; width: 100px; border-radius: 5px; font-size: 16px; border: 1px solid #d3d3d3; color:#555; background:none; } 
.teachermainbox .actions .btn-primary { border-color:#83c76f; background-color: #83c76f; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 
.teachermainbox .teacherinfo .actions .btn-default { border-color:#83c76f; background-color:#83c76f; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 
.teachermainbox .teacherinfo .actions .btn-primary:hover { background:#34bd74; border-color:#34bd74; } 
.teachermainbox .teacherinfo .actions .btn-ghost-white { color: #fff; border: 1px solid #fff; background:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-left: 20px; } 
.teachermainbox .teacherinfo .actions .btn-ghost-white:hover { background: rgba(255, 255, 255, 0.3); } 

.tintro { position:relative; float: right; width: 20%; padding-left: 20px; box-sizing: border-box; } 
.teachermainbox .teacherinfo { margin-top:85px; width:604px; } 
.tintro .tintrolist { width:380px; overflow:hidden; position:relative; height: 110px; } 
.tintro .tintrolist .tintro_ul { width:1988400px; position:absolute; top:0; left:0; } 
.tintro .tintrolist .tintro_ul .tintroulli { overflow:hidden; float: left; width: 360px; } 
.tintro .tintrojt { position:absolute; right:5px; top:5px; z-index: 10; } 
.tintro .prve,.teacher_contop .tintro .next { text-align:center; color:#bbb; display:inline-block; margin:0; cursor:pointer; } 
.tintro .info_ .info1,.teacher_contop .tintro .info_ .info2 { width:50%; } 
.tintro .info_ .info1 li,.teacher_contop .tintro .info_ .info2 li { line-height:20px; color:#808080; } 
.tintro .tintrolist .tintro_ul .people_info { padding: 5px; color:#808080; } 
.tintro .info_ .info1 li em { font-style: normal; } 
.tintro .info_ .info1 li em.yrz { color:#34bd74; } 
.tintro .info_ .info1 li em.time_num { font-size: 15px; color:#34bd74; margin: 0 5px; } 
.teacher_contop .tintro .tname a { font-size:14px; color:#303030; } 
.tintro .star-pf { padding:0 20px 30px; background: #fff; border-radius: 10px; } 
.teacherct_con .tintro .star-pf .title { padding-top: 18px; font-size: 18px; color: #111; padding-bottom: 25px; padding-bottom: 40px; } 
.tc-conl { float: left; width: 80%; } 
.tc-conl .tc-conl-t { background:#fff; margin-bottom:20px; border-radius: 10px; } 
.tc-conl .tc-conl-t .title { font-size:18px; color:#111; height: 50px; line-height: 50px; padding: 0px 20px; } 
.tc-conl .tc-conl-t .title .s-title { display:inline-block; } 
.tc-conl .tc-conl-t .tc-con { padding: 28px 20px; line-height:28px; color:#555; } 
.tc-conl .tc-conl-b { background: #fff; border-radius: 10px; } 
.tc-conl .tc-conl-b .tc-conl-bt { padding:0 20px; margin-bottom:20px; } 
.conbox .st1 { font-size: 36px; text-align: center; } 
.conbox span { color: #999; text-align: center; display: block; } 
.conbox span.star { line-height: 19px; display: block; margin-top: 5px; font-size: 12px; color: #808080; margin-bottom:10px; } 
.conbox span.star .badstar { font-size: 16px; width: 5em; height: 1em; background: url(../common/star0.png) no-repeat; background-size: 5em 1em; display: block; position: relative; margin: auto; } 
.conbox span.star .badstar .currstar { background: url(../common/star5.png) no-repeat; background-size: 5em 1em; height: 1em; display: block; position: absolute; left: 0; } 
.about-tc { background: #fff; margin-top: 20px; padding: 0 20px 30px; border-radius: 10px; } 
.about-tc .title { padding-top: 18px; font-size: 18px; color: #111; padding-bottom: 25px; } 
.about-tc .about-tcon li { margin-bottom:18px; } 
.about-tc .about-tcon .timgbox { width: 50px; height: 50px; margin-right: 15px; border-radius: 50px; overflow: hidden; } 
.about-tc .about-tcon .timgbox img { width: 100%; height: 100%; } 
.about-tc .about-tcon .tinfo { padding-left:65px; } 
.about-tc .about-tcon .tinfo span { display:block; } 
.about-tc .about-tcon .tinfo span.big { font-size:16px; color:#333; } 
.about-tc .about-tcon li:hover .tinfo span.big { color:#e64a3b; } 
.about-tc .about-tcon .tinfo span.sm { margin-top:5px; color:#999; font-size: 12px; } 
.tintro span { display:block; line-height:25px; } 
.teachermainbox .t_score { width: 150px; text-align: center; background:url(../introbg.png); padding: 15px 0; border-radius: 5px; margin-top: 20px; margin-left: 20px; height: 100px; } 
.teachermainbox .t_score strong { display: block; font-size: 36px; color:#34bd74; font-weight: normal; height: 41px; line-height: 41px; overflow: hidden; } 
.teachermainbox .t_score span { line-height: 19px; display: block; margin-top: 5px; font-size: 12px; color: #333; } 
.teachermainbox .t_score span { line-height: 19px; display: block; margin-top: 5px; font-size: 12px; color: #808080; } 
.teachermainbox .t_score .badstar { font-size: 16px; width:5em; height:1em; background:url(../download/star0.png) no-repeat; background-size: 5em 1em; display:block; position:relative; margin: auto; } 
.teachermainbox .t_score .currstar { background:url(../download/star5.png) no-repeat; background-size: 5em 1em; height:1em; display:block; position:absolute; left:0; } 
.teacherct_con { margin:0 auto !important; min-height: 400px; padding-top: 20px; padding-bottom: 20px; } 
.teacherct_con .nav-tabs { position: relative; height: 28px; float: right; border: 1px solid #eee; border-radius: 5px; overflow: hidden; margin-top:10px; } 
.teacherct_con .nav-tabs li { float:left; position: relative; } 
.teacherct_con .nav-tabs li a { padding: 0 18px; cursor:pointer; display: block; color: #999; border-right:1px solid #eee; font-size: 12px; line-height: 28px; position: relative; } 
.teacherct_con .nav-tabs li.active a { background: #f2f2f2; color: #888; } 
.teacherct_con .nav-tabs li.active:hover a { background: #f2f2f2; color: #888; } 
.teacherct_con .nav-tabs li:hover a { color:#127DFD; } 
.tc-conl-bt .title { height:50px; line-height:50px; color:#111; font-size:18px; } 
.c_contmain .c_contmain_l { display:none; padding:0 20px 20px 20px; } 

.c_contmain .c_contmain_l .c_contmainlist { margin-right: -25px; } 
.c_contmainlist li { width:25%; float: left; margin-bottom:20px; line-height:15px; } 
.c_contmainlist li .course-item { position: relative; z-index: 1; margin-bottom: 10px; background-color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 25px; } 

.c_contmainlist li .course-img { height:145px; position: relative; overflow: hidden; border-radius: 5px;} 
.c_contmainlist .img-responsive { width: 100%; height:100%; -webkit-transition: .6s; transition: .6s; } 
.c_contmainlist .course-item:hover .img-responsive { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); } 
.c_contmainlist li .title { font-size: 16px; line-height:30px; margin-top: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } 
.metas { position: relative; padding:5px 0; color: #c1c1c1; font-size:16px; } 
.metas .num { color:#b1b1b1;font-size: 13px; } 
.metas .comment { margin-right: 10px; color:#b1b1b1;font-size: 13px; } 
.metas .num i,.metas .comment i { font-size:15px; margin-right: 5px; } 
.metas .course-price-widget { margin-top:10px; float:none; clear: both; display: block; color:#e91c35; } 
.metas .course-price-widget .green { color: #34bd74; } 
.course-info { position:relative; } 
.metasbottom { display:none; } 
.metasbottom .metasbutton { text-align:center; } 
.metasbutton a { background: #A3C24C; display: inline-block; width:50%; color: #fff; height: 30px; line-height: 30px; margin-top: 20px; border-radius: 3px; } 
.info_zh { color: #C2C1C2; display:none; } 
.info_zh font { color:#78b31d; margin-left:2px; } 
.course-imgbg { opacity: 0; filter: alpha(opacity=0); z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; width: 100%; background:url(../imgbg.png); height: 100%; top: 0; left: 0; text-align: center; line-height: 152px; color: #fff; font-size: 40px; } 
.course-item:hover .course-img a .course-imgbg { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 
.ask_lis li { margin: 15px 0; line-height: 25px; min-height: 25px; position: relative; border-top: 1px dashed #ddd; padding-top: 15px; } 
.cmtlist span.active { margin-top:-1px; } 
.c_contmain .rtalklist { background:none; padding-top:0; } 
.c_contmain .rtalklist .hfbtn { background:#34BD74; border:1px solid #34BD74; } 

#goodPercent { color:#e91c35 !important; } 

/*问答输入回复*/
.asklist { padding-bottom:20px; } 
.tec-tabcont { width:100%; height:40px; font-size:14px; } 
.tec-long { width:366px; height:35px; border:1px solid #34bd74; border-radius:8px; overflow:hidden; cursor:pointer; } 
.tec-long li { width:60px; height:35px; border-right:solid 1px #34bd74; width:60px; float:left; text-align:center; line-height:35px; } 
.tec-long li:last-child { border-right:none; } 
#tec-tab { background-color:#34bd74; color:white; } 
.tec-cont { border:1px #34bd74 solid; border-radius:10px; height:140px; padding:0px 15px; } 
.tec-chat { resize:none; outline:none; border:none; height:110px; overflow:auto; margin-top:15px; width:100%; font-size:15px; } 
/*图片上传特效*/
.post-img { float:left; margin-top:-22px; position:relative; z-index:100; opacity:0; } 
.post-file { display:inline-block; width:25px; height:25px; overflow:hidden; cursor:pointer; } 
/*论坛回复词条*/
.ask_lis { padding-bottom:20px; } 
.liuy-com { width:1180px; min-height:180px; margin:0px auto; } 
.liuy-main { padding:20px 0px 0px 80px; position:relative; } 
.liuy-cont { background: #f8f8f8; border-radius: 5px; padding:10px 20px; } 
.liuy-line { border-top:1px solid #eee6c2; } 
.liuy-stu { position:relative; padding-right:80px; margin-bottom:10px; } 
.liuy-smit { height:35px; width:100px; background-color:#e64a3b; border-radius: 3px; border:none; color:white; font-size:14px; float:right } 
.liuy-head { width:60px; height:60px; border-radius:50%; overflow:hidden; position: absolute; left:0px; top:20px; } 
.liuy-head img { min-height:100%; min-width:100%; max-height:100%; max-width:100%; } 
.liuy-name { font-size:12px; line-height:35px; color:#999 } 
.liuy-cents { font-size:14px; line-height:22px; min-height:22px; } 
.liuy-time { font-size:14px; color:#999; float:left; line-height:30px; } 
.liuy-timer { font-size:14px; color:#999; line-height:30px; position: absolute; bottom:0px; right:0px; } 
.liuy-opinion { font-size:14px; color:#999; float:right; line-height:30px; } 
.liuy-mark { height:30px; } 
.im { cursor:pointer; } 
.liuy-bt { display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px; } 
.liuy-text { width:100%; padding:10px; outline:none } 
.liuy-pos { color:white; float:right; border:none; height:30px; width:80px; background-color:#34bd74; border-radius:30px; } 
/*点播课程内容页结束*/
.liuy-cents .imgbox { float:left; margin-bottom:10px; overflow:hidden; } 
.liuy-cents .imgAuto img { height:100%; } 
.liuy-cents .imgAuto { margin-right:10px; display:block; height:130px; position:relative; overflow:hidden; cursor: pointer; } 
/*灰色弹窗*/
#hidebg { position:absolute; left:0; top:0; background-color:#000; width:100%; filter:alpha(opacity=60); opacity:.6; display:none; z-Index:1500 } 
#hidebox { position: fixed; min-height:200px; top:100px; display:none; cursor:pointer; z-Index:1501; width:100%; } 
#hidebox img { max-width:100%; min-width:800px; height:auto; display: block; min-height:600px; max-height:600px; margin:0px auto; } 
#content { text-align:center; cursor:pointer; z-Index:1 } 

