no_member@charset "UTF-8";
/* 课程详情 */
body{
	width:100%;
	height:auto;
	background:#f0f0f0;	
}
#container {
    background: #f0f0f0;
}
/*通用title*/
.moudule_title{
	width:98%;
	height:45px;
	border-bottom:1px solid #eff6f1;
	margin:auto;
	margin-bottom:5px;
}
.course_dtitle{
	width:100%;
	background: #0c66b1;
}
.video_b{
	width:792px;
	margin:auto;
	position:relative;
}
.no_coursedata{
    width: 100%;
    text-align: center;
}
.no_comment_content {
    padding-top: 50px;
    text-align: center;
    font-size: 22px;
    color: #6f8ba5;
}
.nonote_add {
    display: inline-block;
    margin: auto;
    padding: 5px 10px;
    margin-top: 20px;
    background: #4d99d9;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
	cursor:pointer;
}
.nonote_add:hover{
	background:#3989cc;
}
/*通用内容*/
.moudule_content{
	width:100%;
}
.b_titlename{
	font-size: 14px;
    line-height: 45px;
    color: #666;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 0px 20px;
}
.titlename {
    font-size: 14px;
    line-height: 45px;
    color: #01aaed;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border-bottom: 0px solid #4d99d9;
    padding: 0px 20px;
}
.t_titlename {
    font-size: 14px;
    line-height: 45px;
    color: #c9def2;
    cursor: pointer;
    width: 32%;
    display: inline-block;
    text-align: center;
}
.t_selected {
    border-bottom: 0px solid #4d99d9;
    color: #fff;
}
.user_name{
	color:#327296;
	
}
/*头部*/
.course_back{
	position:absolute; left:50px; line-height:58px; z-index:9999;
}
#go_back{
	padding-left:16px; font-size:16px; color:#666; text-decoration:none;
}
#go_back:hover{
	cursor:pointer;
	color:#333;
}
#course_name_box{
	width:100%;
	height:80px;
	position:relative;
}
#course_name_box #course_name{
	font-size:1.2em;
	color:#383838;
	padding-left:120px;
	padding-top:12px;
	line-height:30px;
	}
#course_name_box #course_autor{
	font-size:0.8em;
	padding-left:120px;
	color:#585858;
}
/*收藏*/
#course_speedhandle {
    width: 338px;
    position: relative;
    float: left;
    line-height: 60px;
}
.speed_item {
    cursor: pointer;
    color: #99AAAF;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    padding-left: 25px;
}
.speed_item_ed{
	 cursor: pointer;
    color: #99AAAF;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    padding-left: 25px;
	color:#49a55b;
}
.speed_item:hover{
	color:#49a55b;
}
.speed_item:first-child{
	magin-left:0px;
}
.course_handle_attr {
    font-size: 11px;
    text-align: center;
    padding-left: 4px;
}
#course_prev{
	background:url(../images/courselist_prev_03.png) left no-repeat;
}
#course_next{
	background:url(../images/courselist_next_03.png) left no-repeat;
}

#course_courselist{
	background:url(../images/courselist_list_03.png) left no-repeat;
	position:relative;
}
#course_handle_list{
	position:absolute;
	width:420px;
	height:568px;
	overflow-x:hidden;
	overflow-y:auto;
	background:#f3f3f3;
	top:69px;
	z-index:10;
	left:-210px;
	display:none;
}
.course_handle_list_box{
	width:95%;
	margin:auto;
}
.courselist_titlename{
	background:url(../images/course_list_title_03.png) left no-repeat;
	line-height:40px;
	padding-left:25px;
	font-size:13px;
	color:#748a90;
	border-bottom:1px dashed #cad1d1;
}
.courselist_child{
	width:94%;
	margin-left:6%;
}
.courselist_child_item{
	line-height:30px;
	font-size:12px;
	color:#748a90;
	border-bottom:1px dashed #cad1d1;
}
.courselist_child_item a{
	display:inline-block;
	width:268px;
	line-height:30px;
	text-decoration:none;
	color:#6b9199;
}
.courselist_child_item span{
	display:inline-block;
	float:right;
	color:#68b203
}
.courselist_resource{
	background:url(/apps/office/_static/images/common/dialog_icon05.png) left no-repeat;
	padding-left:25px;
    background-size: 20px 24px;
    float: left;
    display: inline-block;
}
.courselist_video{
	background:url(../images/course_list_video_11.png) left no-repeat;
	padding-left:25px;
}
.courselist_word{
	background:url(../images/course_list_word_11.png) left no-repeat;
	padding-left:25px;
}
.courselist_ppt{
	background:url(../images/course_list_ppt_11.png) left no-repeat;
	padding-left:25px;
}
#course_list_cover{
	background:rgba(255,255,255,0);
	width:100%;
	height:100%;
	position:fixed;
	z-index:9;
	top:0px;
	left:0px;
}
.course_shoucang{
	background:url(../images/courselist_shoucang_03.png) left no-repeat;
	margin-left:20px;
}
#course_prev:hover{
	background:url(../images/courselist_prev_af.png) left no-repeat;
}
#report{
	background:url(../images/courselist_report_03.png) left no-repeat;
	margin-left:20px;
}
#cellphoneshow{
	background:url(../images/courselist_cellphone.png) left no-repeat;
	margin-left:20px;
}
#_more_study_show{
	background:url(/apps/weike/_static/images/_more_study_show.png) left no-repeat;
	margin-left:20px;
}
#skip{
	background:url(../images/courselist_skip_03.png) left no-repeat;
	margin-left:20px;
}
#course_next:hover{
	background:url(../images/courselist_next_af.png) left no-repeat;
}

