body, html {
    background-color: #ffffff;
    height: 100%;
    width: 100%;    
}
body {
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica,'PingFang SC','Microsoft YaHei','黑体';
    font-size: 14px;
    width:100%;
    margin: 0 auto;
    position:relative;
}

.wrapper{
	width:1440px;
	height:auto;
	transform-origin: 0 0;
}

.wrapper .main_div{
	width:1440px;
	height:auto;
	background:#ffffff;
	margin:auto;
	clear:both;
	float:left;
}

.wrapper .div_backgournd1{
	background:#EDEDED;
}

.wrapper .div_backgournd2{
	background:#FBFBFB;
}


.wrapper .main_div .mian_div_title{
	width:123px;
	height:25px;
	font-size:18px;
	font-weight:bold;
	color:rgba(0,0,0,1);
	line-height:25px;
	margin:112px 0px 32px 134px;
}


.wrapper .main_div .teachershow_head{
	width:1440px;
	height:348px;
	background:rgba(0,0,0,0.65);
	position:absolute;
	top:0px;
}

.wrapper .main_div .teachershow_head .head_img{
	width:106px;
	height:106px;
	border-radius:2px;
	margin:120px 30px 120px 134px;
	background-size:cover;
	background-position:center;
	float:left;
	overflow:hidden;
	border:1px #ffffff solid;
}

.wrapper .main_div .teachershow_head .head_show{
	width:1030px;
	height:106px;
	float:left;
	margin:120px 0px 0px 0px;
}

.wrapper .main_div .teachershow_head .head_show .head_name{
	height:36px;
	font-size:36px;
	font-family:HiraMinPro-W3,HiraMinPro,'Helvetica Neue', Helvetica,'PingFang SC','Microsoft YaHei','黑体';
	font-weight:normal;
	color:rgba(255,255,255,1);
	line-height:54px;
	margin:12px 0px 20px 0px;
}

.wrapper .main_div .teachershow_head .head_show .head_text{
	height:22px;
	font-size:16px;
	font-weight:300;
	color:rgba(196,196,196,1);
	line-height:22px;
}



.wrapper .main_div .teachershow_about{
	width:1173px;
	height:330px;
	background:rgba(255,255,255,1);
	box-shadow:0px 1px 8px 0px rgba(175,173,173,0.5);
	border-radius:2px;
	/* position:absolute;
	top:296px;
	left:133px; */
	margin:auto;
}

.wrapper .main_div .teachershow_about .aboutline{
	width:1111px;
	height:109px;
	border-bottom:1px #EBEBEB solid;
	margin:0px auto 0px auto;
}

.wrapper .main_div .teachershow_about .aboutline:last-child{
	border:none;
}

.wrapper .main_div .teachershow_about .aboutline .about_icon{
	width:45px;
	height:45px;
	background-size:cover;
	background-position:center;
	float:left;
	margin:32px 32px 32px 38px;
}

.wrapper .main_div .teachershow_about .aboutline .about_div{
	width:948px;
	float:left;
}

.wrapper .main_div .teachershow_about .aboutline .about_text1{
	font-size:12px;
	font-weight:bold;
	color:rgba(85,85,85,1);
	line-height:17px;
	margin:32px 0px 8px 0px; 
}

.wrapper .main_div .teachershow_about .aboutline .about_text2{
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:22px;
}

.wrapper .main_div .teachershow_about .aboutline .aboutline_div{
	width:277px;
	height:90px;
	border-right:1px #EBEBEB solid;
	margin:10px auto 0px auto;
	float:left;
}

.wrapper .main_div .teachershow_about .aboutline_div:last-child{
	border:none;
}

.wrapper .main_div .teachershow_about .aboutline .aboutline_div .about_div{
	width:127px;
	float:left;
}

.wrapper .main_div .teachershow_about .aboutline .aboutline_div .about_icon{
	width:45px;
	height:45px;
	background-size:cover;
	background-position:center;
	float:left;
	margin:22px 32px 22px 38px;
}

.wrapper .main_div .teachershow_about .aboutline .aboutline_div .about_text1{
	font-size:12px;
	font-weight:bold;
	color:rgba(85,85,85,1);
	line-height:17px;
	margin:22px 0px 8px 0px; 
}

.wrapper .main_div .teachershow_about .aboutline .aboutline_div .about_text2{
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:22px;
}



.wrapper .main_div .teach_lession_div{
	width:1172px;
	height:auto;
	margin:auto;
}

.wrapper .main_div .teach_lession_div .lession_div{
	width:278px;
	height:248px;
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 8px 0px rgba(175,173,173,0.5);
	border-radius:4px;
	float:left;
	margin:0px 20px 41px 0px;
	overflow:hidden;
}

