﻿
/*教师内页*/

.teacher_contop { position: relative; height:134px; z-index: 1; } 
.teacher_contopbg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;z-index: -1; } 
.teachermainbox .teacherpic_box { border: 6px solid rgb(255 255 255 / 20%); 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: 14px; margin-top:40px; color: #333; } 
.teachermainbox .teacherinfo .mates span { margin-right:66px; 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: 40px; line-height: 40px; text-align: center; width: 100px; border-radius: 5px; font-size: 16px; background: #ffd500; color: #333; margin-right: 22px; } 
.actions .dz:hover { background:#ffe366; } 
.actions { margin-top:38px; } 
.actions .gz { float: left; height: 40px; line-height: 40px; text-align: center; width: 100px; border-radius: 5px; font-size: 16px; color:#333; background:#fff6c6; } 
.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: 5px; } 
.teacherct_con .tintro .star-pf .title { padding-top: 18px; font-size: 16px; color: #111; padding-bottom: 25px; } 
.tc-conl { float: left; width: 80%; } 
.tc-conl .tc-conl-t { background:#fff; margin-bottom:20px; border-radius: 5px; } 
.tc-conl .tc-conl-t .title { font-size:16px; color:#111; height: 57px; line-height: 57px; padding: 0px 20px; border-bottom: 1px solid #eee; } 
.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-t .tc-con img { max-width: 100%; } 
.tc-conl .tc-conl-b { background: #fff; border-radius: 5px; } 
.tc-conl .tc-conl-b .tc-conl-bt { padding:0 20px; border-bottom: 1px solid #eee; 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: 5px; } 
.about-tc .title { padding-top: 18px; font-size: 16px; 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; overflow: hidden; border-radius: 100%; } 
.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:14px; color:#333; } 
.about-tc .about-tcon li:hover .tinfo span.big { color:#f0ae00; } 
.about-tc .about-tcon .tinfo span.sm { margin-top:5px; color:#999; } 
.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:34px auto !important; min-height: 400px; } 
.teacherct_con .nav-tabs { position: relative; height: 28px; float: right; border: 1px solid #eee; border-radius: 5px; overflow: hidden; margin-top:13px; } 
.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: #ffd500; color: #333; border-color: #ffd500; } 
.teacherct_con .nav-tabs li.active:hover a { background: #ffe366; color: #333; border-color: #ffe366; } 
.teacherct_con .nav-tabs li:hover a { color:#f0ae00; } 
.tc-conl-bt .title { height:57px; line-height:57px; color:#111; font-size:16px; } 
.c_contmain .c_contmain_l { display:none; padding:0 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; } 

.wWidth1200 .c_contmainlist li .course-img { height: 145px; } 
.c_contmainlist li .course-img { height:178px; position: relative; overflow: hidden; } 
.c_contmainlist .img-responsive { width: 100%; height:100%; -webkit-transition: .6s; transition: .6s; object-fit: cover; } 
.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:13px; } 
.metas .num { color:#999; } 
.metas .comment { margin-right: 10px; color:#999;font-size: 14px; } 
.metas .num i,.metas .comment i { font-size:14px; margin-right: 5px;color: #c9c9c9 } 
.metas .course-price-widget { margin-top:10px; float:none; clear: both; display: block; color:#e91c35; font-size: 16px;} 
.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 { padding: 0 10px 10px; 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:#3c81f9; 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 } 

.empty { text-align: center; font-size: 14px; color: #bbb; padding: 150px 0px 40px 0px; line-height: 24px; background: url(../common/empty.png) no-repeat 50% 40px; } 