#course_courselist:hover{
	background:url(../images/courselist_list_af.png) left no-repeat;
}
.course_shoucang:hover{
	background:url(../images/courselist_shoucang_af.png) left no-repeat;
}
#course_prev_ed{
	background:url(../images/courselist_prev_af.png) left no-repeat;
}
#course_nextv_ed{
	background:url(../images/courselist_next_af.png)  left no-repeat;
}

#course_courselist_ed{
	background:url(../images/courselist_list_af.png) left no-repeat;
}
.course_shoucang_ed{
	background:url(../images/courselist_shoucang_af.png)  left no-repeat;
	margin-left:20px;
}

#scourse_tips{
	width:35px;
	height:37px;
	position:absolute;
	left:-14px;
	background:url(../images/shoucourse_tips_03.png) no-repeat;
	transition-property:background;
	transition-duration:0.5s;
}
/*视频播放*/
#container #video_bg{
	/*width:100%;*/
	min-width:1200px;
	height:535px;
	background:#262a2d;
	position:relative;
	border: 1px solid transparent;
}
#video_bg #video_box{
	width:1200px;
	height:535px;
	margin:auto;
	}
#video_bg #video_box #video_cast_box {
    width: 66%;
    height: 495px;
    background: #000;
    margin: 20px 0px;
    box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    position: relative;
}

#video_cast_box #video_cast{
	width:800px;
	margin:auto;
	height:460px;
}
#video_cast_box #video_handle{
	width:800px;
	height:40px;
	margin:auto;
	border-top:1px solid #333;
	position:relative;
}
#video_handle .video_handle_item {
    line-height: 40px;
    font-size: 13px;
    padding-left: 27px;
    color: #FFF;
    cursor: pointer;
    position: relative;
    height: 25px;
	margin-top:8px;
}
#video_handle .video_handle_item span{
	line-height:25px;
	display:inline-block;
}
#video_handle #add_note{
	background:url(../images/course_add_tips_05.png) no-repeat left center;
}
#payshang{
	background:url(../images/courselist_shang.png) no-repeat left center;
	margin-left:25px;
}
#video_handle #add_question{
	background:url(../images/course_add_zuoye_03.png) no-repeat left center;
	margin-right:20px;
}
/*消息弹出层样式*/
#video_cast_box #cast_tips_pop_conetent_box {
    width: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    bottom: 40px;
    text-align: center;
    height: 68px;
    font-size: 18px;
    line-height: 68px;
    display: none;
}
#cast_tips_pop_conetent_box #cast_tips_pop_conetents {
    line-height: 68px;
    color: #FFF;
}
#cast_tips_pop_conetent_box #cast_tips_pop_close {
    display: block;
    position: absolute;
    right: 0px;
    width: 18px;
    height: 18px;
    top: 0px;
    background: url(../images/close.png) no-repeat center;
    cursor: pointer;
    background-size: 18px;
}
#video_cast_box #video_item_box{
	width:800px;
	height:80px;
	margin:auto;
}

/*视频添加提示问题样式*/
#video_item_list{
	height:80px;
	width:734px;
	position:relative;
	overflow:hidden;
	}
#video_item_list ul{
	height:80px;
	width:100%;
	position:absolute;
	left:0px;
	white-space:nowrap;
}
#video_item_list ul .video_item_box_item{
	display:inline-block;
	width:100px;
	height:60px;
	margin-top:10px;
	background:#272a2d;
	margin-left:8px;
	position:relative;
	cursor:pointer;
	border:2px solid #272a2d;
}
#video_item_list ul .video_item_box_item:hover{
	border:2px solid #39aa69;
}
#video_item_list ul .video_item_box_item p{
	line-height:30px;
	width:100px;
	text-align:center;
}
#video_item_list ul .video_item_box_item .item_type{
	font-size:0.8em;
	position:absolute;
	right:0px;
	bottom:0px;
	background:#39aa69;
	color:#fff;
	padding:2px 5px;
}
#video_item_list ul .video_item_box_item .item_time{
	font-size:0.9em;
	color:#fff;
}
.jiantou{
	width:33px;
	height:80px
	}
.jiantou:hover{
	cursor:pointer;
	}
#prev{
	background:url(../images/course_list_right_03.png) no-repeat center;
	}
#next{
	background:url(../images/course_list_left_03.png) no-repeat center;
	}
.video_item_box_item .course_item_del{
	width:20px;
	height:20px;
	background:url(../images/course_tips_del_07.png) no-repeat center;
	position:absolute;
	right:-8px;
	top:-8px;
	display:none;
	}