.wrapper .main_div .teach_lession_div .lession_div:last-child{
	margin-right:0px;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_img{
	width:278px;
	height:180px;
	background-position:center;
	background-size:cover;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_about_div{
	width:246px;
	margin:auto;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_about_div .text1{
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:22px;
	margin-bottom:7px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_about_div .text2{
	font-size:10px;
	font-weight:300;
	color:rgba(134,134,134,1);
	line-height:14px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_about_div span{
	margin-right:10px;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_about{
	width:175px;
	float:left;
	margin:12px auto 0px auto;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_status1{
	width:64px;
	float:right;
	margin:12px auto 0px auto;
	text-align:center;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_status1 .lession_status_left{
	width:28px;
	float:left;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_status1 .lession_status_middle{
	width:8px;
	float:left;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_status1 .lession_status_right{
	width:28px;
	float:left;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_status2{
	width:48px;
	float:right;
	margin:12px auto 0px auto;
	text-align:center;
}

.wrapper .main_div .teach_lession_div .lession_div .lession_status3{
	width:48px;
	float:right;
	margin:12px auto 0px auto;
	text-align:center;
}





.wrapper .main_div .teach_lession_more{
	width:100px;
	height:22px;
	font-size:12px;
	font-weight:100;
	color:rgba(0,0,0,1);
	line-height:22px;
	margin:0px auto 75px auto;
	
	cursor:pointer;
	clear: both;
}

.wrapper .main_div .teach_lession_more .teach_lession_more_text{
	font-size:16px;
	font-weight:300;
	color:rgba(129,128,128,1);
	line-height:22px;
	float:left;
}

.wrapper .main_div .teach_lession_more .teach_lession_more_arrow{
	width:14px;
	height:9px;
	background:url('../images/arrow.png');
	background-size:cover;
	float:right;
	margin-top:4px;
}


/* 学生评价 */
.wrapper .main_div .student_comment_labeldiv{
	width:1172px;
	height:auto;
	margin:auto;
}

.wrapper .main_div .student_comment_labeldiv .comment_label{
	width:152px;
	height:31px;
	background:rgba(198,198,198,1);
	border-radius:20px;
	
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:31px;
	text-align:center;
	float:left;
	margin:0px 40px 24px 0px;
}

.wrapper .main_div .student_comment_div{
	width:1172px;
	height:auto;
	margin:0px auto 80px auto;
	border-top:1px #cccccc solid;
}

.wrapper .main_div .student_comment_div .student_comment_leftdiv{
	width:564px;
	height:auto;
	float:left;
}

.wrapper .main_div .student_comment_div .student_comment_rightdiv{
	width:564px;
	height:auto;
	float:right;
}

.wrapper .main_div .student_comment_div .comment_line{
	width:564px;
	height:auto;
	border-bottom:1px #cccccc solid;
}

.wrapper .main_div .student_comment_div .comment_line .comment_name{
	width:564px;
	font-size:12px;
	font-weight:500;
	color:rgba(85,85,85,1);
	line-height:17px;
	margin:15px auto 9px auto;
}

.wrapper .main_div .student_comment_div .comment_line .comment_text{
	width:564px;
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:22px;
	margin-bottom:15px;
}






/* 教师收藏 */

.wrapper .main_div .teach_collect_div{
	width:1172px;
	height:auto;
	margin:auto;
}

.wrapper .main_div .teach_collect_div .collect_div{
	width:278px;
	height:278px;
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 8px 0px rgba(175,173,173,0.5);
	border-radius:4px;
	float:left;
	margin:0px 20px 41px 0px;
	overflow:hidden;
}

.wrapper .main_div .teach_collect_div .collect_div:last-child{
	margin-right:0px;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_img1{
	width:278px;
	height:210px;
	background-position:center;
	background-size:cover;
}



.wrapper .main_div .teach_collect_div .collect_div .lession_about_div{
	width:246px;
	margin:auto;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_about_div .text1{
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:22px;
	margin-bottom:7px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_about_div .text2{
	font-size:10px;
	font-weight:300;
	color:rgba(134,134,134,1);
	line-height:14px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_about_div span{
	margin-right:10px;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_about{
	width:175px;
	float:left;
	margin:12px auto 0px auto;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_status1{
	width:64px;
	float:right;
	margin:12px auto 0px auto;
	text-align:center;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_status1 .lession_status_left{
	width:28px;
	float:left;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_status1 .lession_status_middle{
	width:8px;
	float:left;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_status1 .lession_status_right{
	width:28px;
	float:left;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_status2{
	width:48px;
	float:right;
	margin:12px auto 0px auto;
	text-align:center;
}

.wrapper .main_div .teach_collect_div .collect_div .lession_status3{
	width:48px;
	float:right;
	margin:12px auto 0px auto;
	text-align:center;
}



.wrapper .main_div .teach_collect_div .collect_div .collect_img2{
	width:278px;
	height:177px;
	background-position:center;
	background-size:cover;
}


.wrapper .main_div .teach_collect_div .collect_div .collect_title{
	width:230px;
	height:16px;
	line-height:16px;
	font-size:16px;
	margin:18px auto 12px auto;
	color:#000000;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_keyword{
	width:230px;
	height:12px;
	line-height:12px;
	font-size:10px;
	margin:0px auto 20px auto;
	color:rgba(134,134,134,1);
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_keyword span{
	margin-right:13px;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_icon_div{
	width:230px;
	height:20px;
	margin:0px auto 0px auto;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_icon_div .collect_icon1{
	width:14px;
	height:13px;
	background:url('../images/sc_icon.png');
	float:left;
	margin-right:4px;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_icon_div .collect_icon2{
	width:14px;
	height:13px;
	background:url('../images/zf_icon.png');
	float:left;
	margin-right:4px;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_icon_div .collect_icon3{
	width:14px;
	height:13px;
	background:url('../images/ll_icon.png');
	float:left;
	margin-right:6px;
}

.wrapper .main_div .teach_collect_div .collect_div .collect_icon_div .num{
	width:36px;
	height:14px;
	line-height:14px;
	float:left;
	font-size:10px;
	color:rgba(134,134,134,1);
	
}





.wrapper .main_div .teach_collect_more{
	width:100px;
	height:22px;
	font-size:12px;
	font-weight:100;
	color:rgba(0,0,0,1);
	line-height:22px;
	margin:0px auto 46px auto;
	
	cursor:pointer;
	clear: both;
}

.wrapper .main_div .teach_collect_more .teach_collect_more_text{
	font-size:16px;
	font-weight:300;
	color:rgba(129,128,128,1);
	line-height:22px;
	float:left;
}

.wrapper .main_div .teach_collect_more .teach_collect_more_arrow{
	width:14px;
	height:9px;
	background:url('../images/arrow.png');
	background-size:cover;
	float:right;
	margin-top:4px;
}




/*************************弹框样式*******************************/
.wrapper .grey_back{
	width:1440px; 
	height:100%; 
	background:rgba(0,0,0,0.56); 
	position:absolute; 
	z-index:2; 
	overflow-y:scroll; 
	overflow-x:hidden;
}

.wrapper .grey_back .alert_div{
	width:901px;
	height:auto; 
	background:rgba(255,255,255,1);
	border-radius:4px;
	margin:81px auto 81px auto;
}

.wrapper .grey_back::-webkit-scrollbar {/*滚动条整体样式*/
	width: 0px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 0px;
}
.wrapper .grey_back::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius:1px;
	background: rgba(123,123,123,0.81);
}
.wrapper .grey_back::-webkit-scrollbar-track {/*滚动条里面轨道*/
	
	border-radius: 0;
	background: transparent;
}

.wrapper .grey_back .alert_div .alert_div_head{
	width:901px;
	height:89px;
	background:rgba(255,255,255,1);
}

.wrapper .grey_back .alert_div .alert_div_head .title{
	float:left;
	height:89px;
	font-size:18px;
	font-weight:500;
	color:rgba(0,0,0,1);
	line-height:89px;
	margin:0px 24px 0px 40px;
}


.wrapper .grey_back .alert_div .alert_div_head .close{
	float:right;
	width:15px;
	height:15px;
	background-image:url('../images/close.png');
	background-size:cover;
	margin:37px 40px 37px 0px;
	cursor:pointer;
}

.wrapper .grey_back .alert_div .edit_teachershow_head{
	width:901px;
	height:180px;
	background:rgba(0,0,0,0.65);
	position:relative;
}

.wrapper .grey_back .alert_div .edit_teachershow_head .head_img{
	width:106px;
	height:106px;
	border-radius:2px;
	margin:36px 0px 36px 66px;
	background-size:cover;
	background-position:center;
	float:left;
	overflow:hidden;
	border:1px #ffffff solid;
	position:absolute;
}

.wrapper .grey_back .alert_div .edit_teachershow_head .headimg_editbtn{
	width:24px;
	height:24px;
	border-radius:12px;
	background:#ffffff;
	position:absolute;
	top: 132px;
    left: 161px;
	cursor:pointer;
}

.wrapper .grey_back .alert_div .edit_teachershow_head .headimg_editbtn div{
	width:16px;
	height:14px;
	background:url('../images/write.png');
	background-size:cover;
	margin:4px auto 0px auto;
}

.wrapper .grey_back .alert_div .edit_teachershow_head .teachershow_back_editbtn{
	width:24px;
	height:24px;
	border-radius:12px;
	background:#ffffff;
	position:absolute;
	top: 30px;
    right: 66px;
	cursor:pointer;
}

.wrapper .grey_back .alert_div .edit_teachershow_head .teachershow_back_editbtn div{
	width:16px;
	height:14px;
	background:url('../images/write.png');
	background-size:cover;
	margin:4px auto 0px auto;
}

.wrapper .grey_back .alert_div .edit_teachershow_body{
	width:769px;
	height:auto;
	margin:28px auto 0px auto;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_line{
	width:769px;
	height:auto;
	margin-bottom:32px;
	float:left;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_line .title{
	font-size:12px;
	font-weight:bold;
	color:rgba(85,85,85,1);
	line-height:17px;
	margin-bottom:7px;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_line .fill_in{
	width:100%;
	height:38px;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:22px;
	border-bottom:1px #D3D3D3 solid;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works{
	width:769px;
	height:auto;
	margin-bottom:40px;
	float:left;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .title{
	font-size:12px;
	font-weight:bold;
	color:rgba(85,85,85,1);
	line-height:17px;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .works_div{
	width:247px;
	height:172px;
	float:left;
	margin:14px 14px 0px 0px;
	background-size:cover;
	background-position:center;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .works_div:nth-child(3n+4){
	margin-right:0px;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .works_div .works_div_edit{
	width:24px;
	height:24px;
	border-radius:12px;
	background:#ffffff;
	float:right;
	margin:8px;
	cursor:pointer;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .works_div .works_div_edit div{
	width:16px;
	height:14px;
	background:url('../images/write.png');
	background-size:cover;
	margin:4px auto 0px auto;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .works_post_div{
	width:245px;
	height:170px;
	border:1px #D3D3D3 solid;
	position:relative;
	float:left;
	margin-top:14px;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .works_post_div .post_btn{
	background:url('../images/add.png') center;
	background-size:cover;
	width:21px;
	height:21px;
	margin:74px auto 0px auto;
}

.wrapper .grey_back .alert_div .edit_teachershow_body .body_works .works_post_div .post_file{
	width:245px;
	height:170px;
	position:absolute;
	top:0px;
	opacity: 0;
    cursor: pointer;
}


.wrapper .grey_back .edit_teachershow .edit_teachershow_footer{
	width:901px;
	height:90px;
	background:rgba(255,255,255,1);
	box-shadow:0px -2px 4px 0px rgba(175,173,173,0.5);
}

.wrapper .grey_back .edit_teachershow .edit_teachershow_footer .text{
	font-size:12px;
	font-weight:bold;
	color:rgba(85,85,85,1);
	line-height:17px;
	width:250px;
	margin:36px 0px 0px 66px;
	float:left;
}

.wrapper .grey_back .edit_teachershow .edit_teachershow_footer .post_btn{
	width:136px;
	height:40px;
	background:rgba(222,25,36,1);
	border-radius:8px;
	font-size:12px;
	font-weight:300;
	color:rgba(255,255,255,1);
	line-height:40px;
	float:right;
	margin:25px 40px 25px 0px;
	text-align:center;
	cursor: pointer;
}

/******************************滑动弹出层************************************/
.scroll_div .scroll_show_div{
	width:1440px; 
	height:68px; 
	background:rgba(255,255,255,1); 
	box-shadow:0px 6px 8px 0px rgba(175,173,173,0.5); 
	border-radius:2px; 
	border:1px solid rgba(245,245,245,1);
}


.scroll_div .scroll_show_div .teacher_about_div{
	width:294px; 
	height:46px; 
	margin-top:11px; 
	float:left; 
	border-right:1px #EBEBEB solid;
}

.scroll_div .scroll_show_div .teacher_about_div:last-child{
	width:294px; 
	height:46px; 
	margin-top:11px; 
	float:left; 
	border-right:1px #FFFFFF solid;
}

.scroll_div .scroll_show_div .teacher_about_div .teacher_about_icon{
	width:25px;
	height:25px;
	background-size:cover;
	background-position:center;
	float:left;
	margin:11px 20px 0px 130px;
}

.scroll_div .scroll_show_div .teacher_about_div .teacher_about_text{
	font-size:16px;
	font-weight:300;
	color:rgba(44,44,44,1);
	line-height:46px;
}