/*讨论区*/
#video_box #course_talking{
	width:32%;
	height:495px;
	margin-top:20px;
	background:#dee8eb;
	position:relative;
	z-index:10;
}
#course_talking #talking_content{
	width:100%;
	height:444px;
	background:#dee8eb;
	position:relative;
}
/*笔记输入区*/
#coursenote_list {
    width: 84%;
    margin: auto;
    list-style: none;
    border-left: 1px solid #a9bdb1;
    padding: 0px 5px 5px 18px;
}
.notetimetips {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -8.1%;
    background: #dee8eb;
    padding: 5px 0px;
}
.questimetips{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -7.0%;
    background: #eff7f9;
    padding: 5px 0px;
}
.coursenote_listitem {
    position: relative;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 8px;
}
#mic_question,#mic_note,#mic_discomment{
	height:444px;
}
.coursenote_content {
    margin-top: 5px;
}
.coursenote_content p {
    font-size: 12px;
    line-height: 20px;
    font-size: #333;
}
.coursenote_bottom {
    margin-top: 10px;
    position: relative;
}
.coursenoteadd_time {
    font-size: 12px;
    color: #888;
}
.coursenote_handle {
    float: right;
    font-size: 12px;
}
.coursenote_handle a {
    padding-left: 18px;
	cursor:pointer;
	margin-left:20px;
}
.notetime_click {
    line-height: 30px;
	display:inline-block;
	width:78px;
	color:#333;
	text-align:center;
	font-size:12px;
	background:url(../images/video_time_bgb.png) no-repeat center;
}
.notetime_click:hover{
	color:#fff;
	background:url(../images/video_time_bga.png) no-repeat center;
	cursor:pointer;
}
.notetimetips i{
	display:block;
	width:18px;
	height:18px;
	background:url(../images/video_click_tips.png) no-repeat center;
}
.questimetips i{
	display:block;
	width:18px;
	height:18px;
	background:url(../images/video_click_tips.png) no-repeat center;
}
.coursenote_handle .coursenote_edit{
	background:url(../images/edit_pen_03.png) no-repeat left;
}
.coursenote_handle .coursenote_del{
	background:url(../images/note_del.png) no-repeat left;
}
.courseques_handle a {
    padding-left: 18px;
    cursor: pointer;
    margin-left: 20px;
}
#coursenote_content,#courseques_content{
	width:100%;
	height:444px;
	background:#dee8eb;
	position:relative;
}
#courseques_list_box,#coursenote_list_box,#talking_content_list_box {
    height: 388px;
    overflow-y: auto;
	overflow-x:hidden;
}
#coursenote_input_box {
    width: 96%;
    height: auto;
    margin: auto;
    position: absolute;
    padding: 10px 2%;
    background: #c3d6da;
    bottom: 0px;
}
#courseques_input_box {
    width: 96%;
    height: auto;
    margin: auto;
    position: absolute;
    padding: 10px 2%;
    background: #c3d6da;
    bottom: 0px;
}
#coursenote_input {
    width: 98%;
    height: 30px;
    padding: 2px 1%;
    resize: none;
    border: none;
    border: 1px solid #ddd;
    line-height: 30px;
	font-size:12px;
	background: #fefefe;
}
#courseques_input {
    width: 98%;
    height: 30px;
    padding: 2px 1%;
    resize: none;
    border: none;
    border: 1px solid #ddd;
    line-height: 30px;
	font-size:12px;
	background: #fefefe;
}
.noteadd_time {
    padding: 2px 10px;
    background: #eee;
    border-radius: 2px;
    color: #888;
    font-size: 12px;
    margin-bottom: 10px;
	display:none;
}
.quesadd_time {
    padding: 2px 10px;
    background: #eee;
    border-radius: 2px;
    color: #888;
    font-size: 12px;
    margin-bottom: 10px;
	display:none;
}
#coursenote_input_box #coursenote_input_handle{
	width:100%;
	height:30px;
	position:relative;
	bottom:0px;
	display:none;
}
#courseques_input_handle{
	width:100%;
	height:30px;
	position:relative;
	bottom:0px;
	display:none;
}
#coursenote_input_handle #send_coursenote{
	position:absolute;
	bottom:0px;
	right:0px;
	background: #4d99d9;
    display: block;
    height: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
	cursor:pointer;
}
#coursenote_input_handle #cansole_coursenote{
    position: absolute;
    bottom: 0px;
    right: 68px;
    display: block;
    height: 26px;
    color: #333;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
	cursor:pointer;
}
#courseques_input_handle #send_courseques{
	position:absolute;
	bottom:0px;
	right:0px;
	background: #4d99d9;
    display: block;
    height: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
	cursor:pointer;
}
#courseques_input_handle #cansole_courseques{
    position: absolute;
    bottom: 0px;
    right: 68px;
    display: block;
    height: 26px;
    color: #333;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
	cursor:pointer;
}
#coursenote_list_box{
	width:100%;
	height:400px;
	overflow-x:hidden;
	overflow-y:auto;
}
#coursenote_content_list{
	width:100%;	
}
#coursenote_content_list .coursenote_content_list_item{
	width:100%;
	height:auto;
	margin-bottom:5px;
}
/*讨论输入区*/
#talking_content #talking_input_box {
    width: 96%;
    height: auto;
    margin: auto;
    position: absolute;
    padding: 10px 2%;
    background: #c3d6da;
    bottom: 0px;
}
#talking_input {
    width: 98%;
    height: 30px;
    padding: 2px 1%;
    resize: none;
    border: none;
    border: 1px solid #ddd;
    line-height: 30px;
	font-size:12px;
	background: #fefefe;
}
#talking_content #talking_input_box #talking_input_handle{
	width:100%;
	height:30px;
	position:relative;
	bottom:0px;
	display:none;
	
	}
#talking_input_handle .tips{
	line-height:30px;
	font-size:0.8em;
	color:#093;
	position:absolute;
	right:90px;
	bottom:0px;
}
#talking_input_handle #send_message{
	position:absolute;
	bottom:0px;
	right:0px;
	background: #4d99d9;
    display: block;
    height: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
	cursor:pointer;
}
#talking_input_handle #cansole_message{
    position: absolute;
    bottom: 0px;
    right: 68px;
    display: block;
    height: 26px;
    color: #333;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
	cursor:pointer;
}
#talking_content #talking_content_list{
	width:100%;	
}
#talking_content #talking_content_list .talking_content_list_item{
	width:100%;
	height:auto;
	margin-bottom:5px;

}
.talking_content_list_item .talking_item_main{
	background:#FFF;
	width:96%;
	margin:auto;
	border-bottom:1px solid #e6ecea;
}
.talking_item_main .talking_mem{
	padding:5px 8px 0px 8px;
	height:40px;
}
.talking_item_main .talking_mem .talking_mem_user{
	padding:5px 0px 0px 3px;

}
.talking_item_main .talking_mem .talking_mem_name{
	display:block;
	font-size:0.8em;
	line-height:15px;
	color:#036394;
}
.talking_item_main .talking_mem .talking_mem_time{
	display:block;
	font-size:0.7em;
	line-height:18px;
	color:#036394;
}
.talking_item_main .talking_font{
	font-size:0.8em;
	line-height:18px;
	letter-spacing:0.5px;
	margin-left:50px;
	padding:0px 5px 0px 0px;
	color:#585858;
}
.talking_item_main .talking_m_handle{
	width:100%;
	height:30px;
}
.talking_m_handle .zan{
	display:inline-block;
	width:20px;
	height:30px;
	line-height:30px;
	background:url(../images/greatebtn_03.png) no-repeat center;
	cursor:pointer;
	margin-right:60px;
	position:relative;
	font-size:0.7em;
	color:#888888;  
}
.talking_m_handle .zan_click{
	display:inline-block;
	width:20px;
	height:30px;
	line-height:30px;
	background:url(../images/greatebtn_unclick.png) no-repeat center;
	cursor:pointer;
	margin-right:60px;
	position:relative;
	font-size:0.7em;
	color:#1675a6;  
}
.talking_m_handle .zan_tips{
	font-size:1.0em; 
	position:absolute; 
	right:-12px; 
	top:0px; 
	color:#0c7ba9;
	display:none;
}

.talking_m_handle .ping_total_num{
	padding-left:20px;
	font-size:0.7em;
	color:#1675a6;
}
.talking_m_handle .zan_total_num{
	padding-left:20px;
}
.talking_m_handle .pinglun{
	display:inline-block;
	width:20px;
	height:30px;
	line-height:30px;
	background:url(../images/conmment_btn_unclick.png) no-repeat center;
	margin-right:30px;
	cursor:pointer
}
.talking_m_handle .del_main{
	display:inline-block;
	width:38px;
	height:30px;
	font-size:0.7em;
	line-height:30px;
	margin-right:20px;
	cursor:pointer;
	color:#0a688f;
	background:url(../images/del_conment.png) no-repeat left;
	padding-left:20px;
}
.talking_content_list_item .talking_item_conmm{
	width:100%;
	height:auto;
	display:none;
}
.talking_content_list_item .talking_item_conmm_containner{
	background:#FFF;
	width:96%;
	margin:auto;
}
.talking_item_comm_containner .talking_comment_box{
	width:100%;
	height:auto;
}
.talking_item_comm_containner .talking_comment_box li{
	width:96%;
	margin:auto;
	padding:10px 0px;
	
	
}
.talking_comment_box li .talking_conmm{
	margin-left:40px;
	border-top:1px solid #eee;
	padding-top:10px;
}

.talking_comment_box li .talking_conmm .talking_conmm_memb{
	display:inline-block;
	width:90%;
	word-wrap:break-word;
	line-height:18px;
	padding:0px 10px 0px 0px;
	font-size:0.8em;
	letter-spacing:0.5px;
	color:#585858;
}
.talking_conmm_memb .talking_conmm_name{
	display:inline-block;
	font-size:1.0em;
	color:#036394;
	margin-left:2px;
}
.talking_conmm_foot{
	width:100%;
	height:15px;
	padding-bottom:5px;
	
}
.re_command{
	float:right;
	margin-right:20px;
	display:inline-block;
	width:20px;
	height:15px;
	background:url(../images/conmment_btn_unclick.png) no-repeat center;
	cursor:pointer;	
}
.re_time{
	float:right;
	margin-right:20px;
	display:inline-block;
	line-height:15px;
	font-size:0.7em;
	color:#888888;
	cursor:pointer;	
}
.re_del{
	float:right;
	margin-right:20px;
	display:inline-block;
	line-height:15px;
	font-size:0.7em;
	color:#0a688f;
	cursor:pointer;	
}
/*评论回复*/
.talking_content_list_item .talking_commit{
	background:#FFF;
	width:96%;
	margin:auto;
	border-top:1px solid #eee;
	position:relative;
	padding-bottom:6px;
}
.talking_commit .text_lable{
	font-size:0.8em;
	line-height:40px;
	left:4%;
	color:#888888;
	position:absolute;
	
}
.talking_content_list_item .talking_commit textarea{
	margin:6px 0px 6px 3%;
	width:94%;
	height:32px;
	line-height:32px;
	font-size:12px;
	resize:none;
	border:1px solid #ccc;
}
.talking_commit_handle{
	width: 100%;
	height: 30px;
	position: relative;
	bottom: 0px;
	display: none;
}
.talking_content_list_item .talking_commit_btn{
    position: absolute;
    bottom: 0px;
    right: 10px;
    background: #4d99d9;
    display: block;
    height: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    padding: 0px 15px;
    border-radius: 3px;
    cursor: pointer;
}
.talking_content_list_item .talking_commit_cansole{
	position: absolute;
	bottom: 0px;
	right: 68px;
	display: block;
	height: 26px;
	color: #333;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	padding: 0px 15px;
	border-radius: 3px;
	cursor: pointer;
}
.talking_content_list_item .talking_commit_btn:hover {
    background:#2e86d0;
}
.loading{
	font-size:0.8em;
	text-align:center;
	line-height:32px;
	background:#2675a6;
	width:96%;
	margin:10px auto;
	color:#9bceee;
	cursor:pointer;
}
.loading:hover{
	background:#3387bb;
	color:#f7fcfd;
}

/*中间内容*/
#container #middle_content {
    width: 100%;
    /*margin: auto;*/
	height:auto;
	margin-bottom: 20px;
}
/*左半部分*/
#middle_content #middle_content_left{
	width:66%;
	height:auto;
	margin-top:20px;
}
/*右半部分*/
#middle_content #middle_content_right{
	width:32.3%;
	height:780px;
	margin-top:20px;
	box-shadow:0px 0px 1px #CCC;
	-moz-box-shadow:0px 0px 1px #CCC;
	-webkit-box-shadow:0px 0px 1px #CCC;
}
/*问题*/
#middle_content_left #course_question{
	height:640px;
	background:#fff;
	border:1px solid #e9eff2;
	
}

.course_question_moudule {
	width: 100%;
	border: 0;
	height: 76px;
	background: #fff;
	margin-bottom: 0;
}
.course_question_title {
	width: 1200px;
	margin: auto;
	height: 76px;
}
.course_question_title .c_content {
	font-size: 18px;
	height: 100%;
	line-height: 65px;
	color: #666;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	padding: 0px;
	border: 0;
	position: relative;
}
.course_question_title .titlename {
	color: #01aaed;
	font-weight: bold;
}
#course_fujian_title {
	margin: 0 80px;
}
#course_detail_title .b_titlename_icon{
	margin-left: -19px;
	width: 38px;
}
.b_titlename_icon {
	display: inline-block;
	width: 60px;
	height: 2px;
	background: #ffffff;
	position: absolute;
	top: 53px;
	left: 50%;
	margin-left: -30px;
}
.titlename .b_titlename_icon {
	background: #01aaed;
}
.middle_content {
	width: 1200px;
	margin: auto;
}
.famous_teacher_introduce {
	height: 410px;
	margin-bottom: 20px;
	background: #ffffff;
}
.learn_together_moudule {
	height: 270px;
	background: #ffffff;
}

.user_box {
	width: 100px;
	height: 100px;
	margin: 20px 0 0 25px;
}
.user_box img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.author_info {
	margin: 35px 0 0 15px;
}
.author_info .author_name {
	font-size: 18px;
	color: #333333;
}
.author_usedata {
	margin: 20px 25px 0;
	border-bottom: 1px solid #f0f0f0;
}
.author_usedata_item {
	margin-bottom: 15px;
	font-size: 15px;
}
.usedata_label {
	color: #999999;
}
.usedata_data {
	margin-left: 15px;
	color: #333;
}

.author_seniority {
	margin: 8px 25px 0;
	color: #333333;
	font-size: 15px;
	line-height: 34px;
}
#course_question #question_content{
	height:542px;
	overflow-x:hidden;
	overflow-y:auto;
	display:none;
}
#course_question #coursedetail_show{
	height:542px;
	overflow-x:hidden;
	overflow-y:auto;
}
#question_content #course_question_list{
	width:100%;
	}
.question_block{
    width: 84%;
    margin: auto;
    list-style: none;
    border-left: 1px solid #ddd;
    padding: 0px 5px 5px 18px;
}
.question_block .user_block {
    height: 50px;
    width: 100%;
}
.user_block .user_image{
}
.user_block .user_info {
    height: 50px;
    margin-left: 10px;
}
.user_info .user_name {
    font-size: 12px;
    color: #1162a5;
    line-height: 20px;
}
.user_info .hand_question_time {
    font-size: 11px;
    line-height: 20px;
}
.user_info .hand_question_time a{
	color:#888888;
	}
.user_info .hand_question_time a:hover{
	color:#1162a5;
	}
.question_block .question_content {
    width: 100%;
}
.question_content p {
    padding: 0px 0px;
    color: #333;
    font-size: 12px;
}
.question_content .question_content_img {
    margin-top: 10px;
    width: 150px;
}
.question_block .question_bottom{
	width:100%;
	height:30px;
	position:relative;
	border-bottom: 1px dashed #c6d5d8;
}
.courseques_time {
    position: relative;
}
.question_bottom span {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 12px;
}
.question_bottom span a{
	display:inline-block;
	text-align:center;
	font-size:0.9em;
	line-height:30px;
	color:#686868;
	cursor:pointer;
	}
.question_bottom span .answer{
	color:#1162a5;
	}
.question_bottom span .answer:hover{
	text-decoration:underline;
	}
.question_block .question_answer{
	border-top:2px solid #fff;
	padding-top:5px;
	width:100%;
	}
.question_answer .question_answer_list{
	width:98%;
	margin:auto;
	background:#FFF;
	}
.question_answer .question_answer_list .answer_list_item{
	height:40px;
	width:100%;
	border-bottom:1px solid #f4f8f8;
	}
/*一起奋斗的人*/
#middle_content_left #course_common_member{
	height:380px;
	margin-top:20px;
	background:#fff;
}
#course_common_member #member_content{
	/* 修改课程详情页没有排名时的样式--垂直居中     liutao    2021-8-17 */
	/*height:142px;*/

	overflow:hidden;
	
}
#course_common_member #no_member{
	width:100%;
	height:100%;
	text-align:center;
}
#course_common_member #no_member span{
	display:inline-block;
	/* 修改课程详情页没有排名时的样式--垂直居中     liutao    2021-8-17 */
	margin-top:110px;

	line-height:90px;
	padding-left:90px;
	height:90px;
	font-size:1.0em;
	color:#828888;
	background:url(../images/smlie_03.png) no-repeat left bottom;
}
#member_content #common_member_list{
	width:98%;
	margin:auto;
}
#common_member_list .common_member_item{
	display:inline-block;
	height:142px;
	margin-left:20px;
}
.common_member_item img{
	margin-top:21px;
}
.common_member_item .common_user{
 	width:90px;
 	text-align:center;	
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}

/*课程推荐*/
#middle_content_right #course_tuijian{
	background:#fff;
	
}
#course_tuijian #tuijian_content{
	height:530px;
	overflow:hidden;
}
#tuijian_content #tuijian_course_list{
	width:100%;
	height:auto;
}
#tuijian_course_list .tuijian_course_item{
	width:368px;
	height:120px;
	background:#f5f8fa;
	margin:auto;
	margin-top:10px;
}
.tuijian_course_item .course_cover{
	width:184px;
	height:104px;
	padding:8px;
}
.course_cover img{
	width:184px;
	height:104px;
}
.tuijian_course_item .course_profile{
	width:168px;
	overflow:hidden;
	position:relative;
	height:120px;
}
.course_profile p{
	width:172px;
}
.course_profile .course_name{
	font-size:13px;
	line-height:28px;
	padding-left:2px;
	padding-top:10px;
	color:#333;
}
.course_profile .course_attr{
	font-size:11px;
	line-height:20px;
	padding-left:2px;
	color:#555;
}
.course_profile .studymember{
	position:absolute;
	width:150px;
	bottom:5px;
	right:0px;
	text-align:right;
	padding-right:10px;
}
#course_fujian_list{
	width:94%;
	margin:auto;
}
#course_fujian_list li{
	line-height:45px;
	font-size:12px;
	border-bottom:1px dashed #b8bec0;
}
#course_fujian_list li a{
	text-decoration:none;
	color:#333;
}
#course_fujian_list li a:hover{
	color:#345f6b;
}
#album_lesson_header{
	width:100%; 
	height:58px; 
	border-bottom:2px solid #5FC0BB
}
#album_lesson_time{
	float:left;
}
#go_back{
	color:#666;
	font-size:14px; 
	line-height:58px; 
	cursor:pointer;
	padding-left:15px;}
#go_back:hover{
	color:#5FC0BB;
}
#album_lesson_name{ 
	font-size:16px; 
	color:#000; 
	padding-left:30px; 
	padding-right:10px;
	line-height:58px;
}
#album_lesson_hourname{
	font-size:12px; 
	color:#666;
	line-height:58px;
}
#header_user_info{
	height:58px;
	margin-right:30px;
}
#user_image{margin-top:4px;}
#user_image img{
	width:42px;
	height:42px;
	border-radius:90px;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	margin-top:4px;
}
#header_user_info ul li{
	font-size:0.80em;
	line-height:58px;
	color:#666;
	margin-right:10px;
	cursor:pointer;
	}
#header_user_info ul li a{
	text-decoration:none;
	color:#666;
}
.speed_item_p {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 128px;
}
.score {
    font-size: 16px;
    color: rgb(255, 168, 0);
}
.score_mem {
    font-size: 12px;
    color: rgb(136, 136, 136);
}
.score_handle {
    font-size: 12px;
    cursor: pointer;
    padding-left: 25px;
    display: inline-block;
    color: #909ea0;
}
.score_handle_b{
	background:url(../images/courselist_list_score.png) no-repeat left;
}
.score_handle_b:hover{
	background:url(../images/courselist_list_score_af.png) no-repeat left;
	color:#49a55b;
}
.score_handle_a{
	background:url(../images/courselist_list_score_af.png) no-repeat left;
	color:#49a55b
}
.star_c {
    display: block;
    padding-left: 30px;
    line-height: 40px;
    float: left;
    font-size: 13px;
    color: rgb(102, 102, 102);
}

.score_l {
    color: #F4A231;
    font-size: 18px;
    line-height: 40px;
    display: block;
    text-align: center;
}
.mem_sl {
    font-size: 12px;
    color: #888;
    padding-left: 5px;
    text-align: center;
    display: block;
}
#mic_comment {
    width: 96%;
    margin: auto;
    height: 534px;
    background: #fff;
}
#mic_comment .star_socre {
    display: block;
    height: 56px;
    margin-top: 8px;
    border-right: 1px solid #eee;
}
#mic_comment .score_item {
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    height: 72px;
}
#mic_comment .score_item .score_item_c {
    padding: 8px 0px;
    border-top: 1px solid #eee;
    width: 96%;
    margin: auto;
}
#mic_comment .score_item .score_item_user {
    padding-left: 10px;
}
#mic_comment .score_mem_name {
    display: block;
    font-size: 12px;
    color: rgb(102, 102, 102);
    line-height: 20px;
}
#mic_comment .score_mem_time {
    font-size: 12px;
    color: rgb(136, 136, 136);
}

#mic_comment .talking_font {
    font-size: 12px;
    color: rgb(136, 136, 136);
    padding-left: 48px;
    line-height: 22px;
}
.current_box {
    background: #FFF none repeat scroll 0% 0%;
    width: 24%;
    float: left;
    height: 78px;
}
.mic_box {
    background: #FFF none repeat scroll 0% 0%;
    border-bottom: 1px solid #eee;
}
.profile_container {
    height: 411px;
    background: #FFF none repeat scroll 0% 0%;
    width: 96%;
    margin: auto;
	overflow-y:hidden;
}
.profile_container .profile_title {
    font-size: 15px;
    color: #333;
    line-height: 60px;
    font-weight: bold;
    padding: 0px 12px;
}
.profile_container .author_box {
    margin-bottom: 10px;
    padding: 12px 10px;
    border-bottom: 1px solid #ddd;
}
/*.author_info {*/
    /*width: 76%;*/
    /*height: 58px;*/
/*}*/
.author_usedata li     {
	line-height: 32px;
    font-size: 12px;
    height: 36px;
    width: 94%;
    margin: auto;
    border-bottom: 1px dashed #eee;
}
.usedata_name {
    color: #333;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
    line-height: 36px;
    height: 36px;
}
.userdata_value {
    color: #666;
    height: 36px;
    display: inline-block;
	padding-left:10px;
}
.pricenum {
    font-size: 14px;
    color: #f59e05;
    font-style: italic;
}
.rec_tips {
	display:inline-block;
    margin-right: 4px;
	width:86px;
	height:28px;
	background:url(/apps/common/images/recicon_02.png) no-repeat center;
}
.g_rec{
	background-position:0px -50px;
}
.d_rec{
	background-position:0px -100px;
}
.h_rec{
	background-position: 0px 0px ;
}
/*.author_usedata {*/
    /*float: left;*/
    /*width: 100%;*/
/*}*/
#add_author_notice {
	background: #d3dadc;
	margin-right: 5px;
}
.author_handle_item {
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
    background: #16a6eb;
    padding: 8px 10px;
    color: #fff;
    border-radius: 2px;
    margin-top: 12px;
	text-align:center;
}
/*.profile_container .author_name {*/
    /*display: block;*/
    /*font-size: 14px;*/
    /*color: #333;*/
    /*line-height: 32px;*/
/*}*/
.profile_container .author_name span{
	display:inline-block;
	padding: 0px 20px 0px 0px;
}
#album_lesson_header{width:100%; height:58px; border-bottom:2px solid; background:#f4f8fa}
#album_lesson_time{float:left;}
#go_back{color:#666; font-size:14px; line-height:58px; cursor:pointer; padding-left:15px;}
#go_back:hover{color:#5FC0BB;}
#album_lesson_name{ font-size:16px; color:#000; padding-left:30px; padding-right:10px;line-height:58px;}
#album_lesson_hourname{font-size:12px; color:#666;line-height:58px;}
#header_user_info{height:58px;margin-right:30px;}
#user_image{margin-top:4px;}
#user_image img{width:42px;height:42px;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;margin-top:4px;}
#header_user_info ul li{font-size:0.80em;line-height:58px;color:#666;margin-right:10px;cursor:pointer;}
#header_user_info ul li a{text-decoration:none;color:#666;}
.file_down_btn {
    padding-left: 20px;
    color: #12749d !important;
}
.file_down_btn:hover {
	text-decoration:underline !important;
	color:#0c6387 !important;
}
.profile_container .school_name {
    line-height: 20px;
    font-size: 12px;
    color: #666;
    padding-left: 6px;
}
.profile_container .profile_content {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    padding: 0px 12px;
}
.codeImgbox {
    width: 120px;
    height: 152px;
    position: absolute;
    background: #fff;
    padding: 8px;
    left: 120px;
    top: -80px;
	display: none;
	font-size:13px;
	color:#333;
	text-align:center;
	z-index:9999;
}
.codeImg {
    width: 120px;
    height: 120px;
}
.codeImgboxv2 {
    width: 120px;
    height: 152px;
    position: absolute;
    background: #fff;
    padding: 8px;
    left: 120px;
    top: -80px;
	display: none;
	font-size:13px;
	color:#333;
	text-align:center;
	z-index:9999;
}
.codeImgv2 {
    width: 120px;
    height: 120px;
}
.author_handle_item span{
	padding-left:16px;
	cursor:pointer;
}
.author_handle_item {
	font-size: 12px;
	margin-top: 8px;
	display: inline-block;
	background: #16a6eb;
	padding: 5px 8px;
	color: #fff;
	border-radius: 2px;
}
/*.author_notice{*/
    /*width: 68px;*/
    /*height: 34px;*/
    /*padding: 0 !important;*/
    /*line-height: 34px;*/
    /*color: #fff;*/
    /*box-shadow: 0px 1px 2px rgba(0,0,0,0.3);*/
    /*background: #16aaee;*/
    /*background: -moz-linear-gradient(top, #16aaee 0%, #14a1e3 100%);*/
    /*background: -webkit-linear-gradient(top, #16aaee 0%,#14a1e3 100%);*/
    /*background: -o-linear-gradient(top, #16aaee 0%,#14a1e3 100%);*/
    /*background: -ms-linear-gradient(top, #16aaee 0%,#14a1e3 100%);*/
    /*background: linear-gradient(top bottom, #16aaee 0%,#14a1e3 100%);*/
	/*cursor:pointer;*/
	/*text-align:center;*/
/*}*/
.author_notice span{
	background:url(../images/icon_noticea.png) no-repeat  left center;
	color:#fff;
	padding-left:16px;
}
.author_noticed span{
	background: url(../images/icon_noticed.png) no-repeat left center;
    color: #fff;
	padding-left:16px;
	cursor:pointer;
}
/*#author_home{*/
    /*width: 68px;*/
    /*height: 34px;*/
    /*padding: 0 !important;*/
    /*line-height: 34px;*/
    /*color: #fff;*/
    /*box-shadow: 0px 2px 1px rgba(0,0,0,.2);*/
	/*-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,.2);*/
	/*-moz-box-shadow: 0px 2px 1px rgba(0,0,0,.2);*/
	/*-o-box-shadow: 0px 2px 1px rgba(0,0,0,.2);*/
    /*background: #696e78;*/
    /*background: -moz-linear-gradient(top, #696e78 0%, #646973 100%);*/
    /*background: -webkit-linear-gradient(top, #696e78 0%,#646973 100%);*/
    /*background: -o-linear-gradient(top, #696e78 0%,#646973 100%);*/
    /*background: -ms-linear-gradient(top, #696e78 0%,#646973 100%);*/
    /*background: linear-gradient(top bottom, #696e78 0%,#646973 100%);*/
/*}*/
#author_home span{
	background:url(../images/icon_homea.png) no-repeat   left center;
}
/*.author_noticed{*/
	/*width: 68px;*/
    /*height: 34px;*/
    /*padding: 0 !important;*/
    /*line-height: 34px;*/
    /*color: #fff;*/
    /*box-shadow: 0px 1px 2px rgba(0,0,0,0.3);*/
	/*background: #696e78;*/
    /*background: -moz-linear-gradient(top, #696e78 0%, #646973 100%);*/
    /*background: -webkit-linear-gradient(top, #696e78 0%,#646973 100%);*/
    /*background: -o-linear-gradient(top, #696e78 0%,#646973 100%);*/
    /*background: -ms-linear-gradient(top, #696e78 0%,#646973 100%);*/
    /*background: linear-gradient(top bottom, #696e78 0%,#646973 100%);*/
/*}*/
.user_infob {
    padding-left: 6px;
    width: 80px;
    text-align: left;
    font-size: 12px;
}
.user_spline {
    height: 40px;
    margin: 10px 10px;
    border-right: 1px solid #ddd;
}
a.userdata_school{
	font-size:12px;
	color:#168dbf;
	text-decoration:underline;
}
.userprofile_name{
	font-size:12px;
	color:#333;
	width:94%;
	margin:auto;
	line-height:36px;
}
.userprofile{
	font-size:12px;
	color:#888;
	width:94%;
	margin:auto;
	line-height:30px;
}
.user_image58 {
    width: 58px;
    height: 58px;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
}
.usertitle {
    line-height: 30px;
    padding: 0px 12px;
    padding-top: 10px;
}
.profile_title {
    /*padding: 0px 10px;*/
    /*line-height: 50px;*/
	/*font-size:14px;*/
	/*color:#333;*/
	font-size: 18px;
	color: #333333;
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	padding-top: 10px;
}
.cprofile_content {
    /*padding: 0px 15px;*/
	/*font-size:12px;*/
	/*color:#666;*/
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	padding: 0 30px;
	padding-right: 40px;
}
.float_video_title{
	cursor:move;
	height:32px;
	background:#4d99d9;
	display:none;
}
.float_video_title span {
    line-height: 32px;
    color: #e6f7ff;
    font-size: 14px;
    padding-left: 8px;
    cursor: pointer;
}
.nolframeb {
    margin-right: 26px;
    font-size: 12px;
}
.nolframeb label {
    font-size: 12px;
    padding-left: 2px;
}
#nolframe {
    height: 18px;
    width: 18px;
    position: relative;
    top: 2px;
}
#float_video_close{
	line-height:32px;
	color:#e6f7ff;
	font-size:14px;
	margin-right:8px;
	cursor:pointer;
}
.float_video_b{
	position:fixed;
	width:480px;
	height:270px;
	z-index:9999;
	border:1px solid #eee;
}
#show_input {
    background: url(../images/edit_pen_03.png) left no-repeat;
    padding-left: 18px;
    font-size: 12px;
    line-height: 36px;
    position: absolute;
    top: 10px;
    left: 4%;
    display: block;
    width: 88%;
    cursor: pointer;
}
#show_noteinput {
    background: url(../images/edit_pen_03.png) left no-repeat;
    padding-left: 18px;
    font-size: 12px;
    line-height: 36px;
    position: absolute;
    top: 10px;
    left: 4%;
    display: block;
    width: 88%;
    cursor: pointer;
}
#show_quesinput {
    background: url(../images/edit_pen_03.png) left no-repeat;
    padding-left: 18px;
    font-size: 12px;
    line-height: 36px;
    position: absolute;
    top: 10px;
    left: 4%;
    display: block;
    width: 88%;
    cursor: pointer;
}
a.courseques_del{
	background:url(../images/note_del.png) no-repeat left;
	padding-left:18px;
	margin-right:20px;
}
.pay_forbox {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9990;
    color: #fff;
    background: #000;
}
.pay_content {
    width: 350px;
    margin: auto;
    margin-top: 80px;
	background:url(/apps/common/images/paynotice_03.png) no-repeat left top;
	padding-left:58px;
}
.pay_content p {
    font-size: 16px;
    line-height: 30px;
}
.pay_confirm {
    padding: 10px 30px;
    display: inline-block;
    background: #fe7800;
    margin: 10px 0px;
    border-radius: 3px;
	cursor:pointer;
}
.pay_confirm:hover{
	background:#ef770c;
}
.qrcode_tips {
    display: block;
    line-height: 36px;
}
.course_tipsprice {
    font-size: 18px;
    padding: 0px 5px;
    color: #ffc55f;
}
.course_tipspricenum {
    font-size: 15px;
    padding: 0px 5px;
    color: #ffc55f;
}
.pay_tips {
    position: absolute;
    bottom: 10px;
    color: #ccc;
    z-index: 10;
    font-size: 13px;
    padding: 5px 10px;
}
.pay_tips_link {
    padding: 0px 5px;
    color: #ff9c0e;
    text-decoration: underline;
}